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 2584 results

  1. 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.
  2. 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>
  3. 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 );
  4. 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>
  5. 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
  6. 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.
  7. 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.
  8. 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.
  9. 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>
  10. 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>
  11. 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!
  12. 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.
  13. 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.
  14. 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?
  15. infodevbr

    Curso AngularJS

    Fala galera... Sou novo aqui e estou criando um canal no youtube. Basicamente estou terminando minha faculdade e queria mais essa experiência na minha vida ajudando a comunidade open source que tanto me ajudou. Estou lançando um curso completo de AngularJS, desde o básico, até o avançado com teste unitário e recursos de otimização. Pra quem se interessar no canal também estarei lançando depois desse curso um novo curso de MEAN Stack. Quem tiver a curiosidade vai se apaixonar em desenvolver back e front na mesma linguagem assim como eu me apaixonei ;) sem contar no ES6 bombando hehe. Sem mais papo o link do meu canal está logo abaixo, quem quiser se inscrever fique a vontade... Críticas e sugestões são sempre bem-vindas, porque nunca criei um conteúdo desse nível. https://www.youtube.com/channel/UCM9Vu0ESLmEZQM91Hp8V41w Desde já, obrigado! :D :D :D :D :D :D :D
  16. carloshenrique1991

    Houver

    Boa noite! Como faço para o span parar de piscar enquanto o mouse estiver em cima da div ? <script type="text/javascript"> (function blink() { $('.erro_conexao span').fadeOut(1000).fadeIn(1500, blink); })(); </script>
  17. Ola pessoal, será que tem alguma função em java script que ao informar os dias ele "converta" para meses, anos ou dias? exemplo: 1095 dias: 3 anos 365 dias: 1 ano 90 dias: 3 meses 25 dias: 25 dias 32 dia: 1 mês
  18. Bom dia para todos, tenho o seguinte código que monta uma tabela dinâmica no sistema que tenho aqui, function inserirLinhaTabela() { // Captura a referência da tabela com id “minhaTabela” var tabela = document.getElementById("itens"); // Captura a quantidade de linhas já existentes na tabela var linha = tabela.rows.length; // Captura a quantidade de colunas da última linha da tabela var coluna = tabela.rows[linha-1].cells.length; // CONTADOR DE LINHAS var aux = 1; // Insere uma linha no fim da tabela. var novaLinha = tabela.insertRow(linha); // Faz um loop para criar as colunas for (var j = 0; j < coluna; j++) { // Insere uma coluna na nova linha novaColuna = novaLinha.insertCell(j); // Insere um conteúdo na coluna if (j === 0){ novaColuna.innerHTML = linha; } if (j===1){ novaColuna.innerHTML = '<?php echo $produtos?>'; } if (j===2){ novaColuna.innerHTML = '<input class="form-control" name="qtde" id="qtde" required="">'; } } } ele esta montando a tabela sem problemas, mas o que esta acontecendo é que eu uso o componente select2 e nos itens que ele adiciona, ele carrega sem as configurações do componente, alguém pode me dar uma luz? E também uso o componente priceFormat e também não estão carregando nos itens que ele monta.
  19. Pessoal, estou me aventurando no angularjs e quero saber como posso fazer pra passar um parametro ou o valor de multiplos checkbox de uma tabela, assim como ocorre com o gmail, seleciono as mensagens que quero e dou um unico comando ao clicar (arquivar, excluir). Quando pego os valores dos checkbox selecionados eles ficam assim: { "6": true, "7": true, "8": true, "17": true }. No caso minha ideia seria rodar um foreach pra modificar (no eu salvo no banco de dados mysql) os ids que aparecem em cada um dos itens do json. Mas como posso fazer isso?
  20. edison.silva

    Números inteiros em dias, meses ou anos

    Ola pessoal, será que tem alguma função em php que ao informar os dias ele "converta" para meses, anos ou dias? exemplo: 1095 dias: 3 anos 365 dias: 1 ano 90 dias: 3 meses 25 dias: 25 dias 32 dia: 1 mês
  21. Salve pessoal, depois de percorrer todos este fórum e outros fóruns estrangeiros, não consegui solucionar meu problema, pois tenho um select que pega dados dinâmicos vindo do value, segue os códigos: <select id="cidade" onchange="fLoadBairro(this.value);" class="search-box__combo" multiple name="cidade[]"> <option value="" id="">Cidade</option> <optgroup label="Cidades"> <?php $sql = $MySQLi->query("SELECT id, cidade, uf FROM cidades ORDER BY cidade ASC"); while( $linha_1 = mysqli_fetch_array( $sql ) ) echo '<option value="'.$linha_1['id'].'">' .$linha_1['cidade'].'/'.$linha_1['uf'].'</option>'; ?> </optgroup> </select> E abaixo o select BAIRROS: <select id="bairro" href="#BoxBairros" name="bairro" class="search-box__combo"> <option value="0" selected>Bairros</option> </select> Mas na verdade só preciso passar os parâmetros que vem do value cidade , por exemplo no select cidade tem as cidades em seus options, são paulo, guarulhos, diadema, mas eu preciso pegar apenas o id que São Paulo seria ID 1 , Guarulhos ID 2 e assim sucessivamente, eu consigo pegar os valores num id único * cidade.value *, mas assim não consigo pegar todos os ids selecionados e enviar ao php, e pelo ajax e estou enviando assim: function fLoadBairro(xDIV){ with(document.busca){ ChamaAJAXDIV3("div_PesqBairros", "combo_cidades.php?id="+cidade.value); } } Assim eu consigo enviar normalmente , mas só chega o primeiro id, tentei usar assim: var cidade = $('#cidade').serializeArray(); Eu preciso passar esse array na url em ajax porque ela irá retornar os valores para o select BAIRROS... Mas não deu certo, qual seria a solução..
  22. Rafael Douglas

    Script BOT

    Pessoal vou fazer um "bot", um script para fazer uma tarefa repetitiva para mim. Ele irá a cada 30minutos acessar uma página, clicar em 1 botão, e na nova página carregada ele ira clicar em 2 botões seguidos e fechar uma janela de alert. Porém eu nunca fiz nada parecido, e não faço ideia de quais funções usar. Alguém ai poderia me dar uma luz? e é melhor fazer em javascript mesmo, ou usar outra linguagem ?
  23. Ajuda Urgente. não estou conseguindo fazer com que o resultado "R$", obtido no "litResultado" pareça no campo value=" " para ser enviado ao pagseguro algum pode me ajudar ou pelo menos me da uma luz, de como fazer .. por vavor <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Calcular distancia entre cidades (mapas e rotas)</title> <script src="http://code.jquery.com/jquery-1.8.1.js" type="text/javascript"></script> </head> <body> <script src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> function CalculaDistancia() { $('#litResultado').html('Aguarde...'); //Instanciar o DistanceMatrixService var service = new google.maps.DistanceMatrixService(); //executar o DistanceMatrixService service.getDistanceMatrix( { //Origem origins: [$("#txtOrigem").val()], //Destino destinations: [$("#txtDestino").val()], //Modo (DRIVING | WALKING | BICYCLING) travelMode: google.maps.TravelMode.DRIVING, //Sistema de medida (METRIC | IMPERIAL) unitSystem: google.maps.UnitSystem.METRIC //Vai chamar o callback }, callback); } //Tratar o retorno do DistanceMatrixService function callback(response, status) { //Verificar o Status if (status != google.maps.DistanceMatrixStatus.OK) //Se o status não for "OK" $('#litResultado').html(status); else { //Se o status for OK //Endereço de origem = response.originAddresses //Endereço de destino = response.destinationAddresses //Distância = response.rows[0].elements[0].distance.text //Duração = response.rows[0].elements[0].duration.text $('#litResultado').html("<strong>Origem</strong>: " + response.originAddresses + "<br /><strong>Destino:</strong> " + response.destinationAddresses + "<br /><strong>Distância</strong>: " + response.rows[0].elements[0].distance.text + " <br /><strong>Duração</strong>: " + response.rows[0].elements[0].duration.text + " <br /><strong>Preço</strong>: R$ " + (parseFloat(response.rows[0].elements[0].distance.text.substring(0, response.rows[0].elements[0].distance.text.length - 3).split(",").join(".")) * 1.5 + 30.00).toFixed(2).toString().split(".").join(",") ); //Atualizar o mapa $("#map").attr("src", "https://maps.google.com/maps?saddr=" + response.originAddresses + "&daddr=" + response.destinationAddresses + "&output=embed"); } } </script> <table width="68%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td> <label for="txtOrigem"><strong>Endereço de origem</strong></label> <input type="text" id="txtOrigem" class="field" style="width: 400px" /> <br> Quem vai receber <input type="text" id="txtOrigem2" class="field" style="width: 400px" /> </td> </tr> <tr> <td> <label for="txtDestino"><strong>Endereço de destino</strong></label> <input type="text" style="width: 400px" class="field" id="txtDestino" /> </td> </tr> <tr> <td> <p> <input type="button" value="Calcular distância" onclick="CalculaDistancia()" class="btnNew" /> </p> <table width="409" border="0"> <tr> <th width="403" scope="col"><form target="pagseguro" method="post" action="https://pagseguro.uol.com.br/checkout/checkout.jhtml"> <input type="hidden" name="email_cobranca" value="suporte@lojamodelo.com.br"> <input type="hidden" name="tipo" value="CP"> <input type="hidden" name="moeda" value="BRL"> <input type="hidden" name="item_id_1" value="12345"> <input type="hidden" name="item_descr_1" value="Moto frete"> <input type="hidden" name="item_quant_1" value="1"> // Digite corretamente o valor calculado abaixo para confirmação <input type="hidden" name="item_valor_1" Value="litResultado" > <input type="image" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/99x61-pagar-assina.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!"> </form>></th> </tr> </table> <p> </p> </td> </tr> </tbody> </table> <div><span id="litResultado"> </span></div> <div style="padding: 10px 0 0; clear: both"></div> </body> </html>
×

Important Information

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