Jump to content

Search the Community

Showing results for tags 'JavaScript'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2533 results

  1. Boa tarde pessoal, não manjo de JS, porém o código está 99% pronto, ajeitei uns bugs, mas não consigo fazer a barra de rolagem da janela do chat descer automaticamente ao inserir uma nova mensagem! Como proceder? **chat.php** <?php if(isset($_SESSION['logado']) && $_SESSION['logado'] === TRUE){ try{ $prep = $L->prepare("Select id,nome from usuarios where id != :id "); $prep->bindValue(':id',$_SESSION['id']); $prep->execute(); $nr = $prep->rowCount(); if($nr > 0){ while($row = $prep->fetchObject()){ echo '<li class="useritem"><a class="comecar" style="cursor:pointer" id="' . $row->id . '" >' . $row->nome .'</a></li>'; } }else{ echo '<li>Nenhum contato</li>'; } } catch (PDOException $ex) { die($ex->getMessage()); } } ?> <div id='janelas'> **scripts.js** $(document).ready(function(){ var janelas = new Array(); function abrir_janelas(x){ $(".left li.useritem a ").each(function(){ var link = $(this); var id = link.attr('id'); if(id === x){ link.click(); } }); } function verificar_msgs(){ setInterval(function(){ $.post('mensagens.php',{action:'verificar'},function(data){ if(data !== ''){ for(i in data){ abrir_janelas(data[i]); } }else{} },'Json'); },2000); } verificar_msgs(); $("#janelas").on('click',function(){ $.post('mensagens.php',{action:'ler_msg'},function(data){ if(data !== ''){ $(".mensagens ul.lista li").addClass('lida') ; }else{} },'Json'); }); function add_janelas(uid,nome){ var html_add='<div class="miniwindow" id="jan_' + uid + '"><div class="usernametop" id="' + uid + '"><a href="javascript:void(0);">' + nome + '</a> <a href="javascript:void(0);" class="fechar" title="fechar janela">X</a></div><div class="corpo"><div class="mensagens"><ul class="listar"></ul></div></div><input type="text" class="msgbox" id="' + uid + '" maxlength="255" /></div></div>'; $("div.right #janelas").append(html_add); } //var miniwindow = $(".useritem").on('click',function(){ if($(this).children('a').attr('class') === 'comecar'){ var uid = $(this).children('a').attr('id'); var nome = $(this).children('a').html(); janelas.push(uid); for (var i = 0; i < janelas.length; i++) { if (janelas[i] === undefined) { janelas.splice(i, 1); i--; } } $(this).children('a').removeClass('comecar'); add_janelas(uid,nome); return false; } }); $("body").delegate('a.fechar','click',function(){ $(this).parent().parent().hide(); var id = $(this).parent().attr('id'); $(".useritem").children('a#'+id).addClass('comecar') $(".miniwindow #" + id).hide(); var n = janelas.length; for(i=0;i<n;i++){ if(janelas[i] !== undefined){ if(janelas[i] === id){ delete janelas[i]; } } } }); $("body").delegate('.usernametop','click',function(){ var pai = $(this).parent(); var child = pai.children('.corpo'); var isto = $(this); if(child.is(':hidden')){ isto.removeClass('fixar'); child.toggle(100); }else{ isto.addClass('fixar'); child.toggle(100); } }); $('body').delegate(".msgbox",'keydown',function(e){ //alert(e.keyCode); var campo = $(this); var mensagem = campo.val(); var to = $(this).attr('id'); if(e.keyCode === 13){ if(mensagem !== ''){ $.post('mensagens.php',{ mensagem: mensagem, id_para: to, action:'insert' },function(data){ //console.log("--- " + data + " ---"); $("#jan_"+to+" .mensagens ul.listar").append(data); campo.val(''); setTimeout(function(){ var textArea = document.getElementById('_'); textArea.scrollTop = textArea.scrollHeight; }, 10); }); }else{ alert('Digite uma mensagem'); } } }); setInterval(function(){ $.post('mensagens.php',{ action:'retrieve', array:janelas },function(data){ if(data !== ''){ for(i in data){ $("#jan_"+i+" .mensagens ul.listar").html(data[i]); } }else{ console.log(data + "ERRRO"); } },'Json'); },2000); }); ** Creio que tenha que add alguma ação de scrollTO() na função de inserir msg, mas não tenho certeza, aguardo ajuda ;\\ **
  2. kamada

    Mascarar Link de Site

    Pessoal é o seguinte.... Tenho um site (www.gpsbrasilsat.com.br) Se vocês clicarem em LOCALIZE SEU VEICULO, vão ser redirecionados para outra página(http://www.fulltrack2.com/emp/gps-brasil-sat) Como eu faço para que quando clicarem, ao invés de aparecer esse link(http://www.fulltrack2.com/emp/gps-brasil-sat) aparecer www.gpsbrasilsat.com.br/localizeseuveiculo OU outra link que seja, porém tem que ser o www.gpsbrasilsat.com.br/....... Desde já agradeço. Obrigado. Segue o código do botão. <li class="scroll"><a href="http://www.fulltrack2.com/emp/gps-brasil-sat" target="_blank">Localize seu veículo</a></li>
  3. Luciano Silveira Marco

    Contem valor em array

    Boa noite, Deve ser bem simples para a maioria, mas gostaria de saber o seguinte: Como faço para identificar se um array contem um valor, no caso abaixo pelo que vi é simples assim var arr = [1, 2, 3, 4, 5]; arr.contains(2); //true arr.indexOf(3); //2 Mas quando tenho por exemplo um array com elementos identificados: minhaarray.push({cor: 'amarelo', tipo: 'simples', categoria: 'B'}); minhaarray.push({cor: 'vermelho', tipo: 'integral', categoria: 'B'}); minhaarray.push({cor: 'laranja', tipo: 'simples', categoria: 'C'}); Digamos que quero apenas saber se existe a cor vermelho no array minhaarray, preciso varrer num for each ou existe uma forma simples como o primeiro exemplo?
  4. wevertonvsky

    Requisição Ajax Duplicada

    Olá, eu criei um modal que faz a exclusão de dados. Na primeira execução, ele funciona corretamente, porém na segunda ele faz a requisição ajax duplicada. Esse é o script que criei: // Responsável por confirmar e deletar dados via Ajax! function requestdel(delid, type) { // Requisita o título do item a ser excluído! var actionRead = 'readdelete'+type; $.ajax({ url: 'ajax/ajax.php', data: {action: actionRead, delid: delid}, type: 'POST', dataType: 'Json', beforeSend: function () { }, success: function (updtd) { if (updtd.deletecategory) { $('#categorID').html(' <div id="categorID" class="idn" data-id="' + updtd.deletecategory[0] + '"></div>'); span = document.getElementById("js_text"); txt = document.createTextNode(updtd.deletecategory[1]); span.innerText = txt.textContent; } else if (updtd.denied) { $(window.document.location).attr('href', updtd.denied); } } }); //Executa a exclusão da categoria via Ajax! var actionExe = 'delete'+type; $('.j_delete').on('click', '#btn_del', function () { var delid = $('.idn').attr('data-id'); $.ajax({ url: 'ajax/ajax.php', data: {action: actionExe, delid: delid}, type: 'POST', dataType: 'Json', beforeSend: function () { $('.j_delete').find(".fa-spinner").removeClass('hide'); $('.j_delete').find(".fa-spinner").fadeIn(); $('.j_delete').find('.alert').fadeOut(500, function () { $(this).remove(); }); }, success: function (answer) { if (answer.success) { $('.alert-box').html('<div class="alert alert-success "><i class="icon fa fa-check"></i>' + answer.success + '</div>'); $('alert-success').fadeIn(); $('#cat' + delid).fadeOut(400, function () { $(this).remove(); }); $('#catrefresh').load("index.php?exe=posts/create .category_select"); } else if (answer.warning) { $('.alert-box').html('<div class="alert alert-warning "><i class="icon fa fa-exclamation-circle"></i>' + answer.warning + '</div>'); $('alert-warning').fadeIn(); } else if (answer.warning) { $('.alert-box').html('<div class="alert alert-danger "><i class="icon fa fa-ban"></i>' + answer.error + '</div>'); $('alert-danger').fadeIn(); } else if (answer.denied) { $(window.document.location).attr('href', answer.denied); } $('.j_delete').find('.fa-spinner').fadeOut(500); $('#btn_del').hide(400); } }); return false; }); } //Requisita via Ajax o título da categoria a ser excluída! $(".category_center").on('click', '.act_delete', function () { var delid = $(this).attr('rel'); var type = 'cat'; requestdel(delid, type); console.log($(this)); }); Eu não estou conseguindo achar o erro. Se alguém puder me ajudar.
  5. Olá Pessoas, estou clonando uma elemento dom com .clone do jquery, mas o elemento clonando não executa a ação de clonagem, somente o "original" o faz. HTML <div id="grupo-estudantes"> <div class="row"> <div class="col m6"> <label>Nome do Estudante</label> <input id="id_estudante-nome" maxlength="64" name="estudante-nome" type="text" /> </div> <div class="col m4"> <label>Turma do Estudante</label> </div> <div class="col m2"> <a id="clonar-estudante" class="btn-floating btn-large waves-effect waves-light green tooltipped" data-position="right" data-delay="50" data-tooltip="Adicionar Estudante"> <i class="material-icons">group_add</i> </a> </div> </div> </div> Javascript (function(){ jQuery("#clonar-estudante").click(function(){ jQuery("#grupo-estudantes .row:first-child").clone().find("input").val("").end().appendTo("#grupo-estudantes"); }); })(jQuery);
  6. pedro andre

    Métodos JavaScript

    forEach / slice.Call() / [].slice() Alguém pode mim da um breve exemplificada desses métodos e quando eu posso usa-los?
  7. jonny255d

    Como esconder URL ou formatar o estilo

    pessoal , preciso de um codigo que formate a url do site , por exemplo: http://forum.imasters.com.br/index.php?app=forums&module=post&section=post&do=new_post&f=3 olha o tamanho da url , preciso de um codigo que mostre assim http://forum.imasters.com.br/ mas que ainda faça a mesma funçao sem contrar que ao logar no meu site , ficaria assim localhost/site/index.php?id=5 , se o usuario apagar o 5 e colocar o 6 , poderar acessar as informaçoes de outro usuario
  8. crebs86

    Variável dinâmica

    Boa noite Pessoal. Gostaria de ajuda de vocês para poder completar meu código: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>postagem dinamica</title> <script src="js/jquery-1.3.2.min.js" type="text/javascript" language="javascript"></script> <script> $(document).ready(function marcar() { $("#grava").click(function() { var nome = $("#nome"); var nomePost = nome.val(); $.post("grava.php", {nome: nomePost}, function(data){ $("#resposta").html(data); } , "html"); }); }); </script> </head> <body> <form action="#" onsubmit="marcar()" method="post"> <label>Nome: <input type="text" name="nome" id="nome" /></label> <input type="hidden" name="" id="nome" /> <input type="button" value="Enviar" id="grava" /> </form> <span id="resposta"></span> <form action="#" onsubmit="marcar()" method="post"> <label>Nome: <input type="text" name="nome" id="nome" /></label> <input type="button" value="Enviar" id="grava" /> </form> <span id="resposta1"></span> <form action="#" onsubmit="marcar()" method="post"> <label>Nome: <input type="text" name="nome" id="nome" /></label> <input type="button" value="Enviar" id="grava" /> </form> <span id="resposta2"></span> <form action="#" onsubmit="marcar()" method="post"> <label>Nome: <input type="text" name="nome" id="nome" /></label> <input type="button" value="Enviar" id="grava" /> </form> <span id="resposta3"></span> </body> </html> No caso eu tornarei os ID's "nome" dos formulários dinâmicos, porém preciso que o Javascript responda dinamicamente aos meus ID's para que não seja necessário eu repetir o JS para cada form que eu precisar. OBS.: - Da forma que esta somente o primeiro formulário funciona e os outros ficam sem reposta; - Os IDs resposta é onde aparece o resultado da query do JS; - Usei números em todas as as IDs, mas não sei como fazer o JS responder cada form. Desde já agradeço.
  9. Roberio123

    Ajuda com script de imagens

    Olá, sou novo no fórum e estou começando a aprender o básico de programação. Estou querendo fazer um Widget com imagens aleatórias que são mudadas cada vez que a pagina do site é carregada... Na verdade já tenho um código para isso, porém, gostaria de simplificar com javascript, por exemplo, tenho o seguinte script: <script language="JavaScript"> var quotes=new Array() quotes[0]='<a href="http://meusite.com/link-1"target="_blank"><img src="http://meusite.com/imagem-1" width="300" height="250"></a>' quotes[1]='<a href="http://meusite.com/link-2"target="_blank"><img src="http://meusite.com/imagem-2" width="300" height="250"></a>' quotes[2]='<a href="http://meusite.com/link-3"target="_blank"><img src="http://meusite.com/imagem-3" width="300" height="250"></a>' var whichquote=Math.floor(Math.random()*(quotes.length)) document.write(quotes[whichquote]) </script> Colocando esse código na minha Widget tudo funciona muito bem, porém, eu gostaria de adicionar cerca de 500 links e ficaria um código imenso pra carregar... Chegando ao ponto, eu gostaria de criar um arquivo.js com esse script, contendo os 500 links ou mais, fazer o upload desse arquivo no servidor e somente no meu Widget eu iria chamar esse arquivo, por exemplo: <script type='text/javascript' src='http://meusite.com/scripts/imagens.js'></script> Não sei se é assim, é somente um exemplo. O problema é que não sei como fazer a ligação entre o script e o arquivo e não encontro em lugar algum, não me parece ser tão complicado de se fazer. É isso, espero que alguém entenda o que eu quero fazer e que possa me ajudar. Grato desde já.
  10. Lucio Paulino

    Assistente de tela/form

    Olá, pessoal. Estou trabalhando em um sistema web e preciso criar uma personalização de tela/form. Gostaria de saber se existe alguma biblioteca javascript que possa funcionar mais ou menos como a imagem abaixo? Desde já, agradeço. Funcionamento: 1 - Clique em um determinado botão na tela e será aberto Assistente. 2 - Com o assistente aberto, clique em um elemento do form (ex.: label) e altere suas propriedades no assistente. 3 - Também com o assistente aberto, clique e arraste um elemento do form, podendo colocá-lo em qualquer lugar daquele conteúdo a que ele pertence (drag and drop). 4 - Clique em aplicar para gerar o CSS personalizado daquele elemento ou do que foi alterado na página. Outro exemplo seria este.
  11. Olá! Sou novo no fórum e também novo na área de programação. Porém, tenho uma dúvida que não estou conseguindo achar em lugar nenhum. É possível adicionar "Lápis" e "borracha" em um gráfico de linhas para o usuário traçar linhas de tendencia ele mesmo? Se sim, como posso fazer isso? Desde já obrigado.
  12. Como faço para remover os atributos width e height da tag <img /> e adicionar um atributo class com o valor "img-responsive"? Lembrando que não consigo acesso ao código fonte, pois o mesmo é renderizado no front-end por um controle XML da plataforma, então preciso fazer isso via Jquery. <div class="img-curso"> <figure> <a class="productImage" title="Curso de Extensão em Direito Aduaneiro" href="http://intelectosolucoes.vtexcommercestable.com.br/extensao-direito-aduaneiro/p"> <img src="http://intelectosolucoes.vteximg.com.br/arquivos/ids/155563-300-143/05.jpg" width="300" height="143" alt="Curso-de-Extensao-em-Direito-Aduaneiro" id="" /> </a> </figure> </div>
  13. Vitor Manfio

    Função JQuery não funciona

    E aí, galera. Tudo certo? Criei um site pelo Adobe Muse e preciso inserir um slideshow externo nele. Contudo, após juntar os código (estão em css diferentes), ao clicar na barrinha que efetuaria a troca de imagem, a função não funciona e volta a página para o topo. Não tenho experiência na área, então, se alguém puder ajudar, desde já agradeço! Aqui o código html. O slide está na div "<div class="wrapper">" <!DOCTYPE html> <html class="html" lang="pt-BR"> <head> <script type="text/javascript"> if(typeof Muse == "undefined") window.Muse = {}; window.Muse.assets = {"required":["jquery-1.8.3.min.js", "museutils.js", "jquery.watch.js", "jquery.scrolleffects.js", "webpro.js", "musewpslideshow.js", "jquery.museoverlay.js", "touchswipe.js", "jquery.musemenu.js", "jquery.musepolyfill.bgsize.js", "index.css"], "outOfDate":[]}; </script> <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/> <meta name="generator" content="2015.0.0.309"/> <title>Revista UNA</title> <!-- CSS --> <link rel="stylesheet" type="text/css" href="css/site_global.css?11701297"/> <link rel="stylesheet" type="text/css" href="css/master_mestre.css?327694161"/> <link rel="stylesheet" type="text/css" href="css/index.css?86300408" id="pagesheet"/> <link rel="stylesheet" type="text/css" href="css/demo.css" /> <link rel="stylesheet" type="text/css" href="css/style2.css" /> <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic' rel='stylesheet' type='text/css' /> <noscript> <link rel="stylesheet" type="text/css" href="css/noscript.css" /> </noscript> <!-- Other scripts --> <script type="text/javascript"> document.documentElement.className += ' js'; </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.eislideshow.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <!-- JS includes --> <!--[if lt IE 9]> <script src="scripts/html5shiv.js?4241844378" type="text/javascript"></script> <![endif]--> <style type="text/css"> a:link, a:visited { text-decoration: none } a:hover { text-decoration: none; } a:active { text-decoration: none } </style> </head> <body> <div class="clearfix" id="page"><!-- column --> <div class="position_content" id="page_position_content"> <div class="clearfix colelem" id="pu4028"><!-- group --> <div class="browser_width grpelem" id="u4028-bw"> <div id="u4028"><!-- simple frame --></div> </div> <a class="anchor_item grpelem" id="home"></a> <a class="nonblock nontext mse_pre_init" id="u1019" href="https://www.facebook.com/revistaunadigital"><!-- state-based BG images --></a> <a class="nonblock nontext mse_pre_init" id="u1025" href="https://twitter.com/revistaunadigital"><!-- state-based BG images --></a> <a class="nonblock nontext mse_pre_init" id="u1031" href="https://www.instagram.com/revistaunadigital/"><!-- state-based BG images --></a> <div class="mse_pre_init" id="u1037"><!-- state-based BG images --></div> <div class="clip_frame grpelem" id="u4380"><!-- image --> <img class="block" id="u4380_img" src="images/teste%20-1-crop-u4380.png" alt="" width="406" height="187"/> </div> </div> <a class="nonblock nontext MuseLinkActive clip_frame mse_pre_init" id="u4041" href="index.html"><!-- image --><img class="block" id="u4041_img" src="images/teste%202-crop-u4041.png" alt="" width="73" height="45"/></a> <div class="browser_width mse_pre_init" id="u342-bw"> <div id="u342"><!-- simple frame --></div> </div> <div class="PamphletWidget clearfix mse_pre_init" id="pamphletu621"><!-- none box --> <div class="popup_anchor" id="u631popup"> <div class="ContainerGroup clearfix" id="u631"><!-- stack box --> <div class="Container invi rounded-corners clearfix grpelem" id="u632"><!-- group --> <div class="PamphletWidget clearfix grpelem" id="pamphletu661"><!-- none box --> <div class="popup_anchor" id="u671popup"> <div class="ContainerGroup clearfix" id="u671"><!-- stack box --> <div class="Container invi grpelem" id="u711"><!-- simple frame --></div> <div class="Container invi grpelem" id="u715"><!-- simple frame --></div> <div class="Container invi grpelem" id="u702"><!-- simple frame --></div> <div class="Container invi clearfix grpelem" id="u672"><!-- group --> <div class="clearfix grpelem" id="u673-7"><!-- content --> <p id="u673-3"><span><span class="actAsDiv normal_text" id="u674"><!-- content --><span class="actAsDiv clip_frame" id="u675"><!-- image --><img class="block" id="u675_img" src="images/road.jpg" alt="" width="128" height="85"/></span></span></span>Lorem ipsum</p> <p id="u673-5">Sit amet, consectetur adipiscing elit. Aenean consectetur suscipit viverra. Morbi non arcu blandit justo pellentesque condimentum. Integer dignissim risus quis felis accumsan quis pulvinar tellus fermentum.</p> </div> </div> </div> </div> <div class="ThumbGroup clearfix grpelem" id="u664"><!-- none box --> <div class="popup_anchor"> <div class="Thumb popup_element clearfix" id="u712"><!-- group --> <div class="clearfix grpelem" id="u714-4"><!-- content --> <p>Una-se</p> </div> </div> </div> <div class="popup_anchor"> <div class="Thumb popup_element clearfix" id="u716"><!-- group --> <div class="clearfix grpelem" id="u718-5"><!-- content --> <p><span id="u718">F</span>otos</p> </div> </div> </div> <div class="popup_anchor"> <div class="Thumb popup_element clearfix" id="u708"><!-- group --> <div class="clearfix grpelem" id="u710-5"><!-- content --> <p><span id="u710">e</span>ntrevistas</p> </div> </div> </div> <div class="popup_anchor"> <div class="Thumb popup_element clearfix" id="u669"><!-- group --> <div class="clearfix grpelem" id="u700-4"><!-- content --> <p>Direitos já!</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ThumbGroup clearfix grpelem" id="u624"><!-- none box --> <div class="popup_anchor"> <div class="Thumb popup_element clearfix" id="u629"><!-- group --> <div class="clearfix grpelem" id="u660-5"><!-- content --> <p><span id="u660">S</span>EÇÕES</p> </div> </div> </div> </div> </div> <div class="PamphletWidget clearfix mse_pre_init" id="pamphletu359"><!-- none box --> <div class="popup_anchor" id="u369popup"> <div class="ContainerGroup clearfix" id="u369"><!-- stack box --> <div class="Container invi clearfix grpelem" id="u370"><!-- group --> <div class="clearfix grpelem" id="u371-7"><!-- content --> <p id="u371-3"><span><span class="actAsDiv normal_text" id="u372"><!-- content --><span class="actAsDiv clip_frame" id="u373"><!-- image --><img class="block" id="u373_img" src="images/road.jpg" alt="" width="128" height="85"/></span></span></span>Lorem ipsum</p> <p id="u371-5">Sit amet, consectetur adipiscing elit. Aenean consectetur suscipit viverra. Morbi non arcu blandit justo pellentesque condimentum. Integer dignissim risus quis felis accumsan quis pulvinar tellus fermentum.</p> </div> </div> <div class="Container invi clearfix grpelem" id="u571"><!-- group --> <div class="grpelem" id="u580"><!-- simple frame --></div> </div> <div class="Container invi grpelem" id="u586"><!-- simple frame --></div> <div class="Container invi grpelem" id="u897"><!-- simple frame --></div> <div class="Container invi grpelem" id="u581"><!-- simple frame --></div> </div> </div> <div class="ThumbGroup clearfix grpelem" id="u362"><!-- none box --> <div class="popup_anchor"> <a class="nonblock nontext Thumb popup_element clearfix" id="u367" href="s.o.s.html"><!-- group --><div class="clearfix grpelem" id="u368-4"><!-- content --><p>S.o.s.</p></div></a> </div> <div class="popup_anchor"> <a class="nonblock nontext Thumb popup_element clearfix" id="u577" href="relacionamentos.html"><!-- group --><div class="clearfix grpelem" id="u579-4"><!-- content --><p>Relacionamentos</p></div></a> </div> <div class="popup_anchor"> <a class="nonblock nontext Thumb popup_element clearfix" id="u587" href="cotidiano.html"><!-- group --><div class="clearfix grpelem" id="u590-5"><!-- content --><p>C<span id="u590-2">OTIDIANO</span></p></div></a> </div> <div class="popup_anchor"> <a class="nonblock nontext Thumb popup_element clearfix" id="u898" href="sexo.html"><!-- group --><div class="clearfix grpelem" id="u900-5"><!-- content --><p>S<span id="u900-2">EXO</span></p></div></a> </div> <div class="popup_anchor"> <a class="nonblock nontext Thumb popup_element clearfix" id="u583" href="comportamento.html"><!-- group --><div class="clearfix grpelem" id="u585-4"><!-- content --><p>Comportamento</p></div></a> </div> </div> </div> <nav class="MenuBar clearfix mse_pre_init" id="menuu931"><!-- horizontal box --> <div class="MenuItemContainer clearfix grpelem" id="u939"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u942" href="quem-somos.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u944-4"><!-- content --><p>Quem somos</p></div></a> </div> </nav> <div class="colelem" id="u4346"><!-- simple frame --> <div class="wrapper"> <div id="ei-slider" class="ei-slider"> <ul class="ei-slider-large"> <li> <img src="images/large/1.jpg" alt="image01" /> <div class="ei-title"> <a href="#"><h2><b>O pesadelo dos relacionamentos abusivos</b></h2></a> <h3>Duet</h3> </div> </li> <li> <img src="images/large/2.jpg" alt="image02" /> <div class="ei-title"> <h2>O lado B da gravidez</h2> <h3>Devil</h3> </div> </li> <li> <img src="images/large/3.jpg" alt="image03"/> <div class="ei-title"> <h2>Tranquilent</h2> <h3>Compatriot</h3> </div> </li> </ul><!-- ei-slider-large --> <ul class="ei-slider-thumbs"> <li class="ei-slider-element">Current</li> <li><a href="#">Slide 1</a><img src="images/1.jpg" alt="thumb01" /></li> <li><a href="#">Slide 2</a><img src="images/2.jpg" alt="thumb02" /></li> <li><a href="#">Slide 3</a><img src="images/3.jpg" alt="thumb03" /></li> </ul><!-- ei-slider-thumbs --> </div><!-- ei-slider --> </div><!-- wrapper --> </div> <div class="clearfix colelem" id="pppu4374"><!-- group --> <div class="clearfix grpelem" id="ppu4374"><!-- column --> <div class="clearfix colelem" id="pu4374"><!-- group --> <div class="clip_frame grpelem" id="u4374"><!-- image --> <img class="block" id="u4374_img" src="images/separador021-01.jpg" alt="" width="230" height="25"/> </div> <div class="Estilo-de-par-grafo clearfix grpelem" id="u3691-4"><!-- content --> <p>AS NOVINHAS</p> </div> <div class="clip_frame grpelem" id="u4368"><!-- image --> <img class="block" id="u4368_img" src="images/separador02-01.jpg" alt="" width="230" height="25"/> </div> </div> <div class="clearfix colelem" id="pu4367"><!-- group --> <div class="clearfix grpelem" id="u4367"><!-- group --> <div class="clearfix grpelem" id="u4363"><!-- group --> <div class="clearfix grpelem" id="u4009"><!-- group --> <div class="clearfix grpelem" id="u3763"><!-- group --> <div class="clip_frame grpelem" id="u3741"><!-- image --> <img class="block" id="u3741_img" src="images/pessoa.png" alt="" width="11" height="10"/> </div> <div class="clearfix grpelem" id="u4179"><!-- group --> <div class="clearfix grpelem" id="u3680"><!-- group --> <div class="clearfix grpelem" id="u3681"><!-- group --> <div class="clearfix grpelem" id="u3682"><!-- group --> <div class="museBGSize grpelem" id="u3686"><!-- simple frame --></div> <div class="clearfix grpelem" id="pu3688-4"><!-- column --> <a class="nonblock nontext clearfix colelem" id="u3688-4" href="comportamento.html"><!-- content --><p>COMPORTAMENTO</p></a> <div class="clearfix colelem" id="u3683-4"><!-- content --> <p>Mayara Crepaldi</p> </div> <div class="clearfix colelem" id="u3687-4"><!-- content --> <p>Esse título será nesse lugar aqui</p> </div> <div class="clearfix colelem" id="u3684-4"><!-- content --> <p>Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina</p> </div> </div> </div> </div> </div> <div class="clip_frame grpelem" id="u3745"><!-- image --> <img class="block" id="u3745_img" src="images/calendar-460676_640.png" alt="" width="12" height="11"/> </div> <div class="clip_frame grpelem" id="u3747"><!-- image --> <img class="block" id="u3747_img" src="images/rel%c3%b3gio%20b%c3%a1sico.png" alt="" width="11" height="11"/> </div> </div> </div> </div> <div class="clip_frame grpelem" id="u4180"><!-- image --> <img class="block" id="u4180_img" src="images/separador01-01.jpg" alt="" width="259" height="28"/> </div> </div> <div class="clip_frame grpelem" id="u4364"><!-- image --> <img class="block" id="u4364_img" src="images/pessoa.png" alt="" width="11" height="10"/> </div> </div> <div class="clip_frame grpelem" id="u4357"><!-- image --> <img class="block" id="u4357_img" src="images/separador01-01.jpg" alt="" width="259" height="28"/> </div> <div class="clip_frame grpelem" id="u4348"><!-- image --> <img class="block" id="u4348_img" src="images/pessoa.png" alt="" width="11" height="10"/> </div> </div> <div class="clearfix colelem" id="pu4178"><!-- group --> <div class="clearfix grpelem" id="u4178"><!-- group --> <div class="clearfix grpelem" id="u3830"><!-- group --> <div class="clearfix grpelem" id="u3829"><!-- group --> <div class="clearfix grpelem" id="u3828"><!-- group --> <div class="museBGSize grpelem" id="u3695"><!-- simple frame --></div> <div class="clearfix grpelem" id="pu3714-4"><!-- column --> <a class="nonblock nontext clearfix colelem" id="u3714-4" href="cotidiano.html"><!-- content --><p>COTIDIANO</p></a> <div class="clearfix colelem" id="pu3764"><!-- group --> <div class="clip_frame grpelem" id="u3764"><!-- image --> <img class="block" id="u3764_img" src="images/pessoa.png" alt="" width="11" height="10"/> </div> <div class="clearfix grpelem" id="u3775-4"><!-- content --> <p>Mayara Crepaldi</p> </div> </div> <div class="clearfix colelem" id="u3707-4"><!-- content --> <p>Esse título será nesse lugar aqui</p> </div> <div class="clearfix colelem" id="u3724-4"><!-- content --> <p>Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina</p> </div> </div> </div> </div> </div> <div class="clip_frame grpelem" id="u4172"><!-- image --> <img class="block" id="u4172_img" src="images/calendar-460676_640.png" alt="" width="12" height="11"/> </div> <div class="clip_frame grpelem" id="u4174"><!-- image --> <img class="block" id="u4174_img" src="images/rel%c3%b3gio%20b%c3%a1sico.png" alt="" width="11" height="11"/> </div> </div> <div class="clip_frame grpelem" id="u4184"><!-- image --> <img class="block" id="u4184_img" src="images/separador01-01.jpg" alt="" width="259" height="28"/> </div> </div> </div> <div class="clip_frame grpelem" id="u3678"><!-- image --> <img class="block" id="u3678_img" src="images/capturar.jpg" alt="" width="306" height="451"/> </div> </div> <div class="clearfix colelem" id="u4354"><!-- group --> <div class="clearfix grpelem" id="u4146"><!-- group --> <div class="clearfix grpelem" id="u3832"><!-- group --> <div class="clearfix grpelem" id="u3831"><!-- group --> <div class="museBGSize grpelem" id="u3703"><!-- simple frame --></div> <div class="clearfix grpelem" id="pu3716-4"><!-- column --> <a class="nonblock nontext clearfix colelem" id="u3716-4" href="sexo.html"><!-- content --><p>SEXO</p></a> <div class="clearfix colelem" id="pu3776"><!-- group --> <div class="clip_frame grpelem" id="u3776"><!-- image --> <img class="block" id="u3776_img" src="images/pessoa.png" alt="" width="11" height="10"/> </div> <div class="clearfix grpelem" id="u3784-4"><!-- content --> <p>Mayara Crepaldi</p> </div> </div> <div class="clearfix colelem" id="u3715-4"><!-- content --> <p>Esse título será nesse lugar aqui</p> </div> <div class="clearfix colelem" id="u3698-4"><!-- content --> <p>Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina</p> </div> </div> </div> </div> <div class="clip_frame grpelem" id="u4140"><!-- image --> <img class="block" id="u4140_img" src="images/calendar-460676_640.png" alt="" width="12" height="11"/> </div> <div class="clip_frame grpelem" id="u4142"><!-- image --> <img class="block" id="u4142_img" src="images/rel%c3%b3gio%20b%c3%a1sico.png" alt="" width="11" height="11"/> </div> </div> <div class="clip_frame grpelem" id="u4187"><!-- image --> <img class="block" id="u4187_img" src="images/separador01-01.jpg" alt="" width="259" height="28"/> </div> </div> <div class="clearfix colelem" id="u4355"><!-- group --> <div class="clearfix grpelem" id="u4352"><!-- group --> <div class="clearfix grpelem" id="u3834"><!-- group --> <div class="clearfix grpelem" id="u3833"><!-- group --> <div class="museBGSize grpelem" id="u3712"><!-- simple frame --></div> <div class="clearfix grpelem" id="pu3723-4"><!-- column --> <a class="nonblock nontext clearfix colelem" id="u3723-4" href="s.o.s.html"><!-- content --><p>S.O.S.</p></a> <div class="clearfix colelem" id="pu3788"><!-- group --> <div class="clip_frame grpelem" id="u3788"><!-- image --> <img class="block" id="u3788_img" src="images/pessoa.png" alt="" width="11" height="10"/> </div> <div class="clearfix grpelem" id="u3796-4"><!-- content --> <p>Mayara Crepaldi</p> </div> </div> <div class="clearfix colelem" id="u3700-4"><!-- content --> <p>Esse título será nesse lugar aqui</p> </div> <div class="clearfix colelem" id="u3701-4"><!-- content --> <p>Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina</p> </div> </div> </div> </div> <div class="clip_frame grpelem" id="u4147"><!-- image --> <img class="block" id="u4147_img" src="images/calendar-460676_640.png" alt="" width="12" height="11"/> </div> <div class="clip_frame grpelem" id="u4149"><!-- image --> <img class="block" id="u4149_img" src="images/rel%c3%b3gio%20b%c3%a1sico.png" alt="" width="11" height="11"/> </div> </div> <div class="clip_frame grpelem" id="u4190"><!-- image --> <img class="block" id="u4190_img" src="images/separador01-01.jpg" alt="" width="259" height="28"/> </div> </div> <div class="clearfix colelem" id="u4356"><!-- group --> <div class="clearfix grpelem" id="u4161"><!-- group --> <div class="clearfix grpelem" id="u3836"><!-- group --> <div class="clearfix grpelem" id="u3835"><!-- group --> <div class="museBGSize grpelem" id="u3699"><!-- simple frame --></div> <div class="clearfix grpelem" id="pu3711-4"><!-- column --> <a class="nonblock nontext clearfix colelem" id="u3711-4" href="s.o.s.html"><!-- content --><p>S.O.S.</p></a> <div class="clearfix colelem" id="pu3800"><!-- group --> <div class="clip_frame grpelem" id="u3800"><!-- image --> <img class="block" id="u3800_img" src="images/pessoa.png" alt="" width="11" height="10"/> </div> <div class="clearfix grpelem" id="u3808-4"><!-- content --> <p>Mayara Crepaldi</p> </div> </div> <div class="clearfix colelem" id="u3721-4"><!-- content --> <p>Esse título será nesse lugar aqui</p> </div> <div class="clearfix colelem" id="u3722-4"><!-- content --> <p>Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina</p> </div> </div> </div> </div> <div class="clip_frame grpelem" id="u4155"><!-- image --> <img class="block" id="u4155_img" src="images/calendar-460676_640.png" alt="" width="12" height="11"/> </div> <div class="clip_frame grpelem" id="u4157"><!-- image --> <img class="block" id="u4157_img" src="images/rel%c3%b3gio%20b%c3%a1sico.png" alt="" width="11" height="11"/> </div> </div> <div class="clip_frame grpelem" id="u4193"><!-- image --> <img class="block" id="u4193_img" src="images/separador01-01.jpg" alt="" width="259" height="28"/> </div> </div> <div class="clearfix colelem" id="u4169"><!-- group --> <div class="clearfix grpelem" id="u3838"><!-- group --> <div class="clearfix grpelem" id="u3837"><!-- group --> <div class="museBGSize grpelem" id="u3719"><!-- simple frame --></div> <div class="clearfix grpelem" id="pu3709-4"><!-- column --> <a class="nonblock nontext clearfix colelem" id="u3709-4" href="s.o.s.html"><!-- content --><p>S.O.S.</p></a> <div class="clearfix colelem" id="pu3812"><!-- group --> <div class="clip_frame grpelem" id="u3812"><!-- image --> <img class="block" id="u3812_img" src="images/pessoa.png" alt="" width="11" height="10"/> </div> <div class="clearfix grpelem" id="u3820-4"><!-- content --> <p>Mayara Crepaldi</p> </div> </div> <div class="clearfix colelem" id="u3697-4"><!-- content --> <p>Esse título será nesse lugar aqui</p> </div> <div class="clearfix colelem" id="u3702-4"><!-- content --> <p>Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina</p> </div> </div> </div> </div> <div class="clip_frame grpelem" id="u4163"><!-- image --> <img class="block" id="u4163_img" src="images/calendar-460676_640.png" alt="" width="12" height="11"/> </div> <div class="clip_frame grpelem" id="u4165"><!-- image --> <img class="block" id="u4165_img" src="images/rel%c3%b3gio%20b%c3%a1sico.png" alt="" width="11" height="11"/> </div> </div> <div class="verticalspacer"></div> <div class="browser_width colelem" id="u838-bw"> <div id="u838"><!-- group --> <div class="clearfix" id="u838_align_to_page"> <div class="clearfix grpelem" id="u839-4"><!-- content --> <p>UNA - TODOS OS DIREITOS RESERVADOS, 2016 ©</p> </div> </div> </div> </div> </div> </div> <div class="preload_images"> <img class="preload" src="images/u1019-r.png" alt=""/> <img class="preload" src="images/u1025-r.png" alt=""/> <img class="preload" src="images/u1031-r.png" alt=""/> <img class="preload" src="images/u1037-r.png" alt=""/> </div> <!-- JS includes --> <script type="text/javascript"> if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn2.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>'); </script> <script type="text/javascript"> window.jQuery || document.write('\x3Cscript src="scripts/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>'); </script> <script src="scripts/museutils.js?183364071" type="text/javascript"></script> <script src="scripts/jquery.watch.js?71412426" type="text/javascript"></script> <script src="scripts/jquery.scrolleffects.js?3860644955" type="text/javascript"></script> <script src="scripts/webpro.js?3803554875" type="text/javascript"></script> <script src="scripts/musewpslideshow.js?242596657" type="text/javascript"></script> <script src="scripts/jquery.museoverlay.js?493285861" type="text/javascript"></script> <script src="scripts/touchswipe.js?4038331989" type="text/javascript"></script> <script src="scripts/jquery.musemenu.js?3957776250" type="text/javascript"></script> <script src="scripts/jquery.musepolyfill.bgsize.js?4004268962" type="text/javascript"></script> <!-- Other scripts --> <script type="text/javascript"> $(document).ready(function() { try { (function(){var a={},b=function(a){if(a.match(/^rgb/))return a=a.replace(/\s+/g,"").match(/([\d\,]+)/gi)[0].split(","),(parseInt(a[0])<<16)+(parseInt(a[1])<<8)+parseInt(a[2]);if(a.match(/^\#/))return parseInt(a.substr(1),16);return 0};(function(){$('link[type="text/css"]').each(function(){var b=($(this).attr("href")||"").match(/\/?css\/([\w\-]+\.css)\?(\d+)/);b&&b[1]&&b[2]&&(a[b[1]]=b[2])})})();(function(){$("body").append('<div class="version" style="display:none; width:1px; height:1px;"></div>'); for(var c=$(".version"),d=0;d<Muse.assets.required.length;){var f=Muse.assets.required[d],g=f.match(/([\w\-\.]+)\.(\w+)$/),k=g&&g[1]?g[1]:null,g=g&&g[2]?g[2]:null;switch(g.toLowerCase()){case "css":k=k.replace(/\W/gi,"_").replace(/^([^a-z])/gi,"_$1");c.addClass(k);var g=b(c.css("color")),h=b(c.css("background-color"));g!=0||h!=0?(Muse.assets.required.splice(d,1),"undefined"!=typeof a[f]&&(g!=a[f]>>>24||h!=(a[f]&16777215))&&Muse.assets.outOfDate.push(f)):d++;c.removeClass(k);break;case "js":k.match(/^jquery-[\d\.]+/gi)&& typeof $!="undefined"?Muse.assets.required.splice(d,1):d++;break;default:throw Error("Unsupported file type: "+g);}}c.remove();if(Muse.assets.outOfDate.length||Muse.assets.required.length)c="Alguns arquivos no servidor podem estar ausentes ou incorretos. Limpe o cache do navegador e tente novamente. Se o problema persistir, entre em contato com o autor do site.",(d=location&&location.search&&location.search.match&&location.search.match(/muse_debug/gi))&&Muse.assets.outOfDate.length&&(c+="\nOut of date: "+Muse.assets.outOfDate.join(",")),d&&Muse.assets.required.length&&(c+="\nMissing: "+Muse.assets.required.join(",")),alert(c)})()})(); /* body */ Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */ Muse.Utils.prepHyperlinks(true);/* body */ Muse.Utils.resizeHeight()/* resize height */ $('#u1019').registerPositionScrollEffect([{"speed":[0,1],"in":[-Infinity,0.2]},{"speed":[0,0],"in":[0.2,Infinity]}]);/* scroll effect */ $('#u1025').registerPositionScrollEffect([{"speed":[0,1],"in":[-Infinity,0.2]},{"speed":[0,0],"in":[0.2,Infinity]}]);/* scroll effect */ $('#u1031').registerPositionScrollEffect([{"speed":[0,1],"in":[-Infinity,0.2]},{"speed":[0,0],"in":[0.2,Infinity]}]);/* scroll effect */ $('#u1037').registerPositionScrollEffect([{"speed":[0,1],"in":[-Infinity,0.2]},{"speed":[0,0],"in":[0.2,Infinity]}]);/* scroll effect */ $('#u4041').registerPositionScrollEffect([{"speed":[0,150],"in":[-Infinity,244.95]},{"speed":[0,0],"in":[244.95,Infinity]}]);/* scroll effect */ $('#u342-bw').registerPositionScrollEffect([{"speed":[null,1],"in":[-Infinity,245.35]},{"speed":[null,0],"in":[245.35,Infinity]}]);/* scroll effect */ Muse.Utils.initWidget('#pamphletu661', function(elem) { new WebPro.Widget.ContentSlideShow(elem, {contentLayout_runtime:'stack',event:'mouseover',deactivationEvent:'mouseout_both',autoPlay:false,displayInterval:3000,transitionStyle:'fading',transitionDuration:300,hideAllContentsFirst:true,shuffle:false,enableSwipe:false,resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false,autoActivate_runtime:false}); });/* #pamphletu661 */ Muse.Utils.initWidget('#pamphletu621', function(elem) { new WebPro.Widget.ContentSlideShow(elem, {contentLayout_runtime:'stack',event:'mouseover',deactivationEvent:'mouseout_both',autoPlay:false,displayInterval:3000,transitionStyle:'fading',transitionDuration:300,hideAllContentsFirst:true,shuffle:false,enableSwipe:false,resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false,autoActivate_runtime:false}); });/* #pamphletu621 */ $('#pamphletu621').registerPositionScrollEffect([{"speed":[0,1],"in":[-Infinity,245.25]},{"speed":[0,0],"in":[245.25,Infinity]}]);/* scroll effect */ Muse.Utils.initWidget('#pamphletu359', function(elem) { new WebPro.Widget.ContentSlideShow(elem, {contentLayout_runtime:'stack',event:'mouseover',deactivationEvent:'mouseout_both',autoPlay:false,displayInterval:3000,transitionStyle:'fading',transitionDuration:300,hideAllContentsFirst:true,shuffle:false,enableSwipe:false,resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false,autoActivate_runtime:false}); });/* #pamphletu359 */ $('#pamphletu359').registerPositionScrollEffect([{"speed":[0,1],"in":[-Infinity,246.15]},{"speed":[0,0],"in":[246.15,Infinity]}]);/* scroll effect */ Muse.Utils.initWidget('.MenuBar', function(elem) { return $(elem).museMenu(); });/* unifiedNavBar */ $('#menuu931').registerPositionScrollEffect([{"speed":[0,1],"in":[-Infinity,244.95]},{"speed":[0,0],"in":[244.95,Infinity]}]);/* scroll effect */ Muse.Utils.fullPage('#page');/* 100% height page */ Muse.Utils.showWidgetsWhenReady();/* body */ Muse.Utils.transformMarkupToFixBrowserProblems();/* body */ } catch(e) { if (e && 'function' == typeof e.notify) e.notify(); else Muse.Assert.fail('Error calling selector function:' + e); }}); </script> </body> </html> Aqui o JQuery: (function( window, $, undefined ) { var $event = $.event, resizeTimeout; $(function() { $('#ei-slider').eislideshow({ easing : 'easeOutExpo', titleeasing : 'easeOutExpo', titlespeed : 1200 }); }); $event.special.smartresize = { setup: function() { $(this).bind( "resize", $event.special.smartresize.handler ); }, teardown: function() { $(this).unbind( "resize", $event.special.smartresize.handler ); }, handler: function( event, execAsap ) { // Save the context var context = this, args = arguments; // set correct event type event.type = "smartresize"; if ( resizeTimeout ) { clearTimeout( resizeTimeout ); } resizeTimeout = setTimeout(function() { jQuery.event.handle.apply( context, args ); }, execAsap === "execAsap"? 0 : 100 ); } }; $.fn.smartresize = function( fn ) { return fn ? this.bind( "smartresize", fn ) : this.trigger( "smartresize", ["execAsap"] ); }; $.Slideshow = function( options, element ) { this.$el = $( element ); /***** images ****/ // list of image items this.$list = this.$el.find('ul.ei-slider-large'); // image items this.$imgItems = this.$list.children('li'); // total number of items this.itemsCount = this.$imgItems.length; // images this.$images = this.$imgItems.find('img:first'); /***** thumbs ****/ // thumbs wrapper this.$sliderthumbs = this.$el.find('ul.ei-slider-thumbs').hide(); // slider elements this.$sliderElems = this.$sliderthumbs.children('li'); // sliding div this.$sliderElem = this.$sliderthumbs.children('li.ei-slider-element'); // thumbs this.$thumbs = this.$sliderElems.not('.ei-slider-element'); // initialize slideshow this._init( options ); }; $.Slideshow.defaults = { // animation types: // "sides" : new slides will slide in from left / right // "center": new slides will appear in the center animation : 'sides', // sides || center // if true the slider will automatically slide, and it will only stop if the user clicks on a thumb autoplay : false, // interval for the slideshow slideshow_interval : 3000, // speed for the sliding animation speed : 800, // easing for the sliding animation easing : '', // percentage of speed for the titles animation. Speed will be speed * titlesFactor titlesFactor : 0.60, // titles animation speed titlespeed : 800, // titles animation easing titleeasing : '', // maximum width for the thumbs in pixels thumbMaxWidth : 150 }; $.Slideshow.prototype = { _init : function( options ) { this.options = $.extend( true, {}, $.Slideshow.defaults, options ); // set the opacity of the title elements and the image items this.$imgItems.css( 'opacity', 0 ); this.$imgItems.find('div.ei-title > *').css( 'opacity', 0 ); // index of current visible slider this.current = 0; var _self = this; // preload images // add loading status this.$loading = $('<div class="ei-slider-loading">Carregando</div>').prependTo( _self.$el ); $.when( this._preloadImages() ).done( function() { // hide loading status _self.$loading.hide(); // calculate size and position for each image _self._setImagesSize(); // configure thumbs container _self._initThumbs(); // show first _self.$imgItems.eq( _self.current ).css({ 'opacity' : 1, 'z-index' : 10 }).show().find('div.ei-title > *').css( 'opacity', 1 ); // if autoplay is true if( _self.options.autoplay ) { _self._startSlideshow(); } // initialize the events _self._initEvents(); }); }, _preloadImages : function() { // preloads all the large images var _self = this, loaded = 0; return $.Deferred( function(dfd) { _self.$images.each( function( i ) { $('<img/>').load( function() { if( ++loaded === _self.itemsCount ) { dfd.resolve(); } }).attr( 'src', $(this).attr('src') ); }); } ).promise(); }, _setImagesSize : function() { // save ei-slider's width this.elWidth = this.$el.width(); var _self = this; this.$images.each( function( i ) { var $img = $(this); imgDim = _self._getImageDim( $img.attr('src') ); $img.css({ width : imgDim.width, height : imgDim.height, marginLeft : imgDim.left, marginTop : imgDim.top }); }); }, _getImageDim : function( src ) { var $img = new Image(); $img.src = src; var c_w = this.elWidth, c_h = this.$el.height(), r_w = c_h / c_w, i_w = $img.width, i_h = $img.height, r_i = i_h / i_w, new_w, new_h, new_left, new_top; if( r_w > r_i ) { new_h = c_h; new_w = c_h / r_i; } else { new_h = c_w * r_i; new_w = c_w; } return { width : new_w, height : new_h, left : ( c_w - new_w ) / 2, top : ( c_h - new_h ) / 2 }; }, _initThumbs : function() { // set the max-width of the slider elements to the one set in the plugin's options // also, the width of each slider element will be 100% / total number of elements this.$sliderElems.css({ 'max-width' : this.options.thumbMaxWidth + 'px', 'width' : 100 / this.itemsCount + '%' }); // set the max-width of the slider and show it this.$sliderthumbs.css( 'max-width', this.options.thumbMaxWidth * this.itemsCount + 'px' ).show(); }, _startSlideshow : function() { var _self = this; this.slideshow = setTimeout( function() { var pos; ( _self.current === _self.itemsCount - 1 ) ? pos = 0 : pos = _self.current + 1; _self._slideTo( pos ); if( _self.options.autoplay ) { _self._startSlideshow(); } }, this.options.slideshow_interval); }, // shows the clicked thumb's slide _slideTo:function(pos) { // return if clicking the same element or if currently animating if( pos === this.current || this.isAnimating ) return false; this.isAnimating = true; var $currentSlide = this.$imgItems.eq( this.current ), $nextSlide = this.$imgItems.eq( pos ), _self = this, preCSS = {zIndex : 10}, animCSS = {opacity : 1}; // new slide will slide in from left or right side if( this.options.animation === 'sides' ) { preCSS.left = ( pos > this.current ) ? -1 * this.elWidth : this.elWidth; animCSS.left = 0; } // titles animation $nextSlide.find('div.ei-title > h2') .css( 'margin-right', 50 + 'px' ) .stop() .delay( this.options.speed * this.options.titlesFactor ) .animate({ marginRight : 0 + 'px', opacity : 1 }, this.options.titlespeed, this.options.titleeasing ) .end() .find('div.ei-title > h3') .css( 'margin-right', -50 + 'px' ) .stop() .delay( this.options.speed * this.options.titlesFactor ) .animate({ marginRight : 0 + 'px', opacity : 1 }, this.options.titlespeed, this.options.titleeasing ) $.when( // fade out current titles $currentSlide.css( 'z-index' , 1 ).find('div.ei-title > *').stop().fadeOut( this.options.speed / 2, function() { // reset style $(this).show().css( 'opacity', 0 ); }), // animate next slide in $nextSlide.css( preCSS ).stop().animate( animCSS, this.options.speed, this.options.easing ), // "sliding div" moves to new position this.$sliderElem.stop().animate({ left : this.$thumbs.eq( pos ).position().left }, this.options.speed ) ).done( function() { // reset values $currentSlide.css( 'opacity' , 0 ).find('div.ei-title > *').css( 'opacity', 0 ); _self.current = pos; _self.isAnimating = false; }); }, _initEvents : function() { var _self = this; // window resize $(window).on( 'smartresize.eislideshow', function( event ) { // resize the images _self._setImagesSize(); // reset position of thumbs sliding div _self.$sliderElem.css( 'left', _self.$thumbs.eq( _self.current ).position().left ); }); // click the thumbs this.$thumbs.on( 'click.eislideshow', function( event ) { if( _self.options.autoplay ) { clearTimeout( _self.slideshow ); _self.options.autoplay = false; } var $thumb = $(this), idx = $thumb.index() -1; // exclude sliding div _self._slideTo( idx ); return false; }); } }; var logError = function( message ) { if ( this.console ) { console.error( message ); } }; $.fn.eislideshow = function( options ) { if ( typeof options === 'string' ) { var args = Array.prototype.slice.call( arguments, 1 ); this.each(function() { var instance = $.data( this, 'eislideshow' ); if ( !instance ) { logError( "cannot call methods on eislideshow prior to initialization; " + "attempted to call method '" + options + "'" ); return; } if ( !$.isFunction( instance[options] ) || options.charAt(0) === "_" ) { logError( "no such method '" + options + "' for eislideshow instance" ); return; } instance[ options ].apply( instance, args ); }); } else { this.each(function() { var instance = $.data( this, 'eislideshow' ); if ( !instance ) { $.data( this, 'eislideshow', new $.Slideshow( options, this ) ); } }); } return this; }; })( window, jQuery );
  14. borntkteam@hotmail.com

    Mestre / Detalhe Tabela

    Beleza Galera preciso da ajuda de vocês eu tenho a seguinte tabela abaixo que faz um select e mostra todos os itens lançados para o colaborador , so que esta exibindo os cadastro repetidos por que sao lançadas varias normas por colaborador ai ficaria muitos registro e confuso gostaria de fazer uma forma de exibir somente o nome do colaborador e exibir um + do lado e quando fosse clicado exibisse o restante das informaçoes talvez fazendo um select em cima do id que retornasse do + nao intendo de javascript nem de ajax sem alguem poder me ajudar Obrigado segue o codigo . <table class="table table-striped"> <thead> <tr> <th>Nome</th> <th>Função</th> <th>Setor</th> <th>Obra</th> <th>Situação Pessoa</th> <th>Norma</th> <th>Data Vigor </th> <th>Situação Norma</th> <th>Validade</th> <th>Dias Restantes</th> <th>Certificado</th> </tr> </thead> <tbody> <tr> <?php $codigo_pessoa1 = $_POST['codigo_pessoa']; $consulta = mysql_query("SELECT NCP.codigo, NCP.codigo_norma, NCP.codigo_cadastro_pessoa, NCP.data_atual_norma, NCP.situacao_norma_pessoa, NCP.dias_restante, N.norma, N.validade, C.codigo_pessoa, C.nome, S.setor, F.funcao, O.obra, C.situacao_pessoa, U.file FROM normas_cadastro_pessoa NCP INNER JOIN normas N ON N.id_norma=NCP.codigo_norma INNER JOIN cadastro_pessoa C ON C.codigo_pessoa=NCP.codigo_cadastro_pessoa INNER JOIN uploads U ON U.id=NCP.codigo INNER JOIN cadastro_obra O ON O.codigo=c.id_obra INNER JOIN cadastro_setor S ON S.codigo=c.id_setor INNER JOIN cadastro_funcao F ON F.codigo=C.id_funcao WHERE codigo_pessoa = '$codigo_pessoa1'")or die (mysql_error()); while ($mostrar = mysql_fetch_assoc($consulta)){ $situacao= $mostrar['situacao_norma_pessoa']; if ($situacao == 'Vencendo') { $btn="btn btn-warning btn-sm"; }else if ($situacao == 'Ativo'){// faz a verificaçao e altera a class do botao $btn="btn btn-success btn-sm"; } else { $btn="btn btn-danger btn-sm"; } echo '<tr>'; //echo '<th>' . $mostrar['codigo'] . '</td>'; echo '<th>' . $mostrar['nome'] . '</th>'; echo '<th>' . $mostrar['funcao'] . '</th>'; echo '<th>' . $mostrar['setor'] . '</th>'; echo '<th>' . $mostrar['obra'] . '</th>'; echo '<th>' . $mostrar['situacao_pessoa'] . '</th>'; echo '<th>' . $mostrar['norma'] . '</th>'; echo '<th>' . $mostrar['data_atual_norma'] . '</th>'; echo '<th><button type="button" class="'.$btn.'">'.$mostrar['situacao_norma_pessoa'].'</button></th>'; echo '<th>' . $mostrar['validade'] . ' dias</th>'; echo '<th>' . $mostrar['dias_restante'] .'dias</th>'; echo '<th><a href="uploads/'.$mostrar['file'].'" target="_blank">view file</a></th>'; } ?> </tbody> </table>
  15. Olá, tenho um JavaScript para deixar o primeiro botão de uma determinada lista ativo e manter os outros selecionados ao clicar. Como não tenho muito conhecimento em JQuery resolvi criar outras funções para gerar os efeitos de transição, até ai tudo bem o código funcionou "corretamente", mas agora resolvi adicionar imagens na lista de botões, cada botão tem uma imagem diferente onde os botões inativos tem imagens em preto e branco e o ativo tem uma imagem colorida. Gostaria de saber se alguém tem alguma sugestão de como fazer o script reconhecer a classe do botão ativo para chamar a imagem correta, também fazer o efeito fadeIn() para a div que foi chamada e o efeito hide() para a div que foi ocultada. Atualmente meu script se encontra assim: <script src="js/jquery.js"></script> <script> $(document).ready(function(){ $("#f1").click(function(){ $("#div1").fadeIn(500); $("#div2").hide(); $("#div3").hide(); }); $("#f2").click(function(){ $("#div2").fadeIn(500); $("#div1").hide(); $("#div3").hide(); }); $("#f3").click(function(){ $("#div3").fadeIn(500); $("#div1").hide(); $("#div2").hide(); }); }); </script> <style> .active{ background-color:#dadada; } .div1{ background-image:url(imagens/div1_preto_e_branco.png); background-position:center; background-repeat:no-repeat; } .div2{ background-image:url(imagens/div2_preto_e_branco.png); background-position:center; background-repeat:no-repeat; } .div3{ background-image:url(imagens/div3_preto_e_branco.png); background-position:center; background-repeat:no-repeat; } .div1:hover{ background-image:url(imagens/div1_colorida.png); background-position:center; background-repeat:no-repeat; } .div2:hover{ background-image:url(imagens/div2_colorida.png); background-position:center; background-repeat:no-repeat; } .div3:hover{ background-image:url(imagens/div3_colorida.png); background-position:center; background-repeat:no-repeat; } </style> <ul> <li><a type="button" id="f1" class="botao div1"></a></li> <li><a type="button" id="f2" class="botao div2"></a></li> <li><a type="button" id="f3" class="botao div3"></a></li> </ul> <div id="div1" style="display:block;">Conteúdo 1</div> <div id="div2">Conteúdo 2</div> <div id="div3">Conteúdo 3</div> <script> $(document).ready(function () { $('a.botao').click(function () { $('a.botao.active').removeClass("active"); $(this).addClass("active"); }); var primeiro = document.getElementsByClassName('botao')[0]; if (primeiro) $(primeiro).addClass("active"); }); </script> Agradeço a atenção
  16. olá, estou iniciando no javascript, gostaria de saber se tem como atualizar um elemento, como uma div, com javascript e sem ter que dar refresh na pagina inteira, e que faça isso com um setInterval.
  17. Olá tenho uma plataforma de e-commerce que me imprime vários atributos dos produtos automaticamente através de controles xml, aos quais não tenho acesso. Bom, tenho um cenário que o controle imprime o seguinte código: <div class="product-field product_field_66 product-field-type_1"> Vídeo <ul> <li class="http://https//www.youtube.com/watch?v-zjxu5uvzfaa">http://https//www.youtube.com/watch?v=zJXU5UvZfAA</li> </ul> </div> E como podem observar o que preciso é apenas o link que se encontra entre as tags <li></li>, não pode ser o valor do atributo class devido a formatação do texto, pois o youtube precisa das maiúsculas e minusculas. Não posso inserir na página nenhuma outra linguagem a não ser javascript.
  18. Sergio Murilo Cabral

    Ajuda com loop em Javascript

    Olá, estou com esse código abaixo: ------------------------------------------------------ INÍCIO DO CÓDIGO ----------------------------------------- <div class="" style="background:<?php echo $res['fundosite_cor']; ?>; width:588px; float:left;"> <script> jssor_slider20_starter = function (containerId) { var options = { $DragOrientation: 3, $BulletNavigatorOptions: { $Class: $JssorBulletNavigator$, $ChanceToShow: 2, $ActionMode: 1, $AutoCenter: 0, $Steps: 1, $Lanes: 1, $SpacingX: 0, $SpacingY: 0, $Orientation: 1 } }; var jssor_slider20 = new $JssorSlider$(containerId, options); }; </script> <?php include "conexao.php"; $codigo = $_POST['codigo']; $img01 = $_POST['img01']; $img02 = $_POST['img02']; $img03 = $_POST['img03']; $img04 = $_POST['img04']; $titulo = $_POST['titulo']; $preco = $_POST['preco']; $query = mysql_query("SELECT * FROM produto ORDER BY RAND() LIMIT 9"); while($res = mysql_fetch_array($query)){ ?> <div style="background-color:<?php echo $res['fundosite_cor']; ?>;; padding:11px;" class="center_prod_box"> <div id="titulo" class="product_title"> <?php echo $res['titulo']; ?> </div> <!-- Jssor Slider Begin --> <!-- To move inline styles to css file/block, please specify a class name for each element. --> <div id="slider20_container" style="position: relative; top: 0px; left: 0px; width: 173px; height: 173px; background-color:<?php echo $res['fundosite_cor']; ?>;"> <!-- Loading Screen --> <div u="loading" style="position: absolute; top: 0px; left: 0px;"> <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block; background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;"> </div> <div style="position: absolute; display: block; background: url(img/loading.gif) no-repeat center center; top: 0px; left: 0px;width: 100%;height:100%;"> </div> </div> <!-- Slides Container --> <div u="slides" style="background-color:<?php echo $res['fundosite_cor']; ?>;cursor: move; position: absolute; left: 0px; top: 2px; height:150px; width:173px; text-align:center; overflow: hidden;"> <div> <a href="prod_detalhe.php?codigo=<?php echo $res['codigo']; ?>"> <img style="position:relative; top:50%; transform:translateY(-50%);"width="100" src="img_produtos/<?php echo $res['img01']; ?>" /> </a> </div> <div> <a href="prod_detalhe.php?codigo=<?php echo $res['codigo']; ?>"> <img style="position:relative; top:50%; transform:translateY(-50%);"width="100" src="img_produtos/<?php echo $res['img02']; ?>" /> </a> </div> <div> <a href="prod_detalhe.php?codigo=<?php echo $res['codigo']; ?>"> <img style="position:relative; top:50%; transform:translateY(-50%);"width="100" src="img_produtos/<?php echo $res['img03']; ?>" /> </a> </div> <div> <a href="prod_detalhe.php?codigo=<?php echo $res['codigo']; ?>"> <img style="position:relative; top:50%; transform:translateY(-50%);"width="100" src="img_produtos/<?php echo $res['img04']; ?>" /> </a> </div> </div> <!--#region Bullet Navigator Skin Begin --> <!-- Help: http://www.jssor.com/development/slider-with-bullet-navigator-jquery.html --> <style> /* jssor slider bullet navigator skin 03 css */ /* .jssorb03 div (normal) .jssorb03 div:hover (normal mouseover) .jssorb03 .av (active) .jssorb03 .av:hover (active mouseover) .jssorb03 .dn (mousedown) */ .jssorb03 { position: absolute; } .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av { position: absolute; /* size of bullet elment */ width: 21px; height: 21px; text-align: center; line-height: 21px; color: white; font-size: 12px; background: url(img/b03.png) no-repeat; overflow: hidden; cursor: pointer; } .jssorb03 div { background-position: -5px -4px; } .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; } .jssorb03 .av { background-position: -65px -4px; } .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; } </style> <!-- bullet navigator container --> <div u="navigator" class="jssorb03" style="bottom: 1px; left: 40px;"> <!-- bullet navigator item prototype --> <div u="prototype"><div u="numbertemplate"></div></div> </div> <!--#endregion Bullet Navigator Skin End --> <!-- Trigger --> </div> <!-- Jssor Slider End --> <div id="preco" class="prod_price"> <span style=""> R$ <?php echo $res['preco']; ?> </span> </div> <div id="carrinho" class=""><br /> <a href="prod_carrinho.php?acao=add&codigo=<?php echo $res['codigo']; ?>"> <img style="position:relative;top:50%;transform:translateY(-50%); "width="20" src="img/carrinho.png" title="Por no Carrinho" /> </a> </div> <hr id="linha1" /> <hr id="linha2" /> </div> <?php } ?> </div> <script> jssor_slider20_starter('slider20_container'); </script> </div> -------------------------------------------------------- FIM DO CÓDIGO ------------------------------------------- A finalidade é ao acessar a página gostaria que aparecesse 9 produtos aleatórios (No momento tenho apenas 02 produtos listados). Para isso achei que somente dando um WHILE no código php funcionaria, mas puro engano, pois somente consigo dar loop nos arquivos que estão na tabela produtos, mas não consigo fazer com que o script funcione no segundo produto listado. Não estou sabendo fazer com que o script se repita (LOOP). Já pesquisei alguns poster ate mesmo no W3schools, mas não consegui aplicar a logica em meu script, talvez por ser muito leigo em JavaScript. Estou anexando abaixo o endereço de acesso para que os amigos possam dar uma analisada e me dizer o que esta faltando ou como posso faze-lo funcionar. Página com o Problema - http://lccinformatica.com.br/prod_index.php Espero ter conseguido me expressar ao modo que os amigos possam entender a minha necessidade. Abraços à todos e no aguardo se possível de respostas positivas.
  19. pedro andre

    javascript / jquery

    <TABLE> Ao clicar em uma determinada td quem contem um link ele mim mostre a posição que a coluna e a linha esta, e mim retorne também o valor dessa coluna e linha? <table border="1"> <tr> <th>exe</th> <th>coluna2</th> <th>coluna3</th> <th>coluna4</th> <th>coluna5</th> </tr> <tr> <th>linha1</th> <td><a href="#">link1</a></td> <td><a href="#">link1</a></td> <td><a href="#">link1</a></td> <td><a href="#">link1</a></td> </tr> <tr> <th>linha2</th> <td><a href="#">link1</a></td> <td><a href="#">link1</a></td> <td><a href="#">link1</a></td> <td><a href="#">link1</a></td> </tr> </table>
  20. pedro andre

    javascript / jquery

    <TABLE> Ao clicar em uma determinada td que contém um link ele mim mostre a posição que a coluna e a linha esta, e mim retorne também o valor dessa coluna e linha? <table border="1"> <tr> <th>exe</th> <th>coluna2</th> <th>coluna3</th> <th>coluna4</th> <th>coluna5</th> </tr> <tr> <th>linha1</th> <td><a href="#">link1</a></td> <td><a href="#">link1</a></td> <td><a href="#">link1</a></td> <td><a href="#">link1</a></td> </tr> <tr> <th>linha2</th> <td><a href="#">link1</a></td> <td><a href="#">link1</a></td> <td><a href="#">link1</a></td> <td><a href="#">link1</a></td> </tr> </table>
  21. Bom dia, Pessoal. Tudo bem? Preciso trocar uma imagem depois de um clique. A minha ideia é manter a imagem nova no mesmo lugar da anterior depois do clique, mas com o "onclick" ativo para eu poder clicar na imagem de novo e a primeira imagem reaparecer no lugar da segunda. Outro detalhe estou com uma programação que corta volume de um vídeo ativo no "button onclick", que esta funcionando e não pode parar de funcionar. Do jeito que eu configurei o "button onclick" do vídeo não parou de funcionar, mas a imagem não muda. Tem como alguém me dar um help? Javascript: <script type="text/javascript"> function mudaImagem(i) { if (i == 1) { document.getElementById("imagem1").src="img/volume.jpg", 'style="display:block;"'; document.getElementById("imagem2").src="img/mute.jpg", 'style="display:none;"'; } else if (i == 2) { document.getElementById("imagem1").src="img/mute.jpg", 'style="display:block;"'; document.getElementById("imagem2").src="img/volume.jpg", 'style="display:none;"'; } } </script> HTML: <button onclick="jQuery('#bgndVideo').toggleVolume()" ><img src="img/volume.jpg" alt="Som" id="imagem1" onclick="mudaImagem(1)" style="display:block;"/><img src="img/mute.jpg" alt="Som" id="imagem2" onclick="mudaImagem(2)" style="display:none;" /></button> Grato!
  22. moraisarthur

    Manipular divs com show() e animate()

    Olá pessoal, sou novo no javascript e não estou conseguindo fazer uma simples animação com uma div e uma nav. Sei que pode ser algo simples de se fazer mas eu não estou conseguindo. Bom, o problema é o seguinte: Eu tenho uma div do meu HTML com esse ícone de menu: . O que eu preciso fazer é: Quando clicar nesse ícone, aparecer o menu que tem outros quatro ícones, dentro de uma nav. Eu consigo fazer isso através desse código: $(document).ready(function(){ $("#nav_menu").hide(); $("#icon_menu").click(function(event){ $("#icon_menu").animate({left: "8%"},700, function(){ $("#nav_menu").show(700); }); }); }); Eu coloquei o animate para o ícone da div ir um pouco para a direita e os ícones da nav não ficar em cima dele. O que eu quero fazer é um efeito de slide na nav, pois o efeito do show() não está combinando com o site. Mas quando eu coloco a configuração dentro das propriedades do show, show("slide",{direction:"left"},700); nenhum efeito acontece. Eu também gostaria de saber como faço para quando clicar novamente no ícone o menu fechar.
  23. Olá Pessoal , Eu estou fazendo um template e estou com o seguinte problema, estou usando o tooltip jquery tipso e consegui pegar o texto dentro de uma DIV e jogar ela na tooltip. Porém o que acontece que ela pega o texto da primeira e joga em todas. Como eu poderia pegar o texto de cada DIV e deixa-la na tooltip correta. Abaixo eu estou colocando as imagens para explicar melhor o que preciso, assim também um link com o exemplo funcionando. Por favor, se alguém puder me dar essa força ficarei muito agradecido. Na Imagem acima o Primeiro botão está funcionando perfeitamente. Mas no segundo botão eu quero que apareça o texto do segundo botão. Eu sei que deve existir alguma maneira para o texto do botão 2 aparecer no botão 2. Abaixo as imagens do código. Imagem do Arquivo tooltip.js Abaixo o link do exemplo funcionando, porém com esse erro que não consigo resolver. Link TOOLTIP Talvez eu não tenha explicado o que eu preciso, mas olhando as imagens do código e o exemplo dá para entender melhor. Desde já Agradeço a todos que puderem me ajudar. Oscar Aguiar.
  24. Pessoas... tenho um campo CPF no banco que contém apenas números. Após fazer o SELECT e exibir numa página (não num input) gostaria que ele mostrasse o CPF já formatado nnn.nnn.nnn-nn Como posso fazer isso?
×

Important Information

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