Ejemplos JavaScript
Aquí tienes un ejemplo que hará más vistosa tus páginas. El siguiente código hará que quien mire una página web, pueda modificar el color de fondo a su gusto seleccionando unos enlaces:
<html>
<title>
</title>
<SCRIPT LANGUAJE=”JavaScript”>
function blanco( )
{
document.bgColor=”#FFFFFF”
}
function rojo( )
{
document.bgColor=”#FF0000″
}
function verde( )
{
document.bgColor=”#00FF00″
}
function azul( )
{
document.bgColor=”#0000FF”
}
</SCRIPT>
<body>
<a href=”colores.htm” onMouseOver=”azul( )”> azul <BR></a>
<a href=”colores.htm” onMouseOver=”rojo( )”> rojo <BR></a>
<a href=”colores.htm” onMouseOver=”verde( )”> verde <BR></a>
<a href=”colores.htm” onMouseOver=”blanco( )”> blanco <BR></a>
</body>
Primero definimos cuatro funciones: blanco(), azul(), verde() y rojo(). Estas funciones nos permitirán cambiar los colores del fondo de nuestra página gracias a document.bgcolor
Las cuatro líneas <a href…> contienen el evento onMouseOver que hará que cuando pasemos el ratón por encima de los enlaces, se llame a la función correspondiente.
Ten cuidado porque en cada línea <a href=”colores.htm” …> colores.htm es el nombre que tiene el archivo de la página. De esta forma, si alguien hace clic sobre el enlace lo que hará es recargar la misma página otra vez. Si tu le has dado un nombre distinto al documento, deberías indicar ese nombre en lugar de “colores.htm”
Si ves este ejemplo lioso, no sabes qué es una función o tienes pocos conocimientos de html puedes consultar otros tutoriales en www.territoriopc.com