Jump to content

marcelocardoso

Members
  • Content count

    1080
  • Joined

  • Last visited

Community Reputation

-6 Ruim

About marcelocardoso

  • Rank
    Marcelo Cardoso
  • Birthday 08/14/1980

Informações Pessoais

  • Sexo
    Masculino
  • Localização
    Sapucaia do Sul

Contato

Recent Profile Visitors

917420 profile views
  1. marcelocardoso

    Agrupar DATAS em noticias

    Complementando, para outro caso.... consegui utililzar assim: <% 'cria uma data ficticia, a qual nunca poderá repetir data = "1900-01-01" 'faz um loop DO WHILE NOT bootPAG.EOF Response.Write "<div class=""col-xl-12 col-lg-12 col-md-12 col-md-12 col-xs-12"">" 'se não for igual, imprime... e vai fazendo o laço até o fim... IF NOT data = bootPAG("data") THEN Response.Write "<div class=""box-noticias-data-min mb-2"">"& FormataDataBrasileiro(bootPAG("data")) &"</div>" data = bootPAG("data") END IF Response.Write "<div class=""box-noticias-titulo-min""><a href=""?idnot="& bootPAG("id") &"#topo"">"& TrataAcentos(bootPAG("titulo")) &"</a></div>" Response.Write "</div>" bootPAG.MoveNext Loop %>
  2. marcelocardoso

    limitar itens paginação...

    Segue agora outro exemplo, agora com busca, bem mais compacto e também mais reduzido, comprimido, resumido... apenas dois arquivos. index.asp <!--#include file="inc/count.asp"--> <form method="post" action="?menu=item"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <table class="table"> <tbody> <tr> <td> <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-12 text-left m-0 mt-2 p-0"> <button class="btn btn-success fa fa-pencil fa-1x mb-2 pull-left" type="button" onclick="window.location='?menu=inserir';"></button> <p class="text-left mr-3 mt-1">Inserir um novo registro!</p> </div> <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-xs-12 input-group text-right m-0 mt-2 p-0"> <input id="busca" name="busca" type="text" class="form-control" placeholder="Digite o que deseja buscar ..." value="<%=busca%>"> <span class="input-group-btn m-0 p-0"> <input class="btn btn-warning" type="submit" value="BUSCAR" /> </span> </div> </td> </tr> </tbody> </table> <% IF bootPAG.EOF OR tCount = "0" THEN %> <table class="table"> <tbody> <tr> <td class="text-center"> Nao existem registros para a busca: <b style="color: green;"><%= busca %></b> </td> </tr> </tbody> </table> <% ELSE %> <table class="table table-bordered table-borderless table-striped table-hover"> <thead> <tr> <th class="text-center hidden-xs">ID</th> <th class="text-center hidden-xs">DATA</th> <th class="text-center hidden-xs">HORA</th> <th class="text-left">TITULO</th> <th class="text-left hidden-xs">SUBTITULO</th> <th class="text-center">OPCOES</th> </tr> </thead> <tbody> <div id="bootpag-conteudo"></div> </tbody> </table> <% END IF %> <div class="col-xl-12 col-lg-12 col-md-12 col-md-12 col-xs-12 text-right" style="padding-top: 25px; font-size: 10px; color: darkgrey;"> <% IF tPages < 1 THEN %> Você está navegando na p&aacute;gina | <b><%=page%></b> | <% ELSE %> Você está navegando na p&aacute;gina | <b><%=page%></b> de <b><%=tPages%></b> | <% END IF %> </div> <div class="col-xl-12 col-lg-12 col-md-12 col-md-12 col-xs-12 text-right" style="padding-top: 10px; font-size: 10px; color: darkgrey;"> TOTAL DE | <b><%=tCount%></b> | REGISTROS ENCONTRADOS </div> </div> </form> <div id="bootpag-paginacao"></div> <script type="text/javascript"> $(document).ready(function() { var numBusca = $("input[name=busca]").val(); $("#bootpag-conteudo").load("inc/ajax.asp?busca="+ numBusca +""); $("#bootpag-paginacao").bootpag({ total: <%=tPages %>, page: 1, maxVisible: 4, leaps: false, firstLastUse: true, nextClass: 'next', next: '<span class=" fa fa-chevron-right"></span>', prevClass: 'prev', prev: '<span class=" fa fa-chevron-left"></span>', firstClass: 'first', first: '<span class=" fa fa-home"></span>', lastClass: 'last', last: '<span class=" fa fa-arrow-right"></span>', activeClass: 'active', disabledClass: 'disabled' }).on("page", function(e, numPag){ e.preventDefault(); $("#bootpag-conteudo").load("inc/ajax.asp?page="+ numPag +"&busca="+ numBusca +""); }); }); </script> </div> count.asp <% 'limpa a variavel busca = "" 'resgato as variaveis busca = Request("busca") pag = Trim(Request.QueryString("page")) 'verifico que pagina estou IF NOT pag = "" AND NOT pag = "0" THEN IF IsNumeric(pag) THEN page = pag ELSE page = 1 END IF ELSE page = 1 END IF 'faz a contagem de registros total do banco de dados SET bootCOUNT = conexao.execute("SELECT COUNT(*) AS id FROM table WHERE titulo LIKE '%"& busca &"%'" &_ "OR subtitulo LIKE '%"& busca &"%'" &_ "OR descricao LIKE '%"& busca &"%'") 'defino a contagem de registros encontrados pelo count tCount = CInt(bootCOUNT(0)) 'defino o limite de linhas (qtde) ou (registros exibido na tela) tRow = 1 'defino o total de registros e divido pelo limite de linhas tPages = CInt((tCount/tRow)) 'defino a posicao final do limit da query MYSQL tPosition = ((page-1) * tRow) SET bootPAG = conexao.execute("SELECT * FROM table WHERE titulo LIKE '%"& busca &"%'" &_ "OR subtitulo LIKE '%"& busca &"%' OR descricao LIKE '%"& busca &"%' " &_ "ORDER BY id DESC LIMIT "& tPosition &", "& tRow &"") %> noticias.asp <!--#include file="conn.asp"--> <!--#include file="count.asp"--> <% DO WHILE NOT bootPAG.EOF Response.Write "<td class=""text-center hidden-xs"">"& bootPAG("id") &"</td>" Response.Write "<td class=""text-center text-muted hidden-xs"">"& FormataDataBrasileiro(bootPAG("data")) &"</td>" Response.Write "<td class=""text-center text-muted hidden-xs"">"& FormataHora(bootPAG("hora")) &"</td>" Response.Write "<td class=""text-left hidden-xs""><b>"& bootPAG("titulo") &"</b></td>" Response.Write "<td class=""text-left text-muted"">"& bootPAG("subtitulo") &"</td>" Response.Write "<td class=""text-center"" style=""vertical-align: middle;"">" Response.Write "<button class=""btn fa fa-wrench"" type=""button"" onclick=""window.location='?menu=atualizar&id="& bootPAG("id") &"'""></button>" Response.Write "<button class=""btn btn-delete fa fa-trash-o"" type="" button"" data-id="""& bootPAG("id") &"""""></button>" Response.Write "</td>" bootPAG.MoveNext LOOP %> uma ótima paginação para estudo, implementação utilizando bootpag... dá para personalizar a vontade... segue exemplo que FUNCIONA, bons estudos... até...
  3. marcelocardoso

    DIV acompanhando o SCROLL até certo ponto

    obrigado pelas dicas... ajudou bastante...
  4. marcelocardoso

    limitar itens paginação...

    Olá colegas e MICHAEL... como mencionado, para ajuda, para ninguém penar... segue exemplo de paginação adaptada de PHP para ASP, com limitação de registros.... CODE Index.asp <!--#include file="conn.asp"--> <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/reset.css@2.0.2/reset.min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"> <script type="text/javascript" src="//cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/npm/bootpag@1.0.7/lib/jquery.bootpag.min.js"></script> <style type="text/css"> html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; } .flex-container { height: 100%; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .flex-item { padding: 0px; height: auto; margin: 0px; line-height: 20px; text-align: center; } </style> </head> <body> <div class="flex-container"> <div class="row"> <div class="flex-item"> <div class="bootpag-content"> Conteúdo dinâmico gerado pelo BANCO DE DADOS - MySQL + ASP + AJAX </div> <div class="bootpag-pagination"></div> </div> </div> <div class="bootpag-loading"></div> </div> <script type="text/javascript"> $(document).ready(function () { $(".bootpag-content").load("data.asp"); $(".bootpag-pagination").bootpag({ total: <%= total_pages %>, page: 1, maxVisible: 5 }).on("page", function (e, num) { e.preventDefault(); $.ajax({ url: "data.asp?page=" + num }).done(function(data) { $(".bootpag-content").html(data); }); }); }); </script> </body> </html> data.asp <!--#include file="conn.asp"--> <% id_page = Trim(Request.QueryString("page")) IF NOT id_page = "" AND NOT id_page = "0" THEN IF IsNumeric(id_page) THEN page_no = id_page ELSE page_no = 1 END IF ELSE page_no = 1 END IF limit_start = ((page_no-1) * limit_row) SET strRS = Server.CreateObject("ADODB.RECORDSET") SET strRS = conexao.execute("SELECT * FROM dbnoticias ORDER BY id DESC LIMIT "& limit_start &", "& limit_row &"") IF strRS.EOF OR total_count = "0" THEN Response.Write "<b>Não existem registros a serem exibidos!</b>" ELSE DO WHILE NOT strRS.EOF Response.Write "<ul><li style=""font-size: 11px;""><b style=""color: black;"">["& strRS("id") &"]</b> ["& strRS("dbdata") &"] | "& strRS("dbtitulo") &"</li></ul>" strRS.MoveNext Loop END IF SET strRS = nothing SET strCT = nothing conexao.close SET conexao = nothing %> conexao.asp <%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%> <% SET conexao = Server.CreateObject("ADODB.CONNECTION") conexao.open "DRIVER={MySQL ODBC 8.0 ANSI DRIVER}; SERVER=localhost; DATABASE=banco; UID=root; PWD=; PORT=3306; OPTION=3;" SET strCT = Server.CreateObject("ADODB.RECORDSET") SET strCT = conexao.execute("SELECT count(*) AS id FROM dbnoticias") limit_row = 1 total_count = CInt(strCT(0)) total_pages = CInt((total_count/limit_row)) %> uma ótima paginação, podendo adaptar, simples, rapida e com uso de bootpag e outras do genero, fácil de adaptar.... meu esforço, ta aí... só adaptarem para que não sabe como eu também... 1 semana até conseguir fazer bem... até...
  5. marcelocardoso

    limitar itens paginação...

    acabei penando para fazer um paginação, depois de tanto estudar... não consegui e nem peguei mais esta acima, ainda ficando para ajustar os itens... mas adaptei uma de PHP, transpus para ASP e fiz os ajustes necessários... também utilizei o bootpag como solução para o caso que precisava... vou postar também, para ajuda a quem precisar de algo legal em ASP. até mais, e obrigado pelo lembrete. até... MICHAEL
  6. marcelocardoso

    Paginação BOOTPAG - TWBS

    alguém..... já fez bootpag com ASP e tem exemplo para postar... obrigado.
  7. marcelocardoso

    click com slidetoggle e ANCORA no TOP do id

    a principio teu codigo faz o mesmo efeito accordion que o slideToggle do jquery faz, no que eu preciso, mas ainda peca, falha, no quesito alinhar pelo TOPO, vamos ver se consigo ser mais explicativo... 1) slidetoggle, é clicado, certo. 2) ele, automaticamente, é expandido, abre para baixo e expande o mesmo, com seu conteudo; 3) isso fica perfeito quando é feito com o position BOTTOM, normal dele, 4) mas QUANDO é feito com o position para expandir para UP, .... 5) aí que está o problema, tentei com OFFSET, ao abrir para CIMA, independente do conteudo do slidetoggle ao ser aberto, deveria a barra de rolagem subir junto e pelo OFFSET, pegar o ID da DIV, e alinhar bem no inicio a div. ELE EXPANDE CERTO, mas tipo Texto inicio Texto meio Texto fim Ele não posiciona no texto início, fica sempre na metade, ou no texto fim, aí tu tens que subir a barra, para o texto início... Entendeu agora... Tentei de várias maneiras, pegar o OFFSET e jogar o ID, mas não consegui.... Fica a premissa... Seu exemplo faz também, mas faz a mesma coisa que eu FIZ, tenho que alinhar no topo quando expande independente do tamanho da DIV pelo slidetoggle sendo aberta. Se tiver cabeça para dar luz nisso, agradeço. Obrigado.
  8. marcelocardoso

    click com slidetoggle e ANCORA no TOP do id

    Olha so omar...., O code faz isso, so o problema quando expande, ele nao vai para o TOP do item da slidetoggle, queria que ele posicionasse a div expandida pela sua base no topo, tipo no inicio da div quando expandida, tentei com id, mas n consegui....
  9. Fala galera... Depois de tanto sofrer tentando e pesquisando na internet, não consegui resolver... A nível de conhecimento, segue código para::: 1) Ao clicar, pegar o id do botão, em seguida abrir com slidetoggle e jogar no TOP tipo ancora. 2) ou seja, expandir a slidetoggle, mas POSICIONAR no id da DIV, SECTION ou etc... CODE: $(function () { // $("#btn-maps").on("click", function () { // $('html, body').animate({ // scrollTop: $("#maps").slideToggle('slow').offset().top - 135 // }, 1200, 'linear'); // }); $("#btn-maps").click( function (event) { event.preventDefault(); if ($("#maps").is(":visible")) { $("#maps").slideUp(600).offset().top; } else { $("#maps").slideDown(600).offset().bottom; } } ); }); Este código, funciona perfeitamente, adaptado de vários códigos buscados na internet, porém, não consigo com nenhum dos dois, posicionar ao CLICK o SLIDETOGGLE ao expandir deixar examente no inicio do ID; Dicas, Sugestões como fazer, realizar, agradeço. Obrigado.
  10. marcelocardoso

    limitar itens paginação...

    Alguém para dar uma luz, no quesito paginação, deixar somente 10 itens neste caso acima????
  11. marcelocardoso

    limitar itens paginação...

    olá pessoal. Estou disponibilizando um script para paginação de noticias, ele funciona, porém, ao adaptar codigo usado da internet, não encontrei maneiras de LIMITAR os REGISTROS. Se alguém quiser contribuir, na parte da paginação, agradeço. preciso limitar os registros em 10 em 10 a paginação primeiro < 1 2 3 4 5 6 7 8 9 10 > ultimo <section class="container-fluid"> <div class="row mb-5"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 mb-5"> <h1 class="text-center"> Informações e noticias </h1> <h3 class="text-center"> Atualizações diárias de conteúdos advocatícios e judiciais </h3> </div> <div class="col-xl-8 col-lg-8 col-md-8 col-sm-8 col-xs-12 mt-2 p-5" style="height: auto;"> <% IF IsEmpty(Request.QueryString("idnot")) OR IsNull(Request.QueryString("idnot")) THEN SQL1 = "SELECT * FROM dbluz_noticias ORDER BY id DESC LIMIT 1" ELSE SQL1 = "SELECT * FROM dbluz_noticias WHERE id = "& Request.QueryString("idnot") &" ORDER BY id DESC LIMIT 1" END IF SET strNoticias = Server.CreateObject("ADODB.Recordset") strNoticias.Open SQL1, conexao, 3, 3 IF strNoticias.EOF THEN %> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> <h1>AVISO!</h1> <h4 style="color: green;"> Não existem noticias cadastradas no momento, <br> ou não existe registro para este ID informado. </h4> </div> <% ELSE DO WHILE NOT strNoticias.EOF %> <div class="box-noticias-data"> <%=strNoticias("dbluz_data")%> </div> <div class="box-noticias-subtitulo"> <%=strNoticias("dbluz_subtitulo")%> </div> <div class="box-noticias-titulo mt-4"> <%=strNoticias("dbluz_titulo")%> </div> <div class="box-noticias-descricao mt-5 text-justify"> <%=strNoticias("dbluz_descricao")%> </div> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 text-right box-noticias-fonte line-dotted-top mt-3 mb-5 p-2"> <span class="mb-5 mt-2 p-2 bg-success"> <a href="index.asp?idnot=<%=strNoticias("id")%>" role="button" class="btn btn-clean"> <span class="fa fa-print fa-1x font-color-var1"></span> </a> </span> </div> <% strNoticias.MoveNext Loop SET strNoticias = Nothing %> </div> <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-12 mt-5 p-0"> <% SQL2 = "SELECT * FROM dbluz_noticias " SET strNoticiasBlocos = Server.CreateObject("ADODB.Recordset") strNoticiasBlocos.Open SQL2, conexao, 3, 3 IF strNoticiasBlocos.EOF THEN %> <div class="row"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> <h1>AVISO!</h1> <h4 style="color: green;">Não existem noticias cadastradas no momento, <br> ou não existe registro para este ID informado.</h4> </div> </div> <% ELSE ItensExibidos = 1 'Qtde de Itens' NumeroDaPagina = Request.QueryString("pg") IF NumeroDaPagina = "" THEN NumeroDaPagina = 1 TotalDeRegistros = UBound(strNoticiasBlocos.GetRows,2)+1 InicioDaPagina = ((ItensExibidos*NumeroDaPagina)-ItensExibidos) FinalDaPagina = ItensExibidos IF TotalDeRegistros <= ItensExibidos THEN PaginaTotal = 1 ELSEIF (TotalDeRegistros MOD ItensExibidos = 0) THEN PaginaTotal = (TotalDeRegistros/ItensExibidos) ELSE PaginaTotal = (TotalDeRegistros/ItensExibidos) + 1 PaginaTotal = Cint(PaginaTotal) END IF strNoticiasBlocos.close SQL3 = SQL2 & "WHERE id != (SELECT max(id) FROM dbluz_noticias) ORDER BY id DESC LIMIT "& InicioDaPagina &" , "& FinalDaPagina &"" strNoticiasBlocos.Open SQL3, conexao, 3, 3 %> <div class="row"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 mb-2"> <% DO WHILE NOT strNoticiasBlocos.EOF %> <div class="box-noticias-data-min"><%= strNoticiasBlocos("dbluz_data")%></div> <div class="box-noticias-titulo-min mt-1 mb-1"> <a href="index.asp?idnot=<%=strNoticiasBlocos("id")%>" class=""> <%= strNoticiasBlocos("dbluz_titulo")%> </a> </div> <div class="box-noticias-descricao-min hidden-sm hidden-xs mb-4 line-dotted-top"> <%= LEFT(strNoticiasBlocos("dbluz_descricao"),200)%> </div> <% strNoticiasBlocos.MoveNext Loop %> </div> <% END IF END IF %> </div> <div class="col-xl-12 col-lg-12 col-md-12 col-md-12 col-xs-12"> <ul class="pagination pagination-sm"> <% IF Cint(NumeroDaPagina) = 1 THEN %> <li class="page-item disabled"> <a class="page-link fa fa-home" href="?pg=1" tabindex="-1"></a> </li> <li class="page-item disabled"> <a class="page-link" href="?pg=<%=NumeroDaPagina-1%>" tabindex="-1">Anterior</a> </li> <% ELSE %> <li class="page-item"> <a class="page-link fa fa-home" href="?pg=1" tabindex="-1"></a> </li> <li class="page-item"> <a class="page-link" href="?pg=<%=NumeroDaPagina-1%>" tabindex="-1">Anterior</a> </li> <% END IF %> <% FOR intID = 1 TO PaginaTotal IF intID = Cint(NumeroDaPagina) THEN %> <li class="page-item active"><a class="page-link" href="#"><b><%=intID%></b></a></li> <% ELSE %> <li class="page-item"> <a class="page-link" href="?pg=<%=intID%>"> <%=intID%> </a> </li> <% END IF NEXT %> <% IF Cint(NumeroDaPagina) = PaginaTotal THEN %> <li class="page-item disabled"> <a class="page-link" href="?pg=<%=NumeroDaPagina+1%>">Proxima</a> </li> <li class="page-item disabled"> <a class="page-link fa fa-arrow-circle-right" href="?pg=<%=PaginaTotal%>"></a> </li> <% ELSE %> <li class="page-item"> <a class="page-link" href="?pg=<%=NumeroDaPagina+1%>">Proxima</a> </li> <li class="page-item"> <a class="page-link fa fa-arrow-circle-right" href="?pg=<%=PaginaTotal%>"></a> </li> <% END IF %> </ul> </div> <div class="col-xl-12 col-lg-12 col-md-12 col-md-12 col-xs-12"> <div class="text-right p-1" style="font-size: 10px;"> Navegando na página <b id="barra_numero"><%= NumeroDaPagina %></b> de <b id="barra_total"><%= PaginaTotal %></b> </div> <div class="text-right p-1" style="font-size: 10px; color: dimgray;"> TOTAL DE <b id="barra_registro"><%= TotalDeRegistros %></b> REGISTROS </div> </div> </div> </div> </section> CODIGO DA PAGINACAO EXTRAIDO DA PARTE DE CIMA, a parte que preciso ajustar.... <ul class="pagination pagination-sm"> <% IF Cint(NumeroDaPagina) = 1 THEN %> <li class="page-item disabled"> <a class="page-link fa fa-home" href="?pg=1" tabindex="-1"></a> </li> <li class="page-item disabled"> <a class="page-link" href="?pg=<%=NumeroDaPagina-1%>" tabindex="-1">Anterior</a> </li> <% ELSE %> <li class="page-item"> <a class="page-link fa fa-home" href="?pg=1" tabindex="-1"></a> </li> <li class="page-item"> <a class="page-link" href="?pg=<%=NumeroDaPagina-1%>" tabindex="-1">Anterior</a> </li> <% END IF %> <% FOR intID = 1 TO PaginaTotal IF intID = Cint(NumeroDaPagina) THEN %> <li class="page-item active"><a class="page-link" href="#"><b><%=intID%></b></a></li> <% ELSE %> <li class="page-item"> <a class="page-link" href="?pg=<%=intID%>"> <%=intID%> </a> </li> <% END IF NEXT %> <% IF Cint(NumeroDaPagina) = PaginaTotal THEN %> <li class="page-item disabled"> <a class="page-link" href="?pg=<%=NumeroDaPagina+1%>">Proxima</a> </li> <li class="page-item disabled"> <a class="page-link fa fa-arrow-circle-right" href="?pg=<%=PaginaTotal%>"></a> </li> <% ELSE %> <li class="page-item"> <a class="page-link" href="?pg=<%=NumeroDaPagina+1%>">Proxima</a> </li> <li class="page-item"> <a class="page-link fa fa-arrow-circle-right" href="?pg=<%=PaginaTotal%>"></a> </li> <% END IF %> Desde já obrigado...
  12. marcelocardoso

    Paginação Moderna Bootstrap

    obrigado por lembrar.... mas já faz um tempão isso, já consegui... muito obrigado.
  13. Olá Colegas.... Tenho o código abaixo que funciona perfeitamente, fiz algumas modificações no CSS e também no JQUERY, segue abaixo... O PROBLEMA é que ao dar um refresh na página, F5 no brownser, ele como DEFAULT se perde o background, ficando TRANSPARENT. 1) Que é o modo que ele deve começar; 2) Mas como ele muda após se o window for maior >=20, no jquery; 3) Ao dar refresh, dependendo do lugar da página, ele deveria ficar o mesmo, mas fica sempre transparente; CODIGO HTML <nav class="navbar navbar-light navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar_menu" aria-expanded="false"> <span class="fa fa-bars"></span> </button> <a href="http://" class="navbar-brand brand-centered"> <img src="img/logo.png" class="img-responsive"> </a> </div> <div class="collapse navbar-collapse" id="navbar_menu"> <ul class="nav navbar-nav navbar-right"> <li><a href="#mn_empresa">EMPRESA</a></li> <li><a href="#mn_clientes">CLIENTES</a></li> <li><a href="#mn_formulario">CONTATO</a></li> </ul> </div> </div> </nav> CODIGO CSS /* NAVBAR */ .navbar { padding-top: 5px; padding-bottom: 12px; background-color: transparent; margin: 0px; color: #333; transition: all 0.3s; z-index: 9999; -webkit-box-shadow: 0px 0px 5px -1px rgba(171, 171, 171, 1); -moz-box-shadow: 0px 0px 5px -1px rgba(171, 171, 171, 1); box-shadow: 0px 0px 5px -1px rgba(171, 171, 171, 1); } /* NAVBAR - efeito simples dos itens do menu */ .navbar-nav a, .navbar-nav a.active { color: #00224b !important; background-color: transparent; font-size: 15px; font-weight: 600; width: 100%; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; } .navbar-nav li a:hover, .navbar-nav li.active a { color: #f4511e !important; background-color: white; font-weight: 600; width: 100%; } /* NAVBAR - toggle button */ .navbar-light .navbar-toggle { border: none; border-radius: 40px; width: 40px; height: 40px; font-size: 20px; z-index: 12; background-color: dodgerblue; color: white; cursor: pointer; -moz-transition: all .8s; -o-transition: all .8s; -webkit-transition: all .8s; transition: all .8s; } .navbar-light .navbar-toggle:hover { background-color: #f6761c; border-radius: 40px 0px 40px 40px; color: white; } /* NAVBAR - mudanças jquery */ .navbar-brand.nav_corlogo { height: auto; filter: brightness(0) invert(1) !important; } .navbar-nav.nav_cormenu a, .navbar-nav.nav_cormenu a.active { color: white !important; } .navbar-nav.nav_cormenu li a:hover, .navbar-nav.nav_cormenu li.active a { color: #ff9326 !important; background-color: transparent; } .navbar.nav_sombra { -webkit-box-shadow: 0px 2px 12px -1px rgba(31, 31, 31, 0.39); -moz-box-shadow: 0px 2px 12px -1px rgba(31, 31, 31, 0.39); box-shadow: 0px 2px 12px -1px rgba(31, 31, 31, 0.39); border-bottom: 2px solid rgba(118, 0, 191, 0.56); } .navbar.nav_comprime { padding-top: 10px; padding-bottom: 10px; background: #002a5c; color: white; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); -moz-transition: all .4s; -o-transition: all .4s; -webkit-transition: all .4s; transition: all .4s; } .navbar.nav_slide { background-color: transparent !important; } /* NAVBAR - config do logotipo imagem e logo texto */ .navbar-brand { padding: 4px; position: absolute; font-size: 1.25rem; white-space: nowrap; } .navbar-brand>img { padding: 0px; width: 16%; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; color: white } CODIGO JQUERY $(function () { $(window).on('scroll', function () { if ($(this).scrollTop() >= 20) { $('.navbar').addClass('nav_comprime'); $('.navbar').addClass('nav_sombra'); $('.navbar-nav').addClass('nav_cormenu'); $('.navbar-brand').addClass('nav_corlogo'); } else { $('.navbar').removeClass('nav_comprime'); $('.navbar').removeClass('nav_sombra'); $('.navbar-nav').removeClass('nav_cormenu'); $('.navbar-brand').removeClass('nav_corlogo'); } }); $('.navbar a').on('click', function () { if (window.innerWidth <= 768) { $('.navbar-toggle').trigger("click"); } }); //função que troca em resoluções menores o logotipo $(window).resize(function () { if ($(window).width() < 481) { $('#logotipo').attr('src', '../site/img/simbolo.png'); } else { $('#logotipo').attr('src', '../site/img/logo_-_original.png'); } }); $(".navbar a, footer a[href='#wrapper']").on("click", function (event) { event.preventDefault(); var hash = this.hash; $("html, body").animate({ scrollTop: $(hash).offset().top }, 800, function () { window.location.hash = hash; }); }); }); Se conseguirem me dar uma luz, agradeço. Posso estar errando no CSS ou JQUERY. Obrigado.
  14. marcelocardoso

    Function dentro de RULES jquery.validate

    Olá pessoal. Estou procurando na internet algo que possa incluir função ou ADDMETHOD nas rules ou em outra parte do JQUERY, ainda não encontrei algo satisfatório, se puderem exemplificar com exemplos, ou sugestões semelhantes, agradeço. 1) PRECISO DENTRO DAS RULES "campo_email" executar uma função. CODE: $(function () { $('#frm_form_contato').validate({ rules: { campo_email: { required: true, minlength: 5, email: true }, }, }); Incluir esta função, jQuery.validator.addMethod( $("#campo_email").verimail({ denyTempEmailDomains: true, messageElement: function (element) { this.element(element); }, }); ); Quero usar o valimail.js para validar o campo email, não somente validar, mas com ele, verificar se ele existe, pois é um script muito bom para isso. notei que dá para adicionar um método junto ao validate do jquery, porém, ainda pesquisando na internet não encontrei algo esclarecedor.. Agradeço sugestões. Obrigado.
  15. marcelocardoso

    cdosys locaweb

    Fala galera. Não sei onde postar CDOSYS, então, postei aqui. Vamos lá... Quem já teve problemas para enviar email pelo CDOSYS no servidor LOCAWEB. Utilizo sempre o mesmo script para diversos trabalhos e clientes... mas sempre quando tem algum hospedado lá, o erro é sempre no CDOSYS. O script que fornecem, funciona em TEXTBODY, mas quando você coloca HTMLBODY, ele já não envia. Já entrei em contato com o suporte, mas não consegui ainda. No script, ele não dá erro, diz mensagem enviada, mas o email nunca chega... CODE: SET objCDOSYSMail = Server.CreateObject("CDO.Message") SET objCDOSYSCon = Server.CreateObject("CDO.Configuration") objCDOSYSCon.Fields("http://schemas.microsoft.com/cdo/configuration/smtpserver") = "smtp.teste.com.br" objCDOSYSCon.Fields("http://schemas.microsoft.com/cdo/configuration/smtpserverport") = 587 objCDOSYSCon.Fields("http://schemas.microsoft.com/cdo/configuration/sendusing") = 2 objCDOSYSCon.Fields("http://schemas.microsoft.com/cdo/configuration/smtpauthenticate") = 1 objCDOSYSCon.Fields("http://schemas.microsoft.com/cdo/configuration/sendusername") = "atendimento@teste.com.br" objCDOSYSCon.Fields("http://schemas.microsoft.com/cdo/configuration/sendpassword") = "testesenha" objCDOSYSCon.Fields("http://schemas.microsoft.com/cdo/configuration/smtpconnectiontimeout") = 60 objCDOSYSCon.Fields.Update cdoDE = campo_nome & " <"& campo_email &">" cdoPARA = campo_setor cdoASSUNTO = cdoASS cdoOCULTO = "teste@teste.com.br" cdoHTML = HTMLBODY SET objCDOSYSMail.Configuration = objCDOSYSCon 'objCDOSYSMail.BodyPart.Charset = "UTF-8" objCDOSYSMail.From = "atendimento@teste.com.br" objCDOSYSMail.ReplyTo = cdoDE objCDOSYSMail.To = cdoPARA objCDOSYSMail.Subject = cdoASSUNTO objCDOSYSMail.BCc = cdoOCULTO objCDOSYSMail.Cc = "" objCDOSYSMail.AddAttachment "" objCDOSYSMail.HtmlBody = cdoHTML objCDOSYSMail.Send ON ERROR RESUME NEXT IF NOT Err = "0" THEN Response.Write "Erro: " & Err ELSE Response.Write "Mensagem enviada com sucesso para: <strong>" & campo_email & "</strong>" END IF SET objCDOSYSMail = Nothing SET objCDOSYSCon = Nothing Alguém já teve problemas assim e resolver com HTMLBODY. Utilizo este em outros servidores autenticados, mas lá não vai... em outros sim.... Obrigado.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.