Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 6 de 6

Tema: Como hacer referncia a evento onclick desde Javascript Externo

  1. #1
    Recien Llegado! Merodeador
    Fecha de Ingreso
    14 abr, 15
    Mensajes
    3
    Poder de Reputación
    0

    Como hacer referncia a evento onclick desde Javascript Externo

    Hola!!!

    Necesito separar Javascript de archivo Html, utilizando onclick para hacer referencia a eventos y nose como recibir el evento desde un .js.

  2. #2
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,044
    Poder de Reputación
    21
    Hola!

    Funciona igual que cuando el código está incrustado en el HTML. Para que hagas una prueba:

    index.html
    Código HTML:
    <!DOCTYPE html>
    <html>
    	<head>
    		<title>Javascript test</title>
    	</head>
    	<body>
    		<a href="#" id="click-me">Hazme click!</a>
    		<script src="prueba.js"></script>
    	</body>
    </html>
    prueba.js
    Código:
    function handleClick(event)
    {
      alert('click');
    }
    
    document.getElementById('click-me').onclick = handleClick;
    Guarda ambos archivos en una misma carpeta y abre el archivo index.html con un navegador (Firefox, Opera, etc.).

    De todos modos, te recomiendo que utilices jQuery, pues el código se reduce bastante (lo que tú debes escribir):

    index.html
    Código HTML:
    <!DOCTYPE html>
    <html>
    	<head>
    		<title>Javascript test</title>
                    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
    	</head>
    	<body>
    		<a href="#" id="click-me">Hazme click!</a>
    		<script src="prueba.js"></script>
    	</body>
    </html>
    prueba.js
    Código:
    jQuery(document).ready(
    function($) {
      $('#click-me').click(function($) {
        alert('Haz hecho click');
      });
    });
    Además, la línea

    Código:
    jQuery(document).ready(function() {})
    es un evento que ejecuta la función una vez que el documento se haya cargado por completo, por lo que no faltarán elementos en la página al momento de ejecutar el evento click. Puede ocurrir que el archivo prueba.js se cargue antes que el elemento a, por lo que es posible que el evento nunca se "enlace" y cause un error.

    Espero que te sirva :).

    Saludos!
    Última edición por skaparate; 14/04/2015 a las 15:59

  3. #3
    Recien Llegado! Merodeador
    Fecha de Ingreso
    14 abr, 15
    Mensajes
    3
    Poder de Reputación
    0
    Hola, gracias por tu ayuda, lo probe de las dos formas, la primera respuesta resulta bien, la segunda con jQuery no hace nada, hasta el momento mis programas son con funciones javascript incluidas en html, por lo cual tengo varios botones con eventos, ya sea onkeypress, onclick, y es primera vez que trabajo de esta forma, se me ha complicado....

  4. #4
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,044
    Poder de Reputación
    21
    En el segundo ejemplo, puede que me haya equivocado en el código o que no se haya cargado la librería jQuery. Revisa la consola de errores para que puedas averiguar qué ocurrió (presionando F12, dependiendo de tu navegador).

    Ojalá te sirva :)

  5. #5
    Recien Llegado! Merodeador
    Fecha de Ingreso
    14 abr, 15
    Mensajes
    3
    Poder de Reputación
    0
    Descargue la libreria, asi que ningun problema, lo probe y funciona, muchas gracias por tu ayuda, no sabes cuanto tiempo me tomo esto.....

  6. #6
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    24 oct, 17
    Mensajes
    1
    Poder de Reputación
    0
    Chicos aqui les dejo mi canal espero les sirva algunos ejemplos:
    https://youtu.be/uT4l5gY6GZc
    visiten :)

Temas Similares

  1. ¿Cómo relaciono una función con eventos onClick?
    Por Lombardo en el foro Scripts
    Respuestas: 2
    Último Mensaje: 16/07/2013, 06:08
  2. Respuestas: 3
    Último Mensaje: 20/07/2012, 22:24
  3. Respuestas: 6
    Último Mensaje: 09/12/2011, 20:51
  4. ¿Como llamo a este evento?
    Por victor5atodogas en el foro Php Bases de Datos y MySQL (Nuevo!)
    Respuestas: 2
    Último Mensaje: 23/08/2010, 11:22

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •