Ayuda para reemplazar alert!!!

jdarkname · #1 (**permalink**) 09/06/2009, 21:44

Buenas.... Tengo el siguiente problema..... Tengo un formulario en el cual el usuario llena sus datos, entre estos clave y confirmación de clave, si coinciden sus el formulario es cargado a la bd. Ahora el problema, si no coinciden las claves tengo un alert que le dice al usuario que las claves no son iguales, lo que quiero hacer es remplazar el alert por una notificacion más agradable a la vista, para esto tengo dos archivos, uno .css y .js, pero no se como ejecutarlos... Tengo funcionando estos dos archivo funcionando así:

Código:

<a href="javascript:showDialog('Error','You have encountered a critical error.','error',2);">Error</a>

Pero no se como implementarlo en el alert...pongo el codigo para que vean en donde quiero ejecutar estos archivos...muuuchas gracias de antemano.

Código:

<html >
<head>
<link rel="stylesheet" type="text/css" href="dialog_box.css" />
<script type="text/javascript" src="dialog_box.js"></script>
<script language="JavaScript" type="text/JavaScript">
function verif(formu)
{	if (formu.clave.value==formu.clave2.value) 
{  }
	else 
{ alert('AQUI QUIERO EJECUTAR EL .CSS y .JS'); return false }
}
</script>

JavatoSript · #2 (**permalink**) 10/06/2009, 01:33

pues se me ocurre que puedes implementar un pop-up a modo de alert, de notifcacion más agradable.

el *css si lo tienes linkado ya esta ejecutado, igual que el *js, no hace falta ejekutar el archivo, solo llama a las funciones que creas convenientes.

suerte.

Legoltaz · #3 (**permalink**) 10/06/2009, 06:34

Podrías tener un div oculto personalizado con CSS y hacerlo visible para mostrar el error.

Código JavaScript:

Ver original<html>
<head>
<link rel="stylesheet" type="text/css" href="dialog_box.css" />
<script type="text/javascript" src="dialog_box.js"></script>
<script language="JavaScript" type="text/JavaScript">
function verif(formu){
if(formu.clave.value == formu.clave2.value) {}
else{
document.getElementById('div_oculto').style.display = "block";
return false;
}
}
</script>
</head>
<body>
<div id="div_oculto" style="display:none;">Mensaje de error</div>
</body>
</html>