Jun 18
En algunos casos, cuando tenemos un formulario y exigimos que el usuario repita algún dato para comprobar si realmente lo ha introducido bien, muchos lo que hacemos es copiar y pegar el primero que hemos escrito y si éste está mal, evidentemente saltará la validación pero luego tendremos problemas.
Con este pequeño código javascript podemos evitar el uso de las teclas Ctrl+V (Pegar) utilizadas en estos casos para hacer el copy & paste.
function EliminarPegar(e) {
return !(e.keyCode==86 && e.ctrlKey)
}
Jun 17
Si estamos usando capas en nuestra aplicación y en un momento determinado necesitamos poner una de ellas “a nada” básicamente lo que se denomina vaciarla, podemos usar varios métodos.
El primero y más básico sería crearnos una página en blanco y mediante AJAX cargarla en esa capa, otro modo, mediante la propiedad innerHTML podemos poner el contenido a “” y por último usando DOM.
Esta última opción ha sido la seleccionada por mi compañero Alejandro, dado que innerHTML sólo se puede usar para el Internet Explorer y que no le apetecía crearse una página en blanco, por ello ha optado por usar esta función con DOM.
Yo, como buen partner he esperado a que la subiera al CVS para cogerla y postearla
function vaciarCapa(capa) {
var d = document.getElementById(capa);
while (d.hasChildNodes())
d.removeChild(d.firstChild);
}
Si quieres una función que sea válida para todos los navegadores y vacie correctamente una capa, úsala.
Jun 01
Para los amantes del trabajo fácil y el uso de Jquery, tenéis aquí una recopilación de 51 tutoriales con ejemplos sobre el uso de Jquery.
Para más información sobre jquery, visitar la página oficial.
May 21
Si estamos acostumbrados a trabajar con hojas de estilos, es posible que el atributo className nos venga muy bien, ya que con definir diferentes clases, en nuestro fichero css podremos gracias a javascript cambiar cualquier elemento con id de nuestro html de clase en tiempo de ejecución.
Para cambiar la case de un elemento deberemos utiliza el siguiente comando
document.getElementById(’elemento’).className = ‘clase’
Donde ‘elemento’ será el identificador y la clase la nueva clase, veamos un ejemplo.
<script>
function cambiarClase(){
document.getElementById(’boton1′).className = ‘clase2′
}
</script>
<input type=’button’ class=’clase1′ id=’boton1′ onclick=’cambiarClase()’>
Este ejemplo haría que cuando pulsáramos el botón1 este cambiara su clase, clase1 por la clase, clase2
May 03
Recopilación de 13 menús javascript de gran calidad para dotar a nuestras páginas de un toque de estilo y distinción.
Abr 29
Puede resultar un poco extraño pero John Resig se ha propuesto ejecutar o al menos imitar el funcionamiento de la Máquina virtual de Java en Javascript.
El proyecto de John se basó en Orto (la documentación está en japones) y permite compilar una aplicación en java, hacerla funcionar en Orto, el cual generará el código en javascript necesario e insertarlo en nuestra aplicación web.
Evidentemente esto no puede asegurar al 100% que todas las aplicaciones java se migren correctamente a javascript, pero como dice el autor, se pueden hacer “demos interesantes” como el juego del tetrix.