• Wednesday , 27 May 2020

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

Code Canyon



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

3d Ocean

Related Posts

13 Comments

  1. Bernardino Games Cabanzo
    December 15, 2018 at 00:40

    Alguien me puede ayudar, el detalle que ya realice mi proyecto, pero al momento de realizar mis pruebas en mi teléfono, no funciona el onclik 🙁

  2. stiff adrian
    December 15, 2018 at 00:40

    exelente video muy claro y especifico justo lo que nesesitaba

  3. Blimil
    December 15, 2018 at 00:40

    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.

  4. DarkZen94
    December 15, 2018 at 00:40

    "HAS", no "HAZ"… son dos cosas diferentes…

  5. Mark Reus
    December 15, 2018 at 00:40

    Como hacer para con onMouseOver y OnMouseOut pueda mis pequeñas imagenes de redes sociales se agranden un poco, con tan solo pasar el puntero ???

  6. David Valencia
    December 15, 2018 at 00:40

    Hola, estos códigos se pueden poner directamente en el html de una página web? o tiene que ser desde un documento java aparte?

  7. Daniel Sandoval
    December 15, 2018 at 00:40

    Gracias!! Justo lo que necesito. Me sirvio bastante.

  8. juan eblak
    December 15, 2018 at 00:40

    como reemplazo el alerta por un url , osea que al darle clic no me tire la alerta sino que me dirija a una pagina

  9. Luis Morocho
    December 15, 2018 at 00:40

    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

  10. Adriático
    December 15, 2018 at 00:40

    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!

  11. Jorge Carmine
    December 15, 2018 at 00:40

    buen video, GRACIAS

  12. Asier González
    December 15, 2018 at 00:40

    Guay!! GraXx!

  13. pepe Don Melon
    December 15, 2018 at 00:40

    Muy buen tuto y facil. Enhorabuena

Leave A Comment

You must be logged in to post a comment.