Pesquisar na Comunidade
Mostrando resultados para as tags ''onclick''.
Encontrado 5 registros
-
Boa noite amigos, preciso chamar uma função PHP ao clicar em um botão tipo submit, é possível? Tenho o seguinte código: <form action="pagina.php" target="_blank" method="POST" > <input type="text" name="nome" /> <input type="text" name="email" /> <input type="submit" onclick="testephp()"value="Enviar"/> </form> <?php function testephp(){ comandos } ?>
-
Fazer imagem "desaparecer" com o clique do Mouse
uma questão postou brunoBH Ajax, JavaScript, XML, DOM
Galera, estou apanhando um pouco para Javascript rs, preciso fazer uma função para que quando eu clique numa imagem ela meio que desapareça, mas nao estou conseguindo, segue abaixo o meu trecho de código <html> <head> <script type="text/javascript"> var x, y; var ctx; var m=[]; var v=[] var i, j; var apagar1 = document.getElementById("i1"); function inicio() { var c=document.getElementById("cnv") ctx=c.getContext("2d"); fundo(); for(i=0;i<20;i++) { m[i]=[]; v[i]=[]; } for(i=0;i<20;i++){ for(j=0;j<20;j++){ m[0][0]=document.getElementById("i1"); m[0][1]=document.getElementById("i2"); m[0][2]=document.getElementById("i3"); }} num1(); } function fundo() { ctx.fillStyle="#000000"; ctx.fillRect(0,0,1300,600); } function num1(){ ctx.drawImage(m[0][0],100,100); ctx.drawImage(m[0][1],200,200); ctx.drawImage(m[0][2],600,525);} </script> </head> <body onload="inicio()"> <canvas id="cnv" width="1300" height="600" style="border: solid 1px black; margin: 0px auto; display: block;"> Navegador sem suporte <img src="link da img 1" id="i1"> <img src="link da img 2" id="i2"> <img src="link da img 3" id="i3"> </canvas> </body> </html> Posso utilizar somente Javascript, se puderem me ajudar eu ficaria muito agradecido, estou meio que desesperado kkkk -
Fazer imagem "desaparecer" com o clique do Mouse
uma questão postou brunoBH Ajax, JavaScript, XML, DOM
Galera, estou apanhando um pouco para Javascript rs, preciso fazer uma função para que quando eu clique numa imagem ela meio que desapareça, mas nao estou conseguindo, segue abaixo o meu trecho de código <html> <head> <script type="text/javascript"> var x, y; var ctx; var m=[]; var v=[] var i, j; var apagar1 = document.getElementById("i1"); function inicio() { var c=document.getElementById("cnv") ctx=c.getContext("2d"); fundo(); for(i=0;i<20;i++) { m[i]=[]; v[i]=[]; } for(i=0;i<20;i++){ for(j=0;j<20;j++){ m[0][0]=document.getElementById("i1"); m[0][1]=document.getElementById("i2"); m[0][2]=document.getElementById("i3"); }} num1(); } function fundo() { ctx.fillStyle="#000000"; ctx.fillRect(0,0,1300,600); } function num1(){ ctx.drawImage(m[0][0],100,100); ctx.drawImage(m[0][1],200,200); ctx.drawImage(m[0][2],600,525);} </script> </head> <body onload="inicio()"> <canvas id="cnv" width="1300" height="600" style="border: solid 1px black; margin: 0px auto; display: block;"> Navegador sem suporte <img src="link da img 1" id="i1"> <img src="link da img 2" id="i2"> <img src="link da img 3" id="i3"> </canvas> </body> </html> Posso utilizar somente Javascript, se puderem me ajudar eu ficaria muito agradecido, estou meio que desesperado kkkk -
Gostaria de saber se usando css tem como eu colocar dois comandos dentro do evento onclick <_< Exemplo -> onclick="document.getElementById('div1').style.display='block';" and "document.getElementById('div2').style.display='block';" Alguém me ajuda? :(
-
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>
