Eventos en JavaScript

onAbort 

    El usuario interrumpe la carga de una imagen

onBlur  

    Un elemento de formulario, un campo del formulario o marco pierden el foco

onChange  

    El valor de un campo de formulario cambia

onClick  

    Se hace click en un objeto, campo de formulario o formulario

onDbClick  

    Se hace doble click en un objeto, campo de formulario  o formulario

onDragDrop  

    El usuario arrastra y suelta un objeto en la ventana

onError  

    La carga de un archivo produce un error

onFocus 

    Un objeto, campo o formulario recibe el foco

onKeyDown

    El usuario pulsa una tecla

onKeyPress

    El usuario mantiene pulsada una tecla

onKeyUp

    El usuario suelta una tecla 

onLoad

    El navegador termina la carga de una ventana o formulario

onMouseDown

    El usuario pulsa un botón del ratón

onMouseMove

    El usuario mueve el puntero

onMouseOut

    El puntero abandona una área o enlace

onMouseOver

    El puntero entra en una área o imagen

onMouseUp

    El usuario libera un botón del ratón

onMove

    Se mueve una ventana o un marco

onReset

    El usuario limpia un formulario

onResize

    Se cambia el tamaño de una ventana o marco

onSelect

    Se selecciona el texto del campo texto o área de texto de un formulario

onSubmit

    El usuario envía un formulario

onUnload

    El usuario abandona una página

*(Versiones Javascript 1.0-1.1-1.2)

Modificar desplegable con javascript

Partimos de un desplegable de municipios y lo que queremos es dejar con javascript tan solo con el municipio que se nos pasa como parámetro:

Se puede hacer de muchas formas, con mas o menos lineas de código:

Necesitamos el valor y el texto que van a parecer en el desplegable / combo resultante, como solo nos pasan el valor tenemos que averiguar el texto, si es el que tenemos actualmente seleccionado lo tenemos facil:

var form = document.formulario;

var muni_text = form.municipio.options[f.municipio.options.selectedIndex].Text;

Si no es el que tenemos seleccionado y queremos averiguar el texto del valor que se nos pasa como parametro se me ocurre utilizar un bucle for:

//siendo id_muni el parametro que nos pasan del valor del desplegable

var tam_combo = form.municipio.length //tamaño del combo

for(i=0;i<tam_combo;i++)

{

if (form.municipio.options[i].value == id_muni)

{

var muni_text = form.municipio.options[i].text;

i = tam_combo; //obligamos la salida

}

}

Ya tenemos los valores resultantes de nuestro nuevo combo de tan solo un valor (id_muni y muni_text)

Ahora nos cargamos el desplegable / combo entero:

while (form.municipio.length > 0)

form.municipio.options[0] = null;

Si miraramos el tamaño del combo nos daria 0.

Ahora introducimos los valores al desplegable / combo quedando como resultado un desplegable de solo un valor:

form.municipio.options[0] = new Option (muni_text, id_muni );

Otra forma de hacerlo seria eliminar todos menos el que queremos que quede:

var i = 0;

while (form.municipio.length>1)

{

if (form.municipio.options[i].value != id_muni)

{

form.municipio.options[i] = null;

}

else

{

i=1;

}

}

Siempre eliminamos la primera opcion i=0 por eso cuando llegamos al valor que no queremos eliminar pasa a ser el primero y eliminamos los restantes i=1

Bueno de paso hemos dado un repasito a las opciones DOM del javascript para un combo, si se os ocurre otra forma de hacerlo se agredecera que lo dejeis en los comentarios, como todos sabeis no hay una unica forma de hacer las cosas, estan las buenas, las malas y las de cada uno :)

JavaScript Metodo SUBTRING

El metodo Subtring extrae los caracteres de una cadena que hay entre dos indices inicio y fin y devuelve la cadena resultante:

var cadena = "Hello World";

var new_cadena = cadena.subtring(0,5);

document.write(new_cadena);

Por la salida estandar se imprime: Hello

Comparacion fechas Javascript

Para el que se pelee con las fechas en Javascript.

Os dejo una función que hice hace poco, trasforma en objeto la cadena de una fecha obtenida de un formulario y la compara con la fecha del sistema.

//script

function fechas(){

var fc = document.getElementById("fcadu").value.split("/");

var fcadu = new Date(parseInt(fc[2]),parseInt(fc[1]-1),parseInt(fc[0]));

var hoy = new Date();

var fechamincadu = new Date(hoy.getFullYear(), (hoy.getMonth()+1), hoy.getDate());

alert("fecha de minima: "+ fechamincadu.getFullYear()+"/"+(fechamincadu.getMonth())+"/"+fechamincadu.getDate()+" - "+

"fecha cadu: "+fcadu.getFullYear()+"/"+fcadu.getMonth()+"/"+fcadu.getDate());

if (document.getElementById("fcadu").value != "" && fcadu <>

alert("fecha caducidad no superior a la minima");

return false;

}

return true;

}