Eventos onclick, onmouseover, onload en Javascript – tutorial basico pt 13




Codigo ejemplo aqui: http://codigoprogramacion.com/cursos/javascript/eventos-en-javascript-onclick-onload-onmouseoveronmouseout.html

En este video basico utilizaremos eventos en javascript para ejecutar algunas funciones de nuestro programa, utilizamos los eventos onclick, onmouseover, onmouseout y onload, espero que a aquellos que les interese este tema lo encuentren util.
__________________________
Sigueme en mis redes sociales:
facebook: http://facebook.com/Codigoprogramacion
twitter: http://twitter.com/jorge_vgut
Comunidad Google+: https://plus.google.com/communities/100552090276479228059
sitio web: http://codigoprogramacion.com

Canal Secundario de Gaming: http://youtube.com/beta13net

Te recomiendo a mis compañeros de tuTeam, somos un equipo dedicado a hacer videotutoriales gratuitos para la comunidad, tutoriales de programación, diseño, tecnología, multimedia y mucho mas.
Siguenos en

http://www.facebook.com/tuTEAM

Original source


13 responses to “Eventos onclick, onmouseover, onload en Javascript – tutorial basico pt 13”

  1. Excelente video, sin embar aun sigo con una duda, pero no se como explicarla a si que mejor diré lo que quiero:
    he programado un juego y he usado casi todos los clips clips como onclick, oneclick, onmouseout,…down, onkeydown. Sin embargo no logro hacer que una función se ejecute repetidas veces mientras mantengo el boton presionado, el código es el siguiente:
    <!DOCTYPE html>
    <html>
    <head><title>juegos</title></head>
    <body>
    <div id="obj"></div>
    <style >
    body { background:black;}
    #obj { position:absolute;
    background:blue;
    width:50px;
    height:50px;}
    </style>
    <script type="text/javascript">
    window.onload = function () {
    var obj = document.getElementById("obj");
    var a = 0;
    var b = 0;

    obj.onclick = function () {
    if(a>0) {b+=1; obj.style.left = b+"px";}
    }
    }
    </script>
    </body>
    </html>

    Bueno en el código he puesto onclick y he probado con varios clicks mas, pero ni uno hace que el evento el objeto se mueva como en todo juego es.

  2. Una duda y lo mismo pero en html, soy muy nuevo y no lo se mi codigo es el siguiente
    <tr>
    <td><img src="Piscinas/Piscinas2.jpg" onmouseover="this.width=500;this.height=400;" onmouseout="this.width=200;this.height=150;" width="200" height="150" />
    <td><img src="Piscinas/Piscinas3.jpg" onmouseover="this.width=500;this.height=400;" onmouseout="this.width=200;this.height=150;" width="200" height="150" />
    </td>
    </td>
    </tr>
    ahi a lo que pongo el mouse se hace grande, pero yo quiero al darle el click se haga grande si me ayudaras me servirias de muchog racias

  3. Hola Jorge! Gracias por compartir tus conocimientos!
    Por favor ayúdame con unas dudas que tengo.
    Diseñe un juego de mesa al que llame Ajedrez Azteca, mi idea es crear una red social para que se juegue en línea. Estoy aprendiendo programación HTML5, ya diseñe la pagina y ahora estoy con lo del juego, el tablero ya esta y ya importe las imágenes de las piezas; las dudas que tengo son:
    ¿Cómo creo el movimiento de las piezas con el click del mouse?
    ¿Debo crear una matriz lógica para el tablero?
    De antemano agradezco tu atención!
    Saludos!

Leave a Reply