miércoles, 21 de marzo de 2007

Poner dd/mm/aaaa en un text con javascript

Problema: Quiero colocar en un input para poner la fecha de nacimiento lo siguiente: dd/mm/aaaa, y que cuando el usuario escriba, este texto desaparezca.

Solución:
1.-En un fichero de funciones js coloco las siguientes:

//funcion para borrar el valor del campo de fecha
function clearFecha(){
if(document.getElementById("dateOfBirth").value=="dd/mm/aaaa"){
document.getElementById("dateOfBirth").value = "";
document.getElementById("dateOfBirth").style.color = "#000";
}
}

//funcion para cargar el valor del campo fecha como "dd/mm/aaaa", se coloca directamente en el texto con el identificador 'fechaNacimiento'
function loadFecha(){
if((document.getElementById("fechaNacimiento").value=="")||(document.getElementById("fechaNacimiento").value==null)||(document.getElementById("fechaNacimiento").value=="dd/mm/aaaa")){
document.getElementById("fechaNacimiento").value = "dd/mm/aaaa";
document.getElementById("fechaNacimiento").style.color = "#CCC";
}
}


2.-Hago las llamadas desde la página: (Quitar los espacios luego de '<')

< html:text name="miForm" onfocus="clearFecha();" styleId="fechaNacimiento" property="fechaNacimiento" size="10" maxlength="10" readonly="false"/>
< span onclick="clearFecha();">


3.-Recordar hacer el include en la jsp, algo como: (Quitar los espacios luego de '<')

< script src="scripts/empleo.js" type="text/javascript">< /script>

No hay comentarios: