JAVASCRIPT - Un libro de visitas inteligente

Un libro de visitas inteligente

Compatibilidad: Ms Internet Explorer, Netscape
Intenta rellenar todos los apartados del siguiente libro de visitas y modificar los datos de manera inexacta: verás cómo el javascript te advierte de las irregularidades cometidas y te sugiere las correcciones necesarias.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Ejemplos Javascript: ejemplo práctico </TITLE>

<!-- Activate Cloaking Device

//****************************************************************

//                       Guest Book example

// Developed by Timothy Wallace,  timothy@essex1.com

//****************************************************************

var emailAddress="";

// This function sets the e-mail address as entered into the text box.

function toName()

{

var toNameval=document.forms[0].elements[1].value;

toNameval = "mailto:" + toNameval + "?subject=Guest Book example";

this.document.mail.action = toNameval;

}

// Clears field and puts focus on Name form

function Reset()

{

document.forms[0].elements[0].value = "";                                                                                   // name

document.forms[0].elements[1].value = "";                                                                                   // email

document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;  // browser

document.forms[0].elements[3].value = "";                                                                                  // country

document.forms[0].elements[4].value = "";                                                                                  // comment

document.forms[0].elements[5].value = "";                                                                                  // favorites

document.forms[0].elements[0].focus();

}

// This function is used to submit the forms via e-mail if they pass the appropriate checks. It passes 'true' if all

// is OK and 'false' if something is wrong, to the onSubmit="submitForms()" in the <FORM> tag below.

function submitForms()

{

if ( (isName() ) && (isEmail()) && (isBrowser()) && (isCountry()) && (isComment()) && (isFavorite()) )

if (confirm("\nHas rellenado el form.\n\nPulsa OK para enviarlo.\n\nPulsa CANCELA para volver a empezar."))

{

alert("\nTu libro de visitas será enviado a :\n\n"+emailAddress+"\n\n\nGRACIAS");

return true;

}

else

{

alert("\nHas decidido interrumpir la operación.");

return false;

}

else

return false;

}

// Checks the NAME field.

function isName()

{

var str = document.forms[0].elements[0].value;

// Return false if name field is blank.

if (str == "")

{

alert("\nNo has insertado tu nombre.\n\nPor favor inserta tu nombre.")

document.forms[0].elements[0].focus();

return false;

}

// Return false if characters are not a-z, A-Z, or a space.

for (var i = 0; i < str.length; i++)

{

var ch = str.substring(i, i + 1);

if (((ch < "a" || "z" < ch) && (ch < "A" || "Z" < ch)) && ch != ' ')

{

alert("\nTu nombre no puede contener más que letras y espacios.\n\nPor favor inserta tu nombre correctamente.");

document.forms[0].elements[0].select();

document.forms[0].elements[0].focus();

return false;

}

return true;

}

// Checks the E-MAIL field.

function isEmail()

{

emailAddress=document.forms[0].elements[1].value;

// Return false if e-mail field is blank.

if (document.forms[0].elements[1].value == "")

{

alert("\nNo has insertado tu dirección e-mail.\n\nPor favor insértala.")

document.forms[0].elements[1].focus();

return false;

}

// Return false if e-mail field does not contain a '@' and '.' .

if (document.forms[0].elements[1].value.indexOf ('@',0) == -1 ||

document.forms[0].elements[1].value.indexOf ('.',0) == -1)

{

alert("\nTu E-mail ha de contener \"@\" y uno o más \".\"\n\nPor favor inserta correctamente tu dirección e-mail.")

document.forms[0].elements[1].select();

document.forms[0].elements[1].focus();

return false;

}

else

{

toName();

return true;

}

// Checks the BROWSER field.

function isBrowser()

{

// Allows for a change to detected browser upon confirmation.

if (document.forms[0].elements[2].value != navigator.appName + " " + navigator.appVersion)

{

if (confirm("\nHas modificado tu tipo de navegador.\n\nPulsa OK para confirmar la modificación.\n\nPulsa CANCELA para obtener el tipo de navegador que estás usando realmente."))

return true

else

{

document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;

return true;

}

else

return true;

}

// Checks the COUNTRY field.

function isCountry()

{

var str = document.forms[0].elements[3].value;

// Return false if country field is blank.

if (str == "")

{

alert("\nNo has insertado el nombre de tu país.\n\nPor favor inserta el nombre de tu país.")

document.forms[0].elements[3].focus();

return false;

}

// Return false if characters are not a-z, A-Z, or a space.

for (var i = 0; i < str.length; i++)

{

var ch = str.substring(i, i + 1);

if (((ch < "a" || "z" < ch) && (ch < "A" || "Z" < ch)) && ch != ' ')

{

alert("\nEl nombre de tu país acepta sólo letras o espacios.\n\nPor favor inserta de nuevo el nombre.");

document.forms[0].elements[3].select();

document.forms[0].elements[3].focus();

return false;

}

return true;

}

// Checks the COMMENT field.

function isComment()

{

// If comment field is blank, asks for confirmation that no comment is desired.

if (document.forms[0].elements[4].value == "")

{

if (confirm("\nNo puedes dejar esta página sin un comentario.\n\nPulsa CANCELA para incluir un comentario.\n\nPulsa OK si no quieres insertar ningún comentario."))

return true

else

{

document.forms[0].elements[4].focus();

return false;

}

else

return true

}

// Checks the FAVORITES field.

function isFavorite()

{

// If favorite field is blank, asks for confirmation that no comment is desired.

if (document.forms[0].elements[5].value == "")

{

if (confirm("\nNo has insertado tus sitios favoritos.\n\nPulsa CANCELA para incluir tus sitios favoritos.\n\nPulsa OK para continuar sin los enlaces favoritos"))

return true

else

{

document.forms[0].elements[5].focus();

return false;

}

else

return true

}

// Function for viewing source code

function WinOpen()

{

alert('\nPage will load to full screen.\n\nUse View/Document Source from menu bar to view source.\n\nClose new window to return to this page. ');

window.open("js-gb-ex.htm","DisplayWindow","menubar=yes,scrollbars=yes");

window.open("js-gb-ex.htm","DisplayWindow","menubar=yes,scrollbars=yes");   // double for Macs

}

// Deactivate Cloaking -->

</SCRIPT>

</HEAD>

<TR>

<TD align="left" width=225> <FONT COLOR=800000><STRONG>Tu nombre:</STRONG></FONT></td>

<TD align="right" width=225> <FONT COLOR=800000><STRONG>Tu dirección e-mail:</STRONG></FONT></td>

</TR>

<TR>

</TR>

<TR>

<TD align="left"> <FONT COLOR=800000><STRONG>Tu navegador:</STRONG></FONT></td>

</TR>

<TR>

</TR>

</TABLE>

<BR>

<TR>

<TD align="center"> <FONT COLOR=800000><STRONG>Comentarios y sugerencias:</STRONG></FONT></td>

</TR>

<TR>

Tus sitios favoritos:

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]