Pesquisar na Comunidade
Mostrando resultados para as tags ''javascript''.
-
Gelera, estou iniciando meus estudos em html, css, e javascript, será que vocês podem em ajudar dando algumas dicas? O problema é o seguinte: Estou querendo fazer um efeito de aumento de temperatura usando css com javascript, no qual quando o mouse passar por cima do termômetro a temperatura sobe, eu já comecei a escrever o html só que estou agarrado na parte onde o mouse passa por cima do termômetro, o problema é que não sei se é isso que estou pensando que tem que fazer,tipo onmouseover na imagem chama o css que altera a div, porfavor me ajudem, pesquisei muito já, só que sou bem iniciante mesmo, Obrigado desde já ! Segue o link: https://learningproject-hrugani.c9.io/brunny/teste/teste.html
-
Olá pessoal, boa noite Estou quebrando a cabeça pra achar na internet mas tá dificil ai achei o forum aqui e vi muitos conteudos produtivos... Minha dúvida é a seguinte: Uma textarea onde digita os numeros de um boleto, a partir dele quando clicar no botao gerar boleto, ele vai mostrar o valor dele, a data de vencimento e o banco, porem ele não deu nenhuma dica de como fazer esse bendito programa... já varri a internet atras de algo que possa ajudar mas foi em vão. Se alguém tiver alguma ideia de como fazer essa magica por favor, da uma luz ae kkkk. Obrigado desde já
-
Estou fazendo 3 galerias com html através do JavaScript, o código e o mesmo e estou repetindo ele através da variável x, com o loop while. Ao lado de cada galeria existe a opção "veja mais", que, ao clicar, deve carregar uma página com todas as fotos da correspondente galeria(a que foi clicada). A função que carrega todas as imagens é a função maisGaleria(n), e pretendo passar o valor de n através do x, da página das galerias. Porém, não consigo. Creio que preciso recuperar esse valor na página pics.html para então passar o valor do parametro a função, acho que posso fazer isso pegando a url mas não sei como. Alguma dica ? As galerias: while(x <= 3){ imgs.innerHTML += "<div id='gal"+x+"' class='row'>"; imgs.innerHTML += "<div class='eight columns'>"; imgs.innerHTML += "<h4>Galeria "+x+"</h4>" for(var i = 0; i <= 3; i++){ galeria = "foto"+x+"_"+(i+1)+".jpg"; } //se utilizar <=galeria.length, ele adicionara um valor vazio, que foi atribuido devido ao (i+1) do outro for. for(var i = 0; i < galeria.length; i++){ imgs.innerHTML += "<img src='img/"+galeria+"' class='imgs-galeria'>"; } imgs.innerHTML += "</div>"; imgs.innerHTML += "</div>"; imgs.innerHTML += "<a id='veja' href='pics.html' onclick='maisGaleria("+x+");'><div id='link'><p>Veja mais</p></div>" x++; } A função: function maisGaleria(n){ var galeria = new Array(); var img = $("#gallery"); img.innerHTML = "<div class='row'>"; img.innerHTML += "<div class='six columns'>"; //imgs.innerHTML += "<h4>Galeria"+n+"</h4>"; for(var i = 0; i <= 3; i++){ galeria = "foto"+n+"_"+(i+1)+".jpg"; } //se utilizar <=galeria.length, ele adicionara um valor vazio, que foi atribuido devido ao (i+1) do outro for. for(var i = 0; i < galeria.length; i++){ img.innerHTML += "<img src='img/"+galeria+"' class='imgs-galeria'>"; } img.innerHTML += "</div>"; img.innerHTML += "</div>"; } E a página: <body onload="maisGaleria();"><!-- como passar esse valor ? --> <div class="center"> <div class="row"> <div class="four columns top"> <h5></h5> </div> <div class="eight columns menu"> <ul> <a href="index.html"><li><h4 class="menu-list">Home</h4></li></a> <a href="galeria.html"><li><h4 class="menu-list">Galeria</h4></li></a> <a href="sobre.html"><li><h4 class="menu-list">Sobre</h4></li></a> <a href="contato.html"><li><h4 class="menu-list">Contato</h4></li></a> </ul> </div> </div> <div class="row galeria"> <div id="gallery" class="container"> </div> -
Olá pessoa, Tenho uma idéias e não estou conseguindo implementar. Primeiro: Tenho uma página que é divida em duas partes: na parte à esquerda eu tenho um painel vertical com algumas opções e menus. na parte a direita fica uma tela maior onde são apresentadas a ações do que é feito na tela à esquerda. exemplo:o usuário clica em um botão salvar tela como imagem a tela a direita muda e abre uma outra tela(ajax) com o print da tela anterior e a url da pagina é salva. Utilizo isto porque estou implementando um sistema de inspeção de usabilidade. https://www.dropbox.com/s/4pdsflofcdwync0/1.png?dl=0 https://www.dropbox.com/s/l8y7tsxm6q5md4y/2.png?dl=0 O que já fiz? tudo menos a parte de printscreen da tela à direita e fazer os comandos da tela a esquerda funcionarem na tela à direita. :( como posso implementar isto? algum exemplo? tutorial? algum norte... E quanto ao iframe e frame eu quero substituir por javascript...mas tem que ter o mesmo efeito, tipo poder navegar na tela sem interferir na tela à esquerda... quero sair do iframe e frame pois alguns sites não permitem o uso disto, ae eles não aparecem na tela à direita quando entro com a url deles no frame ou iframe. Grato à quem cooperar comigo.
-
Olá pessoal ! I tenho um \Javascript\Galeria de Imagens\Script e estou tentando modificáfalo para ficar de maneira simples... O link é (http://www.colegioramoslopez.com/Internet_Explorer_9/image_gallery_test/1/index.html). O que eu preciso ter no momento é: 1-) Quando a página carrega....precisa ficar em (1/11), não em (0/11) e obviamente quando carregada em 1/11 mostrar a primeira imagem 1 de 11; 2-) Quando eu clicar no link 'close', deve fechar a janela... No aguardo Obrigado pela atenção Carlos ---------------- EIS O CÓDIGO .JS ABAIXO //GLOBALS var nl = "\n"; // new line, for nice code :-) var imgFolder = 'imagens_grandes'; //folder with subfolders that contain big images var smallFolder = 'imagens_pequenas'; //folder with subfolders that contain small images (thumbnails) var imgName = 'imagem'; //image name (e.g. the first image is photo-001 - or if you change name to "image" then the first image name is image-001) var imgExt = 'jpg'; //extension (filetype) for big images var smallExt = 'gif'; //extension (filetype) for small images var setColumns = 5; // how many columns per page var setRows = 0; // how many rows to skip before scroll starts, check and adjust manually var setHeight = 76+10+10; // this is important for scroller: max small image (thumbnail) height + <td> padding-top + <td> padding-bottom (see css file) //GLOBALS - GALLERY FOLDERS ('<folder>', <number of images>) var setFolders = Array ( Array('Museu_Leonardo_Da_Vinci',11) ); //GALLERY FUNCTIONS function leadingZero(getImage){ if (getImage < 10)setImage = "00" + getImage; if (getImage > 9 && getImage < 100)setImage = "0" + getImage; if (getImage > 99)setImage = getImage; return setImage; } function initGallery(){ showGallery(0,setFolders[0][1],setFolders[0][0]); } function showMenu(){ returnData = '<tr><td id="menu" colspan="'+ setColumns +'"> | '; for (getFolder = 0; getFolder < setFolders.length; getFolder++){ returnData += '<a href="javascript:showGallery(0,'+setFolders[getFolder][1]+',\''+setFolders[getFolder][0]+'\')">'+setFolders[getFolder][0]+'</a> | '; } returnData += '</td></tr>'+nl; return returnData; } function showGallery(getImage,maxImages,setFolder){ setImage = leadingZero(getImage); imgNxt = getImage + 1; imgPre = getImage - 1; if (imgNxt > maxImages)imgNxt = 1; if (imgPre < 1)imgPre = maxImages; returnData = '<table>'+nl; returnData += '<tr id="selector">'+nl; returnData += '<td><a href="javascript:showImage('+ imgPre +','+ maxImages +',\''+ setFolder +'\')">previous</a></td>'+nl; returnData += '<td align="center"><a href="javascript:showGallery('+ getImage +','+ maxImages +',\''+ setFolder +'\')">close</a></td>'+nl; returnData += '<td align="right"><a href="javascript:showImage('+ imgNxt +','+ maxImages +',\''+ setFolder +'\')">next</a></td>'+nl; returnData += '</tr>'+nl; returnData += '<tr><td colspan="3"><a href="javascript:showGallery('+ getImage +','+ maxImages +',\''+ setFolder +'\')"><img src="'+ imgFolder +'/'+ setFolder +'/'+ imgName +'-'+ setImage +'.'+ imgExt +'"></a></td></tr>'+nl; returnData += '<tr id="selector"><td colspan="3">'+ getImage +' / '+ maxImages +'</td></tr>'+nl; returnData += '</table>'+nl; writeData(returnData,0); } function showImage(getImage,maxImages,setFolder){ setImage = leadingZero(getImage); imgNxt = getImage + 1; imgPre = getImage - 1; if (imgNxt > maxImages)imgNxt = 1; if (imgPre < 1)imgPre = maxImages; returnData = '<table>'+nl; returnData += '<tr id="selector">'+nl; returnData += '<td><a href="javascript:showImage('+ imgPre +','+ maxImages +',\''+ setFolder +'\')">previous</a></td>'+nl; returnData += '<td align="center"><a href="javascript:showGallery('+ getImage +','+ maxImages +',\''+ setFolder +'\')">close</a></td>'+nl; returnData += '<td align="right"><a href="javascript:showImage('+ imgNxt +','+ maxImages +',\''+ setFolder +'\')">next</a></td>'+nl; returnData += '</tr>'+nl; returnData += '<tr><td colspan="3"><a href="javascript:showGallery('+ getImage +','+ maxImages +',\''+ setFolder +'\')"><img src="'+ imgFolder +'/'+ setFolder +'/'+ imgName +'-'+ setImage +'.'+ imgExt +'"></a></td></tr>'+nl; returnData += '<tr id="selector"><td colspan="3">'+ getImage +' / '+ maxImages +'</td></tr>'+nl; returnData += '</table>'+nl; writeData(returnData,0); } function writeData(returnData,setScroll){ document.getElementById('gallery').innerHTML = returnData; scrollTo(0,setScroll); } //START initGallery();
-
Boa tarde Pessoal, Sou novato aqui e necessito de ajuda urgente para um código de JS. O que acontece: Tenho um objeto que quando sobreposto com outro objeto, precise que crie um bullet (•) na mesma div desde objeto (Ou seja, preciso fazer algo parecido com "if (objetos > 1) { $(this).append("<br>•") e, após isso, seja possível trocar do primeiro para o segundo objeto clicando nele ou utilizando swap, afetando também os bullets (tirando e removendo as classes). Tenho os seguintes códigos: Ao largar o objeto onde quero => function drop(ev) { ev.preventDefault(); $("#project-description").remove(); $("#project").val(""); var data = ev.dataTransfer.getData("text\html"); var element = $(document.getElementById(data)); var target = $(ev.target).closest(".produto"); var project; for (var i = 0; i < projects.length; i++) if (projects[i].value == data) project = projects[i]; if (project.video) { $(target).append(project.video); element.remove(); } else if (element[0].tagName == "IMG") { if (!$(':first-child',target).hasClass('ativo')) { target.empty(); $("<div>").addClass("ativo").appendTo(target); } $(".ativo",target).prepend(element); AtivaSlide($("body")); } } O que tenho até agora para a sobreposição => function AtivaSlide(container) { if (container.ativos) for (var i = 0; i < container.ativos.length; i++) clearInterval(container.ativos[i]); container.ativos = []; $(".ativo", container).each(function() { var $this = $(this); if ($this.children().length > 1) { $("img:gt(0)", $this).hide(); onclick(function() { $(':first-child', $this) .hide() .next("img") .end() .appendTo($this); }); } }); }
-
Bom dia galera , aonde eu trabalho esta precisando de freelancer para programador em PHP e JavaScript com urgência se alguém tiver interesse por favor deixar o contato ou entra em contato comigo via whatApp : (11)96200-9930 a empresa fica em são Paulo capital , ...... -
Olá, estou dando seguimento a um projeto de um colega meu que usa PHPOO e JS, porém quando eu vou abrir a página no meu navegador, não carrega uma lista de empresas que vem do banco, porém não é conexão, pois as categorias são outra parte que vem do banco de dados e estão carregando normalmente! Um detalhe importante é que no MAC do meu professor ele roda normalmente, enquanto nos computadores com Windows e Linux ele apresenta esse problema; vale também ressaltar que o projeto foi feito no Linux! Já experimentei O Wamp e o Xampp e ambos tem o mesmo problema! Segue no print o erro no console Js do Google Chrome: http://prntscr.com/6l04yo (O erro fica localizado no Doctype, linha 1) Quando verem, podem pedir os códigos e desde já agradeço a ajuda!
-
Estou fazendo uma atualização da página sem refresh. Tenho a seguinte div: <div class="span12" id="divAndamentos" style="margin-left: 0"> <table class="table table-bordered"> <thead> <tr> <th>Data Inicial</th> <th>Procedimento</th> <th>Data Final</th> <th>Usuário</th> <th>Editar</th> </tr> </thead> <tbody> <?php foreach ($andamentos as $andamento) { ?> <form action="<?php echo base_url() ?>os/adicionarProcedimento" method="post"> <tr> <td><?php echo $andamento->data_inicio ?></td> <td><textarea class="span12" name="procedimentos" id="procedimentos" cols="30" rows="3"><?php echo $andamento->procedimento ?></textarea></td> <td><?php if ($andamento->data_fim == "0000-00-00 00:00:00") echo ""; else echo $andamento->data_fim ?></td> <td> <?php echo $andamento->nome ?></td> <td> <input type="hidden" name="idAndamentos" id="idAndamentos" value="<?php echo $andamento->idAndamentos?>" /> <button <?php if ($andamento->procedimento!="" || $andamento->usuarios_id!=$this->session->userdata('id')) echo "disabled"; ?> class="btn btn-success span6"> Cadastrar</button> </td> </tr> </form> <?php } ?> </tbody> </table> </div> Quando é feito um load pelo ajax, o form não funciona quando eu utilizo tabelas, porém sem elas funciona normalmente. Alguém pode me ajudar? Obrigado Script que é chamado através de um botão. $("#formAndamentos").validate({ submitHandler: function( form ){ var dados = $( form ).serialize(); $("#divAndamentos").html("<div class='progress progress-info progress-striped active'><div class='bar' style='width: 100%'></div></div>"); $.ajax({ type: "POST", url: "<?php echo base_url();?>os/adicionarAndamento", data: dados, dataType: 'json', success: function(data) { if(data.result == true){ $( "#divAndamentos" ).load("<?php echo current_url();?> #divAndamentos" ); } else{ $( "#divAndamentos" ).load("<?php echo current_url();?> #divAndamentos" ); alert('Aguarde mais de 5 minutos para colocar novo procedimento.'); } } }); return false; } });
-
Quando clico no botão "Adicionar", é adicionado um novo procedimento, então é criada um linha para eu escrever o procedimento e "Cadastrar". Quando eu clico em Adicionar, eu não consigo cadastrar, ou seja, depois que é feito o "load", não funciona mais meu botão "Cadastrar", então tenho que dar um F5, alguém sabe o porque? ----------------PARTE DO HTML/PHP------------------------------- <div class="tab-pane" id="tab3"> <div class="span12 well" style="padding: 1%; margin-left: 0"> <form id="formAndamentos" action="<?php echo base_url() ?>os/adicionarAndamento" method="post"> <input type="hidden" name="idOs" id="idOs" value="<?php echo $result->idOs?>" /> <label for="">Adicionar Procedimento</label> <button class="btn btn-success"><i class="icon-white icon-plus"></i> Adicionar</button> </div> <div class="span12" id="divAndamentos" style="margin-left: 0"> <table class="table table-bordered"> <thead> <tr> <th>Data Inicial</th> <th>Procedimento</th> <th>Data Final</th> <th>Usuário</th> <th>Editar</th> </tr> </thead> <tbody> <?php foreach ($andamentos as $andamento) { ?> <tr> <form action="<?php echo base_url() ?>os/adicionarProcedimento" method="post"> <td><?php echo $andamento->data_inicio ?></td> <td><textarea class="span12" name="procedimentos" id="procedimentos" cols="30" rows="3"><?php echo $andamento->procedimento ?></textarea></td> <td><?php if ($andamento->data_fim == "0000-00-00 00:00:00") echo ""; else echo $andamento->data_fim ?></td> <td> <?php echo $andamento->nome ?></td> <td> <input type="hidden" name="idAndamentos" id="idAndamentos" value="<?php echo $andamento->idAndamentos?>" /> <button <?php if ($andamento->procedimento!="" || $andamento->usuarios_id!=$this->session->userdata('id')) echo "disabled"; ?> class="btn btn-success span6"> Cadastrar</button> </td> </form> </tr> <?php } ?> </tbody> </table> </div> </div> ---------------------AJAX------------------------------------------- $("#formAndamentos").validate({ submitHandler: function( form ){ var dados = $( form ).serialize(); $("#divAndamentos").html("<div class='progress progress-info progress-striped active'><div class='bar' style='width: 100%'></div></div>"); $.ajax({ type: "POST", url: "<?php echo base_url();?>os/adicionarAndamento", data: dados, dataType: 'json', success: function(data) { if(data.result == true){ $( "#divAndamentos" ).load("<?php echo current_url();?> #divAndamentos" ); } else{ $( "#divAndamentos" ).load("<?php echo current_url();?> #divAndamentos" ); alert('Aguarde mais de 5 minutos para colocar novo procedimento.'); } } }); return false; } });
-
bem, estou criando um site, e na área de login coloquei um slide no body de fundo e td mais até ai td bem, mas quero colocar um bootstrap de login no meio da page, mas n consigo colocar o box por cima do slide, como posso fazer isso ?
-
Boa noite senhores, Tenho um botão que quando clicado aciona uma função que toca um áudio, porém não consigo fazer com que toque duas vezes simultaneamente, por exemplo: clico duas vezes rápido e toca apenas uma vez, apenas quando o áudio acaba que é possível clicar e o som sair novamente. Tem alguma forma de fazer com que a cada clique toque o áudio sem necessariamente o primeiro ter acabado? Desde já obrigado
-
Olá Pessoal, tudo bem? Estou aprendendo Javascript recentemente, e estou com uma dificuldade na resolução de um código. Vou postas o código e depois minha dúvida. var userChoice = prompt("Você escolhe pedra, papel ou tesoura?"); if (userChoice == "pedra" || userChoice == "papel" || userChoice == "tesoura") { console.log("Você escolheu: " + userChoice); } else { console.log("Sinto muito, o jogo não pode continuar porque você só pode escolher entre PEDRA, PAPEL ou TESOURA"); userChoice = prompt("Escolha entre PEDRA, PAPEL ou TESOURA"); } Como viram acima, eu criei uma IF/ELSE pra ver se o usuário colocou "PEDRA", "PAPEL" ou "TESOUSA", caso não tenha colocado isso, o código ira mandar ele escolher novamente. Porém isso só vai ocorrer durante 2 vezes, mas existe a possiblidade da pessoa colocar outra coisa que não as 3 opções. O que eu desejo fazer, é que fique rodando esta verificação até que o usuário escolha uma das três opções, caso escreva qualquer outra coisa, ela vai ficar abrindo o prompt forever (ATE ELE DEIXAR DE SER TEIMOSO, rs) Agradeço desde já pelas pessoas que tentarem solucuonar :D
-
Boa noite, Preciso de uma function em javascript que imprima no HTML um contador de 1 a 100 verificando o texto "quadrado perfeito" em cada número. Exemplo 1 2 3 4 QUADRADO PERFEITO 5 6 7 8 9 QUADRADO PERFEITO 10 11 12 13 14 15 16 QUADRADO PERFEITO ... Obrigado
-
alguém me ajuda a colocar o valor de uma var dentro de value= só quero colocar isso para que o valor mude sem precisar editar o código depois o código ai em baixo não está completo só preciso saber como colocar o valor de uma var em uma tag ou algo parecido <title> BARRA DE HP </title> <head> <script src=”/caminho_do_jquery/jquery.js” type=”text/javascript"> <!-- var valor_antigo = 90; var valor_ataque = 10; var valor_atual = valor_antigo - valor_ataque; function resultado(){ var valor_atual; } //--> </script> <style> .progress {background-color: #f3f3f3; border: 0; height: 15px; border-ratius: 9px;} </style> </head> <body> <progress class="progress" max="100" value= "AQUI QUERO QUE DE O VALOR DE VALOR_ATUAL"></progress> </body>
-
Olá pessoal, tenho uma dúvida e gostaria de saber se alguém tem uma noção de como saná-la. Estou fazendo um trabalho para faculdade e preciso que através de teclas do teclados, por exemplo uma tecla especifica "a" seja disparado um onclick para que através disso seja trocada uma imagem por outra específica, no caso simularia o acendimento de uma lampada trocando a imagem de uma lampada apagada por outra lampada acesa ao apertar essa tecla "a", por exemplo. O grande problema é esse, fazer isso acontecer com o teclado, pois com o mouse já consegui fazer mas não ajuda muito. Se alguém tiver alguma dica faça comentário, por favor. A linguagem utilizada é javascript, mas estou aberto a novas ideias. Andei pesquisando sobre a biblioteca jquery,mas ainda não há um codigo satisfatorio. <!DOCTYPE html> <html lang="PT-BR"> <head> <body> <meta charset ="UTF-8"> <style> .on { padding: 9px 15px; width: 85px; height: 40px; font-family: arial; font-size:medium; font-weight: bold; background-color: #aad450; box-shadow: inset 0 1px 1px #fff, 0 2px 3px #666; border-style:groove; cursor:pointer; } .off { padding: 9px 15px; width: 100px; font-family: arial; font-size:medium; font-weight: bold; margin-right: 55px; background-color: #fc6; box-shadow: inset 0 1px 10px #fff, 0 2px 30px #666; border-style:groove; cursor:pointer; } </style> <title>Acionamento de Lâmpadas</title> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> function mudaimg(){ elem = document.getElementById("imgvolume").src = "http://i.imgur.com/pDfTeZW.png"; } function mudaimge(){ elem = document.getElementById("imgvolume").src = "http://i.imgur.com/dZZb6iQ.png"; } $(document).bind('keydown','a', function(e) { $("#imgvolume").trigger('click'); }); // Definir clique $("#imgvolume").click(function mudaimg(){ }); </script> <h1><center><font face="Arial" color="green" SIZE="10">Teste de iluminação</font></center></h1> <TABLE align='center'> <TR><TD><img src="http://i.imgur.com/dZZb6iQ.png" id="imgvolume"></br></TD> </TR> </TABLE align='center'> <TABLE align='center'> <TR><TD><br><a href="#"><span class="on"onclick="mudaimg()">on</span></a> <a href="#"><span class="off"onClick="mudaimge()">off</span></a></TD> </TR> </TABLE align='center'> </body> </html>
-
Há o array A e B, o A colocasse o nome da pessoa e o B a idade dela. E há o C que é composto por somente aqueles que possuem mais de 20 anos. Esse C tem que ter o nome e a idade da pessoa que condiz com essa condição. O código que consegui fazer até agora: function idade() { var A = new Array(); var B = new Array(); var j; for (var i=0; i <= 2; i++) { elemA = (prompt("Nome: ", "")); A.push(elemA); elemB = parseFloat(prompt("Idade: ", "")); B.push(elemB); } if(i > 20){ A.push(elemA); B.push(elemB); } alert("Nomes: [" + A.join() + "]\n" + "Idades: [" + B.join() + "]\n"); }
-
Crie um vetor e em seguida, leia dois valores, correspondentes a duas posições do vetor. Ao fim, o script deve escrever a soma dos valores encontrados nas respectivas posições X e Y. Até o momento só consegui criar o vetor: function posicao() { var A = new Array(); var x, y, z; for (var i = 0; i <= 4; i++){ elemA = parseInt(prompt("vetA: ", "")); A.push(elemA); } }
-
<script type="text/javascript"> function populate(o) { d=document.getElementById('de'); if(!d){return;} var mitems=new Array(); mitems['carro']=['FIAT','CHEVROLET','KIA','PEUGEOT']; mitems['moto']=['YAMAHA']; mitems['caminhao']=['VOLVO']; mitems['consorcios']=['ABC EXEMPLO']; d.options.length=0; cur=mitems[o.options[o.selectedIndex].value]; if(!cur){return;} d.options.length=cur.length; for(var i=0;i<cur.length;i++) { d.options[i].text=cur[i]; d.options[i].value=cur[i]; } } </script> <select name="tipo" id="tipo" class="form-control" onchange="populate(this)"> <option value="">Selecione o tipo</option> <option value="carro">Carro</option> <option value="caminhao">Caminhão</option> <option value="consorcios">Consórcios</option> <option value="moto">Moto</option> </select> <select name="de" id="de" class="form-control"> </select> Sou iniciante e não tenho muita prática em Javascript. Tenho o seguinte código acima que é um sistema parecido com aqueles de estado e cidade, pelo qual você escolhe o estado e é preenchido as capitais daquele estado, feito em Javascript e Html. No meu caso quero fazer com Tipo-Marca-Modelo. Ele está funcionando perfeitamente ao selecionar o tipo ele verifica e insere no select "de" as opções corretas. Só que estou querendo adicionar um terceiro select ( modelo ), só que não sei como fazer. Assim selecionaria o tipo> marca> e os modelos do tipo e da marca. Alguém pode me ajudar?
-
Pessoal no código abaixo, dentro do script apos o conteudo dentro de window.onload, fora dele vocês podem observar a funçaõ showHide (el, mode), ela dispara um evento no formulário de modo que se uma das condições dentro dos if's dentro de window.onload não for obedecida uma mensagem de erro temporizada e ativada, mostrada por 2 segundos e depois desaparece. Gostaria de saber por que se essa mesma funçao for declarada dentro de window.onload antes de ser usada nos if, isso gera um BUG no qual ela não temporiza da forma correta (testei pra varios valores de segundos), e a mesma so funciona se for omitido o return false depois do if. ps: O CODIO DO JEITO QUE ESTA, FUNCIONA, DESDE QUE A FUNCAO showHide() esteja FORA DE window.onload, porem quando declarada dentro GERA O BUG <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Exercicio 05</title> <link href='http://fonts.googlea...reek,vietnamese' rel='stylesheet' type='text/css'> <script type="text/javascript"> window.onload = function () { var form = document.getElementById("form"); var nome = document.getElementById("name"); var phone = document.getElementById("phone"); var mail = document.getElementById("mail"); var login = document.getElementById("login"); var pass = document.getElementById("password"); var send = document.getElementById("submit"); var validaEmail = /^\w+@\w+\.com$/igm; var validaLogin = /^(\w|\d)+$/igm; var allInputs = document.getElementsByTagName("input"); for (var i = 0; i < allInputs.length; i++) { allInputs.size = 40; } function insertMessage (idElement, message) { var element = document.getElementById(idElement); element.innerHTML = message; } send.onclick = function () { if (nome.value == "" || mail.value == "" || login.value == "" || pass.value == "") { insertMessage('error', 'Preencha todos os campos obrigatórios!'); showHide('error', 'block'); } else if (validaEmail.test(mail.value) == false){ insertMessage('error', 'Email no formato incorreto!'); showHide('error', 'block'); } else if ((login.value.length > 12 ||login.value.length < 6) && validaLogin.test(login.value)){ insertMessage('error', 'Login deve ter entre 4 a 12 caracteres e não pode usar caracteres especiais!'); showHide('error', 'block'); } else { showHide('error', 'none'); form.submit(); } return false; } } function showHide (el, mode) { document.getElementById(el).style.display = mode; setTimeout("showHide('error', 'none')", 2000); } </script> <style type="text/css"> * { margin: 0px; padding: 0px; list-style: none; outline: none; } form { width: 400px; height: 500px; border: 2px solid #000000; border-radius: 30px; margin: 50px auto; } label { display: block; margin-left: 70px; margin-top: 40px; font-family: 'Roboto Condensed', sans-serif; } input { margin-left: 70px; margin-bottom: 30px; font-family: 'Roboto Condensed', sans-serif; display: block; } #error { width: 400px; height: 40px; border: 2px solid #000000; border-radius: 30px; margin: 10px auto; background-color: #d6a95f; text-align: center; text-transform: uppercase; line-height: 40px; font-size: 15px; font-family: 'Roboto Condensed', sans-serif; display: none; } </style> </head> <body> <div id="error"></div> <form action="" method="get" id="form"> <label for="name">Nome* : </label> <input type="text" name="nome" id="name"/> <label for="phone">Telefone : </label> <input type="text" name="telefone" id="phone"/> <label for="mail">E-mail* : </label> <input type="text" name="email" id="mail"/> <label for="login">Login* : </label> <input type="text" name="login" id="login"/> <label for="password">Senha* : </label> <input type="password" name="senha" id="password"/> <input type="submit" name="enviar" id="submit"/> </form> </body> </html>
-
Tenho uma dúvida Tenho duas datatables em uma tela, a primeira seria a tabela principal e a segunda registros dependentes. Gostaria que no ato de clicar sobre um registro da primeira tabela me retornasse valores associados na tabela dependente abaixo. As tabelas já estão criadas com chave estrangeira, porém não sei por onde começar para fazer este evento, se tenho que fazer alguma função em javascript ou algo assim. `paginas` ( `id_pagina` int(11) NOT NULL AUTO_INCREMENT, `nome_pagina` varchar(40) DEFAULT NULL, `descricao` varchar(150) DEFAULT NULL, PRIMARY KEY (`id_pagina`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=6 ; `dependentes` ( `id_pagina_ref` int(11) NOT NULL AUTO_INCREMENT, `id_pagina` int(11) NOT NULL, `nome_pagina` varchar(50) NOT NULL, `componente_pg` varchar(30) DEFAULT NULL, `nome_componente` varchar(40) DEFAULT NULL, `descricao` varchar(150) DEFAULT NULL, PRIMARY KEY (`id_pagina_ref`), KEY `fk_animais_usuario` (`id_pagina`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ; Aqui está a função para consulta, como criar um evento para apresentar o valor com a FK igual na tabela ? public function exibir_nome(){ $resultado = parent::consulta("SELECT * FROM " . self::$tabela ); $html = ""; while ( $row = $resultado->fetch_assoc() ) { $html .="<tr><td>{$row['nome_pagina']}</td><td>{$row['descricao']}</td><td>{$row['id_pagina']}</td></tr>"; } return $html; } public function exibir_dependentes(){ $resultado = parent::consulta("SELECT * FROM " . self::$tabela_dep ); $html = ""; while ( $row = $resultado->fetch_assoc() ) { $html .="<tr><td>{$row['nome_pagina']}</td><td>{$row['componente_pg']}</td><td>{$row['nome_componente']}</td><td>{$row['descricao']}</td><td>{$row['id_pagina']}</td></tr>"; } return $html; } } Obrigado
-
Velocidade para carregar slide em Javascript
uma questão postou ZaneTelles Ajax, JavaScript, XML, DOM
Bom dia, meu site tem dois slides nas laterais em Javascript que fazem conexão com o banco de dados com um php. O problema é que ele demora muito pra carregar e gostaria de fazer as imagens carregarem bem mais rapitas. alguém poderia me ajudar?? Meu slide em js // JavaScript Document //Variáveis var varAjaxBotoes; var varRetBotoes = ""; var varTimeOutBotoes = ""; function Visualiza_BtnEsquerdo(Consulta) { if (Consulta == 1) { //<!--CARREGA A VARIAVEL DO Ajax--> if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari varAjaxBotoes = new XMLHttpRequest(); } else {// code for IE6, IE5 varAjaxBotoes = new ActiveXObject("Microsoft.XMLHTTP"); } if (varAjaxBotoes) { var varUrl = 'bancodados/btnEsquerdo.php' //?BtnEsq='+Consulta varAjaxBotoes.onreadystatechange = VerificadorDeEstadoBotoes; varAjaxBotoes.open("GET", varUrl, true); varAjaxBotoes.send(null); } } if (varRetBotoes == "") { varTimeOutBotoes = setTimeout('Visualiza_BtnEsquerdo(0)', 1000); } else { <!-- PREENCHE O NOVO CONTEÚDO DA TD ------------------------------------------ //alert(varRetBotoes); document.getElementById('btnEsquerdo').innerHTML = varRetBotoes; varRetBotoes = ""; clearTimeout(varTimeOutBotoes); varTimeOutBotoes = ""; varAjaxBotoes = ""; Visualiza_BtnDireito(1); $(document).ready(function() { $('.slider').cycle({ fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... }); }); } } function VerificadorDeEstadoBotoes(){ if(varAjaxBotoes.readyState == 4){ // Completo if(varAjaxBotoes.status == 200){ // Resposta do Servidor: OK varRetBotoes = varAjaxBotoes.responseText; }else{ varRetBotoes = varAjaxBotoes.statusText; } } } -
Bom pessoal, já vou logo avisando que sou um noob em javascript, meu problema é o seguinte: Eu preciso de dois botoes que aumente e diminua um valor, eu tentei algumas funções mas a soma não ocorre var cont = 1; function click(){ cont++; } já tentei varias outras funçoes para isso mas nenhuma ficou do jeito que eu queria, pra chamar a função eu usei um botao comum <button id="next" type="button" value="" onclick="click()">Next</button> Se alguém souber?? grato!
-
Bom dia pessoal, tenho a seguinte lista: var x = {0: "C", 1: "A", 2: "T"} Quero ordenar para: var x = {1: "A", 0: "C", 2: "T"} Já tentei de algumas formas, mas sem sucesso... Essa lista vem de um json, quando o json sai do php já ta ordenado, mas quando chega no js fica como no primeiro exemplo.
-
Estou com uma pagina que já veio pronta, e meu irmao que estava fazendo as alteraçoes nela, porem ele não tem muito conhecimento, so pesquisou sobre alteracoes que ele queria fazer, so coisa basica mesmo... Essa pagina não tem um caminho para os arquivos css e js...esta no proprio documento... Eu estou usando o DreamWeaver e ele aponta um erro no codigo da pagina na parte do javascript... E quando coloco no validator.w3.org so fala que tem erro nas partes que tem o "$"... Mas no DreamWeaver mostra erro somente na linha: $(if advert-pending == 'yes') alguém sabe dizer o que pode ser? A pagina tambem tem varios outros erros...se puderemme ajudar neles eu agradeco <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> $(if refresh-timeout) <meta http-equiv="refresh" content="$(refresh-timeout-secs)" /> $(endif) <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="expires" content="-1" /> <title>Status</title> <!--CSS--> <style type="text/css"> textarea,input,select { background-color: #FDFBFB; border: 1px #BBBBBB solid; padding: 2px; margin: 1px;font-size: 14px; color: #808080;} .tabula{ border-width: 1px; border-collapse: collapse; border-color: #c1c1c1; background-color: transparent; font-family: verdana; font-size: 11px;} body{ color: #737373; font-size: 12px; font-family: verdana;} a, a:link, a:visited, a:active { color: #AAAAAA; text-decoration: none; font-size: 12px;} a:hover { border-bottom: 1px dotted #c1c1c1; color: #AAAAAA;} img {border: none;} td { font-size: 12px; padding: 4px;} .style1 {color: #000000} </style> <!--JAVA--> <script language="javascript" type="text/javascript"> $(if advert-pending == 'yes') var popup = ''; function focusAdvert() { if (window.focus) popup.focus(); } function openAdvert() { popup = open('$(link-advert)', 'hotspot_advert', ''); setTimeout("focusAdvert()", 1000); } $(endif) function openLogout() { if (window.name != 'hotspot_status') return true; open('$(link-logout)', 'hotspot_logout', 'toolbar=0,location=0,directories=0,status=0,menubars=0,resizable=1,width=280,height=250'); window.close(); return false; } </script> </head> <body bottommargin="0" topmargin="0" leftmargin="0" rightmargin="0" $(if advert-pending == 'yes') onLoad="openAdvert()" $(endif)> <table width="100%" height="100%"> <td align="center" valign="middle"> <form action="$(link-logout)" name="logout" onSubmit="return openLogout()"> <table border="1" class="tabula"> $(if login-by == 'trial') <br /><div style="text-align: center;">Bem-vindo usuário!</div><br /> $(elif login-by != 'mac') <br /><div style="text-align: center;">Bem-vindo $(username)!</div><br /> $(endif) <tr> <td width="129" align="right"><span class="style1">Endereço IP:</span></td> <td width="204"><span class="style1">$(ip)</span></td> </tr> <tr> <td align="right"><span class="style1">bytes up/down:</span></td> <td><span class="style1">$(bytes-in-nice) / $(bytes-out-nice)</span></td> </tr> $(if session-time-left) <tr> <td align="right"><span class="style1">conectado / esquerda:</span></td> <td><span class="style1">$(uptime) / $(session-time-left)</span></td> </tr> $(else) <tr> <td align="right"><span class="style1"><span id="result_box" lang="pt"><span title="">conectado</span></span>:</span></td> <td><span class="style1">$(uptime)</span></td> </tr> $(endif) $(if blocked == 'yes') <tr> <td align="right">status:</td> <td><div style="color: #FF8080"><a href="$(link-advert)" target="hotspot_advert">advertisement</a> required</div></td> $(elif refresh-timeout) </tr> <tr> <td align="right"><span id="result_box2" lang="pt"><span title="">Atualizar o status</span></span>:</td> <td>$(refresh-timeout)</td> </tr> $(endif) </table> $(if login-by-mac != 'yes')<br> <!-- user manager link <button onclick="document.location='http://$(hostname)/user?subs='">status</button> - end of user manager link --> $(endif) </form> </td> </table> </body> </html>
