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


Calendars

  • Comunidade iMasters

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

  1. 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.
  2. 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.
  3. 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>
  4. 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>
  5. 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!
  6. 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.
  7. 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.
  8. 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?
  9. 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
  10. 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>
  11. 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
  12. 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.
  13. 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?
  14. 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
  15. 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..
  16. 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 ?
  17. 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>
  18. boa noite colegas, Tenho um script que uso no site versão desktop (wordpress), mas gostaria de desabilita-lo na versão mobile e tablet. Já coloquei no CSS a class main-menu-containers como display: none e nada aconteceu. Coloquei a Div como display none e nada também, alguém saberia me informar como desabilito esse escript para as versões: 320px, 480px, 600px e 800px. Script abaixo: $(function () { //incluso essa variavel para setar atributos do css depois var elemento = $('.main-menu-containers'); $(window).scroll(function () { //distancia que o scroll devera rolar para aparecer o box da div if ($(this).scrollTop() > 200) { //bloco incluso para setar o css elemento.css({ 'position': 'fixed', }); $('.main-menu-containers').fadeIn(); } else { $('.main-menu-containers').fadeOut(); } }); }); Desde já agradeço a atenção de todos!
  19. Pitag346

    Select + Input + PHP

    Olá pessoal, beleza ? estou com um problema... no caso tenho esse código javascript: $('select').live ('change', function(){ if ($(this).val()=="2x"){ $(this).after( $('<input>').attr({'type':'text', 'value':'<?php echo $x2 ?>'}) ); } }); $('select').live ('change', function(){ if ($(this).val()=="3x"){ $(this).after( $('<input>').attr({'type':'text', 'value':'<?php echo $x3 ?>'}) ); } }); esse codigo, ao selecionar x2 no INPUT SELECT, ele me cria um input (tipo TEXT)... ao selecionar x3 ele cria outro input... mas se eu seleciono o 1 e depois mudo pro outro ficam os dois inputs la... queria que substituíssem sabe ? Caso eu selecionar o x2 vai ficar o x2.... se eu selecionar o x3 retira o input x2 e exibe o x3... espero que entendam e me ajudem! obrigado (estou começando agora com JAVASCRIPT)....
  20. Rodrigo Razzyel

    botão de compra

    Olá pessoal, não estou conseguindo fazer com o que o valor do resultado da id="litResultado"> apareça no campo <input type="text" name="item_valor_1" value="" >.. ou seja quando o usuario clicar em calcular distacina ele vai ter o resultado e o valor a ser pago no pague seguro. ai eu preciso enviar o valor do resultado para o botão do pag seguro para ele pagar o valor calculado. veja o codigo abaixo. <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="100%" 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" /> </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="200" border="0"> <tr> <th 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"> // AQUI VAI O PREÇO QUE O A PESQUISA DA <input type="text" name="item_valor_1" value="" > <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>
  21. Gisele.Passoni

    Capturar e-mail dos visitante do site

    Boa tarde a todos! Gostaria de saber se existe uma forma de capturar o e-mail de quem está visitando o site de nossa instituição. Usaremos esse e-mail para enviamos informações sobre nossas unidades escolares e dos nossos cursos. Aguardo resposta!!
  22. Boa noite iMasters, Eu estou tentando fazer meu próprio sistema de captcha e gostaria de saber se existe uma maneira de gerar, aleatoriamente um caractere que está dentro do regex... mais ou menos assim: var alph = /[A-Z]/; var num = /0-9/; var captcha = ""; for (var i=0; i<5; i++) { captcha += // caractere random que corresponde a variável alph captcha += // caractere random que corresponde a variável num } Não sei se ficou claro... espero que compreendam. Muito obrigado. ---
  23. bom possuo um input html do tipo date: <input name="data" type="date"></input> e nao consigo alterar o formato da data de: mm/dd/yyyy PARA dd/mm/yyyy alguem que ja passou por issu pode me ajudar ou dar alguma dica?
×

Important Information

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