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

  1. To precisando de ajuda, desenvolvi um macro para me auxiliar em algumas tarefas do dia a dia no meu serviço porém encontro uma dificuldade por culpa da variação da internet ou do proprio desempenho do computador na hora da execução, e não sei como resolver, a principio quando o código executa "rapido d+" ele gera um problema no site, porém quando executa normalmente faz exatamente oque eu quero. o código a baixo representa oque eu to fazendo var liGru_f = function(){ //Licença de Importação document.querySelector("#formPrincipal\\:tpDocumento_panel > div.ui-selectonemenu-items-wrapper > ul > li:nth-child(71)").click() setTimeout(function (){document.querySelector("#formPrincipal\\:tbPlvChv\\:0\\:plvConteudo").value ="Licença de Importação"},500) setTimeout(function (){document.querySelector("#formPrincipal\\:pickListOrgaos > div:nth-child(1) > ul > li:nth-child(20)").click()},1000) setTimeout(function (){document.querySelector("#formPrincipal\\:pickListOrgaos > div.ui-picklist-buttons > div > button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-picklist-button-add").click()},1000) setTimeout(function (){document.getElementById("formPrincipal:btnIncluir").click()},1500) //GRU setTimeout(function (){document.querySelector("#formPrincipal\\:tpDocumento_panel > div.ui-selectonemenu-items-wrapper > ul > li:nth-child(61)").click()},2000) setTimeout(function (){document.querySelector("#formPrincipal\\:tbPlvChv\\:0\\:plvConteudo").value ="GRU"},2500) setTimeout(function (){document.querySelector("#formPrincipal\\:pickListOrgaos > div:nth-child(1) > ul > li:nth-child(20)").click()},2500) setTimeout(function (){document.querySelector("#formPrincipal\\:pickListOrgaos > div.ui-picklist-buttons > div > button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-picklist-button-add").click()},3000) setTimeout(function (){document.getElementById("formPrincipal:btnIncluir").click()},3500) //Comprovante de pagamento GRU setTimeout(function (){document.querySelector("#formPrincipal\\:tpDocumento_panel > div.ui-selectonemenu-items-wrapper > ul > li:nth-child(32)").click()},4000) setTimeout(function (){document.querySelector("#formPrincipal\\:tbPlvChv\\:0\\:plvConteudo").value ="Comprovante de pagamento GRU"},4500) setTimeout(function (){document.querySelector("#formPrincipal\\:pickListOrgaos > div:nth-child(1) > ul > li:nth-child(20)").click()},4500) setTimeout(function (){document.querySelector("#formPrincipal\\:pickListOrgaos > div.ui-picklist-buttons > div > button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-picklist-button-add").click()},5000) setTimeout(function (){document.getElementById("formPrincipal:btnIncluir").click()},5500) } Eu utilizo o tampermonkey para executar no site que preciso que isso seja feito, a principio criei um button na pagina que quando eu clico ele executa a função que chama as outras, utilizei seTimeout para dar o intervalo mas acredito que exista uma forma melhor para executar isso.
  2. Robson Tenorio Henriques

    Scroll de Imagens

    Olá pessoal, estou com um projeto onde no mesmo existe 11 categorias e vários modelos para cada categoria, as categorias e modelos são apresentadas por meio de imagens em miniaturas (OBS: as imagens são dispostas em duas colunas), onde ao clicar numa categoria abre os modelos existentes, esta parte esta funcionando perfeitamente, porém o que necessito fazer é limitar a exibição das categorias e modelo para uma área de no máximo 1000px, que seria umas 6 ou 7 imagens aproximadamente e adicionar botões de navegação para passar entre os itens.. Abaixo segue o código da página: <div id="menu" class="pecasmain"> <input type="hidden" id="idlinha" name="idlinha" value="0"> <input type="hidden" id="idmodelo" name="idmodelo" value="0"> <div id="menuLinhas" class="menuLinhas"> <h3>LINHAS</h3> <a id="linha1" idreg="225" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000000225_01_gd.jpg" /> <span class="linknaoselecionado">Adubadoras Pendulares</span> </a> <a id="linha2" idreg="62" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000000062_01_gd.jpg" /> <span class="linknaoselecionado">Mini Pá Carregadeira e Mini Retro Escavadeira</span> </a> <a id="linha3" idreg="63" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000000063_01_gd.jpg" /> <span class="linknaoselecionado">Manejo de solo e trituração de poda: </span> </a> <a id="linha4" idreg="61" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000000061_01_gd.jpg" /> <span class="linknaoselecionado">Adubadoras mono disco</span> </a> <a id="linha5" idreg="242" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000000242_01_gd.jpg" /> <span class="linknaoselecionado">Recolhedora de terreiro</span> </a> <a id="linha6" idreg="246" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000000246_01_gd.jpg" /> <span class="linknaoselecionado">Enlerador e soprador</span> </a> <a id="linha7" idreg="59" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000000059_01_gd.jpg" /> <span class="linknaoselecionado">Adubadoras de 2 discos</span> </a> <a id="linha8" idreg="10419" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000010419_01_gd.jpg" /> <span class="linknaoselecionado">Adubadora cafeeira e citrus</span> </a> <a id="linha9" idreg="65" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000000065_01_gd.jpg" /> <span class="linknaoselecionado">Recolhedora e abonadora de chão</span> </a> <a id="linha10" idreg="9039" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000009039_01_gd.jpg" /> <span class="linknaoselecionado">Podadora</span> </a> <a id="linha11" idreg="16321" href="JavaScript: void(0);" class="linklinha"> <img src="../imgs_categorias/img_0000016321_01_gd.jpg" /> <span class="linknaoselecionado">Braço de retro agrícola</span> </a> </div> <div id="menuModelos0" class="menuModelos"> <h3>MODELOS</h3> <span>Selecione uma LINHA no menu à esquerda.</span> </div> <div id="menuModelos225" class="menuModelos" style="display: none;"> <h3>Adubadoras Pendulares</h3> <a href="#" id="modelo1" idreg="69" class="linkmodelo"> <img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000069_01_gd.jpg" /> <span class="linknaoselecionado"> PS 203</span></a> <a href="#" id="modelo2" idreg="232" class="linkmodelo"><img id="img2" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000232_01_gd.jpg" /> <span class="linknaoselecionado"> PS / PSPP 303</span></a> <a href="#" id="modelo3" idreg="235" class="linkmodelo"><img id="img3" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000235_01_gd.jpg" /> <span class="linknaoselecionado">PS / PSPP 403</span></a> <a href="#" id="modelo4" idreg="236" class="linkmodelo"><img id="img4" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000236_01_gd.jpg" /> <span class="linknaoselecionado">PS 503</span></a> <a href="#" id="modelo5" idreg="237" class="linkmodelo"><img id="img5" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000237_01_gd.jpg" /> <span class="linknaoselecionado">PS / PSPP 603</span></a> <a href="#" id="modelo6" idreg="233" class="linkmodelo"><img id="img6" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000233_01_gd.jpg" /> <span class="linknaoselecionado">PS 753</span></a> <a href="#" id="modelo7" idreg="234" class="linkmodelo"><img id="img7" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000234_01_gd.jpg" /> <span class="linknaoselecionado">PS 953</span></a> <a href="#" id="modelo8" idreg="238" class="linkmodelo"><img id="img8" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000238_01_gd.jpg" /> <span class="linknaoselecionado">PS 1153</span></a> <a href="#" id="modelo9" idreg="239" class="linkmodelo"><img id="img9" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000239_01_gd.jpg" /> <span class="linknaoselecionado">PS 1353</span></a> <a href="#" id="modelo10" idreg="240" class="linkmodelo"><img id="img10" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000240_01_gd.jpg" /> <span class="linknaoselecionado">PS 1553T</span></a> <a href="#" id="modelo11" idreg="16808" class="linkmodelo"><img id="img11" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000016808_01_gd.jpg" /> <span class="linknaoselecionado">Pendulum</span></a> </div> <div id="menuModelos62" class="menuModelos" style="display: none;"> <h3>Mini Pá Carregadeira e Mini Retro Escavadeira</h3> <a href="#" id="modelo1" idreg="88" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000088_01_gd.jpg" /> <span class="linknaoselecionado">PX 04 Mini Pá carregadeira</span></a> <a href="#" id="modelo2" idreg="89" class="linkmodelo"><img id="img2" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000089_01_gd.jpg" /> <span class="linknaoselecionado">RX 04 Mini Retro escavadeira</span></a> </div> <div id="menuModelos63" class="menuModelos" style="display: none;"> <h3>Manejo de solo e trituração de poda: </h3> <a href="#" id="modelo1" idreg="86" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000086_01_gd.jpg" /> <span class="linknaoselecionado">TRSL 90</span></a> <a href="#" id="modelo2" idreg="87" class="linkmodelo"><img id="img2" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000087_01_gd.jpg" /> <span class="linknaoselecionado">TRSL 90E</span></a> <a href="#" id="modelo3" idreg="251" class="linkmodelo"><img id="img3" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000251_01_gd.jpg" /> <span class="linknaoselecionado">TRV 100 </span></a> <a href="#" id="modelo4" idreg="252" class="linkmodelo"><img id="img4" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000252_01_gd.jpg" /> <span class="linknaoselecionado">TRV 120</span></a> <a href="#" id="modelo5" idreg="16615" class="linkmodelo"><img id="img5" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000016615_01_gd.jpg" /> <span class="linknaoselecionado">TRL 120</span></a> <a href="#" id="modelo6" idreg="258" class="linkmodelo"><img id="img6" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000258_01_gd.jpg" /> <span class="linknaoselecionado">TRL 140</span></a> <a href="#" id="modelo7" idreg="259" class="linkmodelo"><img id="img7" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000259_01_gd.jpg" /> <span class="linknaoselecionado">TRL 160</span></a> <a href="#" id="modelo8" idreg="260" class="linkmodelo"><img id="img8" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000260_01_gd.jpg" /> <span class="linknaoselecionado">TRL 180</span></a> <a href="#" id="modelo9" idreg="261" class="linkmodelo"><img id="img9" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000261_01_gd.jpg" /> <span class="linknaoselecionado">TRL 200</span></a> <a href="#" id="modelo10" idreg="262" class="linkmodelo"><img id="img10" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000262_01_gd.jpg" /> <span class="linknaoselecionado">TRL 220</span></a> <a href="#" id="modelo11" idreg="254" class="linkmodelo"><img id="img11" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000254_01_gd.jpg" /> <span class="linknaoselecionado">TRP 120</span></a> <a href="#" id="modelo12" idreg="255" class="linkmodelo"><img id="img12" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000255_01_gd.jpg" /> <span class="linknaoselecionado">TRP 160H</span></a> <a href="#" id="modelo13" idreg="253" class="linkmodelo"><img id="img13" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000253_01_gd.jpg" /> <span class="linknaoselecionado">TRLA 180 </span></a> <a href="#" id="modelo14" idreg="15868" class="linkmodelo"><img id="img14" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000015868_01_gd.jpg" /> <span class="linknaoselecionado">TRLA 140</span></a> <a href="#" id="modelo15" idreg="257" class="linkmodelo"><img id="img15" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000257_01_gd.jpg" /> <span class="linknaoselecionado">TRS 360</span></a> <a href="#" id="modelo16" idreg="256" class="linkmodelo"><img id="img16" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000256_01_gd.jpg" /> <span class="linknaoselecionado">TRC 220</span></a> <a href="#" id="modelo17" idreg="10327" class="linkmodelo"><img id="img17" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000010327_01_gd.jpg" /> <span class="linknaoselecionado">TRSL 1,50</span></a> <a href="#" id="modelo18" idreg="2947" class="linkmodelo"><img id="img18" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000002947_01_gd.jpg" /> <span class="linknaoselecionado">TRL 140 RS</span></a> </div> <div id="menuModelos61" class="menuModelos" style="display: none;"> <h3>Adubadoras mono disco</h3> <a href="#" id="modelo1" idreg="85" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000085_01_gd.jpg" /> <span class="linknaoselecionado">Giro 400/600</span></a> <a href="#" id="modelo2" idreg="81" class="linkmodelo"><img id="img2" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000081_01_gd.jpg" /> <span class="linknaoselecionado">Giro 400/600 INOX</span></a> </div> <div id="menuModelos242" class="menuModelos" style="display: none;"> <h3>Recolhedora de terreiro</h3> <a href="#" id="modelo1" idreg="243" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000243_01_gd.jpg" /> <span class="linknaoselecionado">VRC 1600</span></a> <a href="#" id="modelo2" idreg="10245" class="linkmodelo"><img id="img2" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000010245_01_gd.jpg" /> <span class="linknaoselecionado">Varredor Hidraulico 2.6 Para Terreiro de Café</span></a> <a href="#" id="modelo3" idreg="10421" class="linkmodelo"><img id="img3" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000010421_01_gd.jpg" /> <span class="linknaoselecionado">Varredor Hidráulico 3.6 Para Terreiro de Café</span></a> <a href="#" id="modelo4" idreg="13270" class="linkmodelo"><img id="img4" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000013270_01_gd.jpg" /> <span class="linknaoselecionado">Varredor Hidráulico 2.6 Para Terreiro de Café Com Pistão Hid</span></a> <a href="#" id="modelo5" idreg="13693" class="linkmodelo"><img id="img5" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000013693_01_gd.jpg" /> <span class="linknaoselecionado">Varredor Hidráulico 3.6 Para Terreiro de Café Com Pistão Hid</span></a> </div> <div id="menuModelos246" class="menuModelos" style="display: none;"> <h3>Enlerador e soprador</h3> <a href="#" id="modelo1" idreg="13885" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000013885_01_gd.jpg" /> <span class="linknaoselecionado">Varrecafé Traseiro Simples Geração 2C </span></a> <a href="#" id="modelo2" idreg="14055" class="linkmodelo"><img id="img2" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000014055_01_gd.jpg" /> <span class="linknaoselecionado">Varrecafé Traseiro Duplo Geração 2C</span></a> <a href="#" id="modelo3" idreg="14491" class="linkmodelo"><img id="img3" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000014491_01_gd.jpg" /> <span class="linknaoselecionado">Varrecafé Duplo G2 Caixa Dupla</span></a> <a href="#" id="modelo4" idreg="14351" class="linkmodelo"><img id="img4" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000014351_01_gd.jpg" /> <span class="linknaoselecionado">Varrecafé Simples G2 Caixa Dupla </span></a> <a href="#" id="modelo5" idreg="247" class="linkmodelo"><img id="img5" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000247_01_gd.jpg" /> <span class="linknaoselecionado">Cleaner café/ RTF Dual</span></a> <a href="#" id="modelo6" idreg="248" class="linkmodelo"><img id="img6" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000248_01_gd.jpg" /> <span class="linknaoselecionado">Cleaner maçã / citrus</span></a> <a href="#" id="modelo7" idreg="9042" class="linkmodelo"><img id="img7" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000009042_01_gd.jpg" /> <span class="linknaoselecionado">Soprador</span></a> </div> <div id="menuModelos59" class="menuModelos" style="display: none;"> <h3>Adubadoras de 2 discos</h3> <a href="#" id="modelo1" idreg="74" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000074_01_gd.jpg" /> <span class="linknaoselecionado">TDS 750</span></a> <a href="#" id="modelo2" idreg="75" class="linkmodelo"><img id="img2" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000075_01_gd.jpg" /> <span class="linknaoselecionado">TDS 950</span></a> <a href="#" id="modelo3" idreg="76" class="linkmodelo"><img id="img3" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000076_01_gd.jpg" /> <span class="linknaoselecionado">TDS 1150</span></a> <a href="#" id="modelo4" idreg="73" class="linkmodelo"><img id="img4" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000073_01_gd.jpg" /> <span class="linknaoselecionado">TDS 1350</span></a> <a href="#" id="modelo5" idreg="72" class="linkmodelo"><img id="img5" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000072_01_gd.jpg" /> <span class="linknaoselecionado">TDS 1550</span></a> <a href="#" id="modelo6" idreg="71" class="linkmodelo"><img id="img6" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000000071_01_gd.jpg" /> <span class="linknaoselecionado">Vibraflow II</span></a> </div> <div id="menuModelos10419" class="menuModelos" style="display: none;"> <h3>Adubadora cafeeira e citrus</h3> <a href="#" id="modelo1" idreg="10420" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000010420_01_gd.jpg" /> <span class="linknaoselecionado">MX 2100</span></a> </div> <div id="menuModelos65" class="menuModelos" style="display: none;"> <h3>Recolhedora e abonadora de chão</h3> <a href="#" id="modelo1" idreg="9343" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000009343_01_gd.jpg" /> <span class="linknaoselecionado">Catacafé </span></a> </div> <div id="menuModelos9039" class="menuModelos" style="display: none;"> <h3>Podadora</h3> <a href="#" id="modelo1" idreg="9040" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000009040_01_gd.jpg" /> <span class="linknaoselecionado">Podadora</span></a> </div> <div id="menuModelos16321" class="menuModelos" style="display: none;"> <h3>Braço de retro agrícola</h3> <a href="#" id="modelo1" idreg="16322" class="linkmodelo"><img id="img1" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000016322_01_gd.jpg" /> <span class="linknaoselecionado">BRM BRAÇO MÓVEL </span></a> <a href="#" id="modelo2" idreg="16423" class="linkmodelo"><img id="img2" style="cursor: pointer;" src="../../imgs_produtos/pt/img_0000016423_01_gd.jpg" /> <span class="linknaoselecionado">BRF BRAÇO FIXO </span></a> </div> <div id="pecasHome" class="pecasConteudo"> <img src="../img/pecas.jpg" /> <img src="../img/diversas-pecas.jpg" /> <div id="desconto"> <p class="desconto"> Desconto de 3% para compras efetuadas em nosso site. </p> </div> </div> <div id="pecasConteudo" class="pecasConteudo" style="display: none;"></div> <br style="clear: both;"/> <iframe id="frameprocessa" name="frameprocessa" style="width: 0px; height: 0px; visibility: hidden; "></iframe> <!--<script src="../js/jquery-3.4.1.min.js"></script>--> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script language="Javascript"> $(document).ready(function() { $(".linklinha").click(function(e) { $("#menuLinhas > a > span").removeClass ( 'linkselecionado' ); $("#menuLinhas > a > span").addClass ( 'linknaoselecionado' ); $(this).find('span').addClass('linkselecionado'); var idreg = parseInt($(this).attr("idreg")); // Esconde Todas Divs Modelos $.each($(".menuModelos"), function(e) { $(this).hide(); }); // Exibe Div Modelo $("#menuModelos"+idreg).show(); //console.log("idreg= " + idreg); $("#menuModelos"+idreg+" > a > span").removeClass ( 'linkselecionado' ); $("#menuModelos"+idreg+" > a > span").addClass ( 'linknaoselecionado' ); // Ajusta Foco $("#menuModelos"+idreg+" #modelo1").focus(); $("#pecasConteudo").hide(); $("#pecasHome").show(); // Seta Deselecionada Modelo $("#idlinha").val(idreg); $("#idmodelo").val(0); }); $(".linkmodelo").click(function(e) { var idlinha = parseInt($("#idlinha").val()); $("#menuModelos"+idlinha+" > a > span").removeClass ( 'linkselecionado' ); $("#menuModelos"+idlinha+" > a > span").addClass ( 'linknaoselecionado' ); $(this).find('span').addClass('linkselecionado'); $("#pecasHome").hide(); //alert('Vai carregar DETALHES do MODELO IDREG: ' + $(this).attr("idreg")); $("#pecasConteudo").load( "carrega_pecas_detalhe.html?id="+ $(this).attr("idreg"), function( response, status, xhr ) { if ( status == "error" ) { console.log("#error" + xhr.status + " " + xhr.statusText ); } }); $("#pecasConteudo").show(); }); function initPage() { console.log('Carregou Linhas OK !'); var idlinha = parseInt($("#idlinha").val()); var idmodelo = parseInt($("#idmodelo").val()); // Esconde Todas Divs Modelos $.each($(".menuModelos"), function(e) { $(this).hide(); }); // Exibe Div Modelo $("#menuModelos"+idlinha).show(); } initPage(); }); </script> Se alguém puder me ajudar, pois esse pequeno detalhe ta me tomando um grande tempo e atrasando o projeto.
  3. roohmcd

    Enviar formulário com campos ocultos

    Galera, seguinte, eu tenho um formulário com dois selects ocultos, eles serão exibidos somente quando eu selecionar uma das opções no select pai, porém toda vez que faço o envio deste ele pega o valor de um select oculto. Tem alguma maneira de fazer com ele só pegue o valor se eu selecionar a opção no select pai ? Este é meu formulário: <form id="createusers" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST" class="needs-validation" oninput='userrepassword.setCustomValidity(userrepassword.value != userpassword.value ? "Senhas não conferem." : "")' novalidate> <div class="form-group"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text"><i class="fas fa-user-circle"></i></div> </div> <input id="username" name="username" placeholder="Usuário" type="text" aria-describedby="usernameHelpBlock" required="required" class="form-control"> <div class="invalid-feedback">Por favor, digite um nome de usuário válido.</div> </div> <small id="usernameHelpBlock" class="form-text text-muted">Digite um nome de usuário.</small> </div> <div class="form-group"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text"><i class="fa fa-lock"></i></div> </div> <input id="userpassword" name="userpassword" placeholder="Senha" type="password" required="required" class="form-control" aria-describedby="userpasswordHelpBlock"> <div class="invalid-feedback">Por favor, digite uma senha.</div> </div> <small id="userpasswordHelpBlock" class="form-text text-muted">Digite uma senha para o usuário. Sua senha deve ter no mínimo 6 caracteres.</small> </div> <div class="form-group"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text"><i class="fa fa-lock"></i></div> </div> <input id="userrepassword" name="userrepassword" placeholder="Confirme a senha" type="password" required="required" class="form-control" aria-describedby="userrepasswordHelpBlock"> <div class="invalid-feedback">Por favor, confirme a senha.</div> </div> <small id="userrepasswordHelpBlock" class="form-text text-muted">Confirme a senha.</small> </div> <div class="form-group"> <label>Informe o grupo do usuário</label> <select id="usergroup" name="usergroup" class="form-control" required> <option value="">-- Selecione uma opção --</option> <option value="neg">Negado</option> <option value="tot">Total</option> <option value="controlado">Controlado</option> <option value="restrito">Restrito</option> <option value="lib">Liberado</option> <option value="noc">No Cache</option> </select> <div class="invalid-feedback">Por favor, selecione uma opção para informar o grupo do usuário.</div> <small id="usergroupHelpBlock" class="form-text text-muted">Selecione um grupo para o usuário.</small> </div> <div class="form-group"> <label>Selecione o grupo controlado para o usuário</label> <select id="usergroup-controlado" name="usergroup" class="form-control"> <option value="c01">Controlado 01</option> <option value="c02">Controlado 02</option> <option value="c03">Controlado 03</option> </select> </div> <div class="form-group"> <label>Selecione o grupo restrito para o usuário</label> <select id="usergroup-restrito" name="usergroup" class="form-control"> <option value="r01">Restrito 01</option> <option value="r02">Restrito 02</option> <option value="r03">Restrito 03</option> <option value="r04">Restrito 04</option> <option value="r05">Restrito 05</option> <option value="r06">Restrito 06</option> <option value="r07">Restrito 07</option> <option value="r08">Restrito 08</option> <option value="r09">Restrito 09</option> </select> </div> <div class="form-group"> <button id="submitcreateuser" name="submitcreateuser" type="submit" class="btn btn-primary">Criar Usuário</button> </div> </form> E para ocultar estes selects uso os seguintes scripts: <script type="text/javascript"> (function( $ ){ $.fn.dependsOn = function(element, value,callback) { var elements = this; var isContainer = false; //add change handler to element $(element).change(function(){ var $this = $(this); var showEm = false; if ( $this.is('select') ) { var fieldValue = $this.find('option:selected').val(); if ( !value ) { showEm = fieldValue && $.trim(fieldValue) != ''; } else if (typeof(value) === 'string') { showEm = value == fieldValue; } else if ($.isArray(value)) { showEm = ($.inArray(fieldValue, value) !== -1); } } else if ($this.is('input[type="text"]')){ var fieldValue = $this.val(); if ( !value ) { showEm = fieldValue && $.trim(fieldValue) != ''; } else if (typeof(value) === 'string') { showEm = value == fieldValue; } else if ($.isArray(value)) { showEm = ($.inArray(fieldValue, value) !== -1); } } // add containers for input else if ($this.hasClass('depends-container')){ isContainer=true; var target = $this.find('input[type="text"]'); var fieldValue = target.val(); if ( !value ) { showEm = fieldValue && $.trim(fieldValue) != ''; } else if (typeof(value) === 'string') { showEm = value == fieldValue; } else if ($.isArray(value)) { showEm = ($.inArray(fieldValue, value) !== -1); } } if(isContainer){ elements.each(function(){ $(this).toggle(showEm); if(callback){ callback(); } }); }else{ elements.closest('div').toggle(showEm); if(callback){ callback(); } } }); //hide the dependent fields return elements.each(function(){ var $this= $(this); var isContainer= false; $(element).each(function(index){ var el = $(this); if(el.hasClass('depends-container') && el.find('input[type="text"]').length){ isContainer = true; el = el.find('input[type="text"]'); if(el.val() != '' && $this.is('visible') == false ){ $this.show(); if(callback){ callback(); } } } }); if(!isContainer){ $(this).closest('div').hide(); } }); }; })( jQuery ); </script> <script type="text/javascript"> $('#usergroup-controlado').dependsOn('#usergroup', ['controlado']); $('#usergroup-restrito').dependsOn('#usergroup', ['restrito']); </script> E este é o script que faz o envio do formulário, onde obtenho as informações preenchidas: <?php if(isset( $_POST['submitcreateuser'] )) { $fullname = $_POST["fullname"]; $username = $_POST["username"]; $userpassword = $_POST["userpassword"]; $userrepassword = $_POST["userrepassword"]; $networkaccess = $_POST["networkaccess"]; $usergroup = $_POST["usergroup"]; $createuser = "$username $fullname $networkaccess $usergroup $userpassword $userrepassword s -a; echo $?"; echo "<pre> >> $createuser << </pre>"; } ?> Os selects ocultos são os do grupo Controlado e Restrito, quando selecionar essas opções ele abre outro select com as opções respectivas, tipo Controlado ele irá exibir o select Controlado 01, Controlado 02, Controlado 03. E assim serve também para a opção Restrito. Tem algo de errado no meu formulário ?
  4. Henrick Assis

    Comunicação em tempo real com web cam

    Boa tarde pessoal, estou com um problema que preciso transmitir 2 web cam em tempo real, porém não consigo fazer uma câmera de um transmissor aparecer na tela do outro e vice versa. Alguém poderia informar como devo fazer essa transmissão?
  5. edson farias

    Concatenar variaveis php com javascript

    Olá, primeira vez aqui. Amigos sou iniciante e estou com uma dificuldade. Segue a rotina. <?php $path = "./"; if (!empty($_GET['lhtml'])) { $path = "./". $_GET['lhtml']; } if (!empty($_GET['txt'])) { $path = "./". $_GET['txt']; } if (!empty($_GET['lphp'])) { $path = "./". $_GET['lphp']; } if (!empty($_GET['raiz'])) { $path = "./". $_GET['raiz']; } $diretorio = dir($path); //<script:javascript>document.write(varrh)</script>"; while($arquivo = $diretorio -> read()){ echo "<a href='".$path.$arquivo."'>".$arquivo."</a><br />"; } $diretorio -> close(); ?> quando clico no link, na barra aparece http://localhost/PHPgravar.php ou seja, faltando uma barra. o certo seria: http://localhost/PHP/gravar.php Alguém poderia me dar uma luz. Obrigado.
  6. Ola, alguém saberia me explicar melhor qual é a diferença entre o Carregamento Encadeado utilizando Funções(famoza pirâmide do capeta) e o Carregamento Encadeado utilizando Objetos(new Promises)? segundo developer.mozila.org os dois são considerados assincronos pelo que entendi, mas quando as coloquei a prova os resultados foram diferentes. Pelo que compreendo até o momento, carregamentos só se tornam Assíncronos quando a execução entra em espera por necessitar da resolução de outras operações externas. Se a execução principal do sistema é Síncrono, ambos os métodos serão Síncronos até que alguma de suas tarefas entre em espera por aguardar retorno externo, oque na verdade não aconteceu na prática. Exemplo utilizado: //Carregamento Assíncrono Encadeado Derivado de Funções var doSomething = (resolve) => resolve(2); var doSomethingElse = (result,foo) => foo(result*2); var doThirdThing = (result,foo) => foo(result*2); var failureCallback = (erro) => console.log(erro); doSomething(function(result) { doSomethingElse(result, function(newResult) { doThirdThing(newResult, function(finalResult) { console.log('Got the final result: ' + finalResult); }, failureCallback); }, failureCallback); }, failureCallback); console.log('fui mais rapido?'); // Return: // 'Got the final result: 8' // 'fui mais rápido?' //Carregamento Assíncrono Encadeado Derivado de Objeto (new Promise()) var doSomething = new Promise( (resolve) => resolve(2) ); var doSomethingElse = (result) => result*2; var doThirdThing = (result) => result*2; var failureCallback = () => console.log('desnecessário mas casso ocorrer me chame :)'); doSomething.then(function(result) { return doSomethingElse(result); }) .then(function(newResult) { return doThirdThing(newResult); }) .then(function(finalResult) { console.log('Got the final result: ' + finalResult); }) .catch(failureCallback); console.log('fui mais rapido'); // Return: // 'fui mais rápido?' // 'Got the final result: 8'
  7. Nayara Aline

    Formulário em Java Script

    Ola, gostaria da ajuda de vocês. Tenho um programa de cadastro de Frotistas (caminhoneiros), onde eu cadastro o frotista e os dados do mesmo caem em uma tabela, em outra pagina. Estou apanhando muito para cadastrar. Por enquanto não sera necessário banco de dados, apenas quero que os dados cadastrados aparecem na tabela. vou enviar algumas fotos para melhor visualizar.
  8. Gostaria de colocar em cada variável a ordem de um numero que o usario digitar, mas que os valores sejam absolutos e n relativos. Por exemplo, se o usuário colocar 110, o programa vai colocar na variável und o valor da unidade, na variável dez o valor das dezenas, e na variável cen o valor das centenas, ficando: und=0 dez=1 cen=1 mas o limite deve ser da casa do bilhão, ou seja, o usuário pode colocar ate 9 bilhões que ainda vai colocando o valor das ordens nas variáveis. Como pode ser feito?
  9. Rafacharkman

    autenticação pelo facebook

    Ola, Alguém poderia me dar uma luz do porque esta autenticação de exemplo não está funcionando ? ela retorna 'Este site não consegue fornecer uma ligação segura' e não faço a minima ideia de como resolver isso. No caso é o modelo de exemplo que a documentação do facebook fornece, este é o link
  10. Bom dia amigos, Estou com um dificuldade com um formulário html e preciso entender melhor o mecanismo do javascript. Podem me ajudar? Seguinte: Tenho em um formulário um campo de select com 3 opções: <select id="seletor"> <option>Maçã</option> <option>Laranja</option> <option>Banana</option> </select> Para cada opção que o usuário escolher deve ser executado um código php de pesquisa em banco de dados diferente para popular o próximo select no mesmo formulário com o código php seguinte: <php $consulta = mysql_query("SELECT `tipos` FROM maca;"); // query que busca os dados da tabela de maçãs while($campo = mysql_fetch_array($consulta)){ // laço de repetiçao que vai trazer os resultados da consulta ?> ou <php $consulta = mysql_query("SELECT `tipos` FROM banana;"); // query que busca os dados da tabela de banana while($campo = mysql_fetch_array($consulta)){ // laço de repetiçao que vai trazer os resultados da consulta ?> ou <php $consulta = mysql_query("SELECT `tipos` FROM laranja;"); // query que busca os dados da tabela de laranja while($campo = mysql_fetch_array($consulta)){ // laço de repetiçao que vai trazer os resultados da consulta ?> Como faria isso com javascript? Obrigado a todos.
  11. Michael Simoes Nilo Santana

    Detectar tempo de término de um vídeo iflame

    <div class="embed-container" > <div id="selectdivid" > <select name="selectvideoname" id="selectvideoid" > <option value="0" selected="selected" >selecione um video</option> <option value="https://drive.google.com/file/d/0B9lGzJO03DiydlY0M2lfdHlZS0U/preview">video1</option> <option value="https://meuip.link/l/QUQ2djVkeGVJM0Z6SzZLMHg2ZHN4YzZZZmlqRlRaVU1yNGt4ZDcwN3hGV0psa2RiN0RWMVlJbmhvN25yY2RmRHREUk44U1owTUlyaVFDMWN3OHQ3M0pfaXVNZDRJSGE5ZGpmQjZzazJEYk83NGgybi00d0UzcGpTUjhaSV9wOFVGVDYwcWZBZkxEczA0OjI5OjE2MjAxOS0wOS0zMA">video2</option> <option value="https://www.youtube.com/embed/LeAkYuMDVGY?enablejsapi=1">video3</option> <option value="videos.html">video4</option> </select></div> <iframe name="iframevideoname" id="iframevideoid" class="iframevideoclass" src="https://drive.google.com/file/d/0B9lGzJO03DiydlY0M2lfdHlZS0U/preview" width ="500" height ="500" allowfullscreen ="true" ></iframe></div> <script> var select = document.querySelector('#selectvideoid'); var iframe = document.querySelector('#iframevideoid'); select.addEventListener('change',function(){ iframe.src = this.value; }) </script> boa noite , gostaria de saber se e possível apos terminar o vídeo de um iframe chamar uma função , pode ser um alerta.
  12. Olá Mestres, Tenho uma página com comando "input Range" .. é uma barra deslizante... conforme deslisa gera um valor. o problema, não consigo gravar o valor numa variável PHP, Segue html: <html> <head> <title> ...::: HOME :::... </title> </head> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <body> <form method="POST"> <label class="mt-3" for="ciclo">CICLO</label> <input type="range" class="custom-range" value="201901" min="201901" max="201915" step="1" id="ciclo" name="idciclo"> <span>201901</span> </form> <div id="resultado"> </div> <script type="text/javascript"> $("#ciclo").on("change", function(){ var idCiclo = $("#ciclo").val(); $.ajax({ method: "POST", url: "ciclo_inicios.php", data: { 'ciclo': idCiclo }, success: function(retorno){ alert(retorno); } }); }); </script> </body> </html> código php... arquivo "cilo_inicios.php" <?php //$valorciclo = isset($_POST['dados']) ? $_POST['dados'] : ''; $valorciclo = $_POST["idciclo"]; echo "$valorciclo"; ?> Sabem o que estou fazendo de errado ? :/
  13. Boa tarde. Não tenho muito conhecimento e javascript, mas estou tentando aprender aos poucos. Minha duvida é referente a como buscar informação e um arquivo json. conteúdo json ex: var filme = { "nome" : "fulano de tal", "tipo" : ["comédia","aventura","receita"] , "data" : "2019/10" , "descrição" : "conta a história de alguém", } Eu de certa forma entendi com buscar um tipo de informação, tipo no campo nome buscar por "fulano de tal" e também no campo tipo consegui buscar cada um dos nomes separadamente. Mas eu gostaria de saber se a alguma maneira de listar todos os nomes que estão no campo tipo, independente de quantos nomes estão no campo. ex: comédia aventura receita ou ex: comédia aventura receita Desde já agradeço.
  14. Ex: igual sites de pagina unica que você clica no menu e a pagina rola ate aparte que se refere. esta imagem e a div que vai ter o checkbox essa e a div que eu quero, que quando o checkbox estiver selecionado, chegue nela aguardo ajuda de alguém, sou muito ruim com javascript
  15. Estou criando um jogo da memoria usando essa playlist: https://www.youtube.com/playlist?list=PLclUTiUoLCbC7ynbckOgMO0sXHh5uXVv8 mas quando chego no video 4, meu javascript apresenta esse erro: Uncaught TypeError: Cannot read property 'length' of undefined preciso de ajuda. Meus codigos js, html e css: https://github.com/anabeatrizzz/ana
  16. lmroot2

    Somar 180 dias a uma data

    Boa tarde a todos, Estou com a seguinte situação. - No meu formulário tem um input tipo data onde eu informo da data de emissão do ASO, um select onde eu escolho o prazo de validade do ASO. Eu quero somar um determinado número de dias a minha data de emissão para obter a data final da validade do ASO. Exemplo: 30/01/2012 + 180 dias. <div class="form-group col"> <label for="txtValidade">Validade</label> <select class="form-control" id="txtValidade" name="txtValidade"> <option value='0'>6 Meses</option> <option value='1'>1 Ano</option> <option value='2'>2 Anos</option> </select> </div> <div class="form-row"> <div class="form-group col"> <label for="txtDtEmissaoASO">Data da Emissão do ASO</label> <input type="date" class="form-control" id="txtDtEmissaoASO" name="txtDtEmissaoASO" required="required"> </div> <div class="form-group col"> <label for="txtDtValidadeASO">Data da Validade do ASO</label> <input type="date" class="form-control" id="txtDtValidadeASO" name="txtDtValidadeASO" required="required"> </div> </div> <div class="form-row"> <div class="form-group col"> <label for="txtFuncionario">Nome do Funcionário</label> <input type="text" class="form-control" id="txtFuncionario" name="txtFuncionario" required="required" pattern="^[a-zA-ZÀ-ú\s]+$" placeholder="Nome do Funcionário"> </div> <div class="form-group col"> <label for="txtEmpresa">Nome da Empresa</label> <input type="text" class="form-control" id="txtEmpresa" name="txtEmpresa" required="required" placeholder="Nome da Empresa" onblur="calcular()"> </div> </div> Segue a função Javascript. <script> function calcular(){ var valor = Number(document.getElementById("txtValidade").value); var dias = 0; var dataAtual = new Date(document.getElementById("txtDtEmissaoASO").value); var novaData = new Date(); switch(valor){ case 0: dias = 180; break; case 1: dias = 365; break; case 2: dias = 730; break; } novaData.setDate(dataAtual.getDate() + dias); var exibirData = dataAtual.getDate() + '/' + dataAtual.getMonth() + '/' + dataAtual.getFullYear(); var exibirNovaData = novaData.getDate() + '/' + novaData.getMonth() + '/' + novaData.getFullYear(); document.getElementById("demo").innerHTML = exibirNovaData; document.getElementById("demodata").innerHTML = exibirData; } </script> O retorno da variável exibirNovaData é 27/2/2020 o correto seria 28/07/2012. O que estou fazendo de errado?
  17. Olá galera tudo bem sou novo aqui no forum e eu preciso da ajuda de vocês eu sou estude de T.I e minha professora possou um avaliação muito complexa sobre isso e eu nem sei por onde começa 1. Desenvolver um algoritmo em linguagem de programação JavaScript que contenha: 2. Tema: Urna eletrônica para votação a. Entrada e saída de dados; b. Estrutura de decisão; c. Estrutura de repetição; d. Array e. Sub-rotinas f. Ordenação de dados Instruções: O mesário deverá digitar o número do documento fictício do título de eleitor e o município de votação do Eleitor, e com isto liberar a urna para que o mesmo possa escolher seu candidato a Prefeito e a Vereador. Os candidatos a Vereador são: Jose 10300, Joao 20100, Ana 30200. Os candidatos a Prefeito são: Manuel 10, Luiz 20. O número de usuários que irá votar é indeterminado. A votação será encerrada quando o mesário digitar a senha que encerra a votação (senha 12174). Ao final da votação o programa deverá exibir: 1. O número total de usuários que votaram 2. O número de votos reais em branco 3. O número de votos reais nulos 4. O número de votos reais que cada candidato recebeu (Prefeitos e Vereadores) 5. O número de votos reais que cada candidato recebeu em cada município (Prefeitos e Vereadores) 6. A porcentagem de diferença de votos reais entre o primeiro colocado e o segundo colocado 7. Deverá informar se haverá segundo turno DESAFIO: Seria possível fraudar as eleições deste exercício? Crie, dentro do algoritmo acima, um sistema de fraudes Que funcionará da seguinte maneira: 1. Na votação para Vereador: a. A cada 5 votos em branco, 1 vai para o candidato a vereador Joao 20100 b. A cada 2 votos nulos, 1 vai para o candidato a vereador Ana 30200 2. Na votação para Presidente: a. A cada 5 votos em branco, 1 vai para o candidato a vereador Joao 20100 b. A cada 2 votos nulos, 1 vai para o candidato a vereador Ana 30200 Ao final o Algoritmo deverá imprimir, além de tudo o que foi pedido acima: 1. O resultado dos votos fraudados 2. A lista de números de título de eleitor e ao, em que candidato o eleitor votou realmente. algum pode me alguma luz agradeço :)
  18. Agatacat

    Dúvida com a tag h4.

    O problema ocorre aqui: <h4>Bem vindo ao</h4> <h3>Ateliê Ingo Martin!</h3> Dentro da tag h4 preciso deixar apenas a palavra "Bem" com a inicial maiúscula, enquanto "vindo ao" com as iniciais minúsculas. Se alguém puder me ajudar eu agradeceria muito.
  19. Save! Estou desenvolvendo um sistema e resolvi colocar um parte para o "esqueci minha senha" para os usuários recuperarem e não precisarem refazer um cadastro o problema é que eu não consigo obter exito. Usei o PHPMailes mas ele não funciona Gostaria de saber se vocês conhecem algum artigo, livro ou vídeo-aula que explica como fazer isso por que as pesquisas que eu fiz na net não me retornaram resultados esperados. Desde já agradeço
  20. Michael Simoes Nilo Santana

    Selecionar item e exibir seu valor dentro do input type value

    <select name="pizzas" id="select-pizzas"> <option value=""></option> <option value="11">pizza1</option> <option value="12">pizza2</option> <option value="13">pizza3</option> <option value="14">pizza4</option> </select> <input type="pizzas" name="pizzas" id="input-pizzas" readonly="readonly" value=""> <script type="text/javascript"> var $select = document.getElementById('select-pizzas'), $input = document.getElementById('input-pizzas'); $select.addEventListener('change', function(){ $input.value = this.value === '11' ? '10,00' : '20,00' ; }); </script> tenho esse codigo acima e gostaria de saber como posso da continuidade nele no sentido que ao selecionar pizza1 mostra no input o valor de 10,00 pizza 2 me mostra o valor de 20,00 , eu pequei esse godigo aqui msm com o William Bruno mais n sei como fazer pra mostrar o retante dos valores , essa parte que me mata kk, $input.value = this.value === '11' ? '10,00' : '20,00' ;
  21. Boa noite amigos, estou com um problema em um script, ele funciona desta forma: <script> function validate(){ var i = 0, counter = 0, testeCB; testeCB = document.forms[0].testeCB; for (; i < testeCB.length; i++) { if (testeCB[i].checked) { counter++; } } if (counter==0){ alert("Você precisa selecionar pelo menos um") return false; } return true; } </script> <input type="checkbox"id="cb1" name="testeCB" value="1"> <input type="checkbox"id="cb2" name="testeCB" value="2"> mas quando eu substituo o name para name="testeCB[]" para conseguir armazenar no BD, para de funcionar.... apos algumas pesquisas, o menlhor que consegui encotrar foi isto testeCB = document.forms[0].elements['testeCB[]']; substituir ali, mas mesmo assim nao funciona, alguem tem alguma solução??
  22. Olá galera, tudo bom ? Estou com uma dúvida... Tenho uma função javascript em que faz algumas requisições de uma API... porem eu tenho q chamar essa api a cada 4 minutos! (caso o usuário tenha ativado). Tudo bem... essa função está em um arquivo chamado: Ativador.js E está configurada na index.php do meu site... (ao usuário apertar o botão ATIVAR, ele faz a requisição e com o SetInterval chama ela novamente a cada 4 minutos). Mas ai que vem minha dúvida... Ao usuário mudar de pagina, a função para e o usuário teria que apertar ATIVAR novamente... Gostaria de saber como fazer com que se o botão ativar for acionado e a função estivesse chamada (fazendo as requisições a cada 4 minutos) e o usuário mudasse de pagina isso continuaria... (Fazendo as requisições a cada 4 minutos) estilo o mini player do youtube.... POREM SE O USUÁRIO SAIR DO SITE E VOLTAR NOVAMENTE A FUNÇÃO ESTARIA DESATIVADA (O usuário teria que acionar o botão ativar novamente.,) Obrigado. Ficou meio confuso se não tiverem entendido posso explicar melhor! Só queria um norte pois não sei como iniciar, tentei fazer algo com o LocalStorage ... declarando que a função está ativada e etc... mas tive problemas!
  23. Olá, pessoas, bom dia Estou tentando fazer um autoscroll de acordo com o conteúdo que tem na pagina. Atualmente estou fazendo assim: <script src="jquery.js"></script> <script> setInterval(function(){ $("html, body").animate({ scrollTop: $(document).height() }, 200000); },2000); </script> Desse jeito eu seu que uma pagina com 300 linhas irá demorar cerca de 1min e 30 segundos para chegar até o final. Mas se precisar mudar o tamanho da fonte ou inserir imagens já terei que calcular novamente o tempo, será que existe uma maneira de fazer isso pelo tamanho do conteúdo? Por exemplo para pessa pagina eu quero que demore cerca de 5 minutos para chegar até o rodape.. para outra pagina cerca de 3 minutos independente do conteudo?
  24. Pitag346

    Carregamento de imagem

    Olá pessoal, tudo bem? Estou com uma dúvida bem bobinha... mas gostaria que me ajudassem a solucionar. Alguns sites utilizam uma forma de carregar as imagens deixando elas embaçadas/desfocadas. Até que são carregadas e elas aparecerem normalmente... Exemplo básico seria esse site: https://www.redbull.com/br-pt/athletes Sabem me explicar como isso é feito, e pra que ? Meu site usa bastante imagens, gostaria de saber se tem algum benefício ou se seria somente estética ... Obrigado! (Não sei se isso é feito em JavaScript, acredito que sim... perdão se publiquei na área errada).
  25. Olá! Esotu com uma certa dificuldade em um projeto que estou desenvolvendo em relação a funcionalidade drag and drop com jQuery/JavaScript. <div class="pricipal-menu"> <div class="col-1"> <img src="imagem/1.png"> <img src="imagem/2.png"> <img src="imagem/3.png"> </div> <div class="col-2"> <img src="imagem/1.png"> <img src="imagem/2.png"> <img src="imagem/3.png"> </div> <div class="col-3"> <img src="imagem/1.png"> <img src="imagem/2.png"> <img src="imagem/3.png"> </div> <div class="col-4"> <img src="imagem/1.png"> <img src="imagem/2.png"> <img src="imagem/3.png"> </div> </div> Bom, o que quero fazer é, por exemplo, pegar a img1 da primeira coluna (1, 1) e passá-la para a coluna 2 na posição da img2 (2,2). Até ai tudo bem, o problema é , preciso que quando a img1 for colocada na posição (2,2) a img2 que está na vá para (1,1). Exatamente como um $(...).sortable(), aliás, já tentei até mesmo com o connectWith do sortable(), mas não adianntou muito. Mais resumidamente, é fazer com que as imagens invertam a posição entre as colunas, mas não sei como. OBS: já tentei, inclusíve, colocá-las em variáveis pra depois assumirem as posições com o drag'n drop, mas cheguei no mesmo resultado do connectWith. Agradeço a atenção!
×

Important Information

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