Evento onclick accesible: OnClick JS
El proyecto OnClick JS es un script realizado en javascript para poder realizar el desarrollo de aplicaciones web más accesibles y cumplir las pautas de accesibilidad web relacionadas con los manejadores de eventos dependientes del dispositivo (Prioridad 2).
Características OnClick JS
- OnClick JS ha sido desarrollado en JavaScript.
- El tamaño de OnClick JS es de 827 bytes (versión compactada).
- Compatible con la etiqueta <a> de HTML para todos aquellos eventos onclick.
- OnClick JS ejecuta cualquiera de tus funciones en javascript.
- No hay una cantidad máxima de parámetros en la función a ejecutar.
- No hace uso de Frameworks JS.
- No es necesario usar manejadores de eventos redundantes:
onclick / onkeypress.
Descargar OnClick JS
OnClick JS v1.01 (fichero comprimido en .zip – 606 bytes)
Instalación OnClick JS
Para poder unsar OnClick JS debemos añadir los ficheros necesarios entre nuestra etiqueta <head>…</head>.
<script src="/js/onclick/onclick.js" type="text/javascript"></script>
Configuración OnClick JS
Podremos agregar la función a ejecutar por OnClick JS pasándole los parámetros que esta requiera.
rel=»onclick[NombreFuncion(, Parametro1, Parametro2..ParametroN)]»
- NombreFuncion – Nombre de la función en JavaScript que queremos ejecutar.
- Parametro1..N – Parámetros de la función separados por comas.
Ejemplos OnClick JS
Descarga los ejemplos OnClick JS.
Recuerda que el siguiente código debe añadirse entre la etiqueta <head>..</head>.
<script src="https://alejandroarco.es/wp-includes/js/onclick/onclick.js" type="text/javascript"></script> <script type="text/javascript"> function HolaMundo() { alert('¡Hola Mundo!'); } function Suma(n,m) { alert(n+' + '+m+' = ' + (n+m)); } function CargarURL(url) { var m='¿Cargar Url\nmediante JavaScript?'; if(confirm(m)) { location.href=url; } } </script>
El siguiente código debe añadirse entre la etiqueta <body>..</body>.
<h1>Ejemplos de OnClick JS</h1> <ul> <li><a title="Ejemplo uso Oclick JS - Hola Mundo" rel="onclick[HolaMundo]" href="#hola-mundo">Ejemplo uso Oclick JS - Hola Mundo (sin parámetros)</a></li> <li><a title="Ejemplo uso Oclick JS - Suma 3+6" rel="onclick[Suma,3,6]" href="#suma">Ejemplo uso Oclick JS - Suma 3+6 (con parámetros)</a></li> <li><a title="Ejemplo uso Oclick JS - Cargar URL" rel="onclick[CargarURL,'https://alejandroarco.es']" href="https://alejandroarco.es">Ejemplo uso Oclick JS - Cargar URL (accesible con JS deshabilitado)</a></li> </ul> <div><a title="administracion de sistemas y desarrollo de aplicaciones informaticas" href="https://alejandroarco.es">Alejandro Arco</a></div>
Compatibilidad OnClick JS
OnClick JS es compatible y se ha testeado con los siguientes navegadores (browsers): Internet Explorer 6+, Opera 9, Firefox 1.5+ y Safari 2+, con javascript habilitado.
Registro de cambios OnClick JS
- OnClick JS 1.01 (29/10/2008) – Publicación inicial
Excelente script, me ha sido de mucha utilidad.
Gracias!!!
Muy bueno! Muchas gracias es de mucha utilidad hoy en día.