2002 a 2006
Ángel R. Puente Pérez
 
Ir al javascript 2

Javascript.

Javascript es un lenguaje de programación que tiene la particularidad de no tener que ser compilado. Se escribe entre las etiquetas del código fuente por lo que, a los efectos, es como el lenguaje html. Ocupa poco espacio y, además, es accesible a todo el mundo. Si navegando por Internet, visito una página y observo un determinado efecto conseguido con codificación javascript que me gusta, puedo copiarlo y llevarlo a mi página web. Otra cosa es que, efectivamente, sepa encontrar el código que permite la acción que a mí me interesa (las páginas, a veces, tienen un código extraordinarimente complejo).

La codificación javascript suele tener, como mucho, tres partes:

1.- Una parte situada en la cabecera del documento que suele comenzar por la etiqueta:

<script language="JavaScript"> y que acaba con la etiqueta

</script>

Suele estar situado después del título. Esto es, entre </title> y </head>

2.- Una parte dentro de la etiqueta del body como si fuese un atributo del mismo y que suele decir onload, es decir, al cargar la página...

<body onload="scroll();">

3.- Una parte en el interior del body.

Suele ser un formulario o, a veces, fragmentos de codificación script.

 

En este manual de lenguaje html no vamos a aprender a programar en javascript (yo no sé...) sino que vamos a aprender a insertar codificación script en nuestras páginas y modificar esta codificación para adaptarlas a nuestras necesidades. Es, por otro lado, lo que casi todo el mundo hace. Pocos saben programación javascript pero, todo diseñador de web que se precie sabe incluir código javascript en sus documentos.

 

JAVA1.- Acceso a secciones de la página restringido a los conocedores de las claves.

Vamos a empezar con esta utilidad: Puede ser que yo tenga una página publicada en la red y que desee que determinada sección no sea pública; que sólo sea accesible a determinadas personas (las que conozcan la clave de acceso).

Bien, en la cabecera del documento (recuerda entre </title> y </head>) que sea "la puerta" hay que colocar este código:

<script language="JavaScript"> 
function Saltar(pal) { 
window.location=pal+".htm" 
} 
</script>

Después, en la parte del documento (en el body) que sea conveniente, se coloca el siguiente formulario:

<table border="#FFCC00">
  <tr> 
  <td>
    <form>
      <div align="center">
        <font color="#FFFFFF"> 
        <strong>
        Introduce la palabra clave
        </strong>
        </font> 
      </div>
        <br>
        <center>
          <input type="password" name="palclave" size=10 value="">
          <input type="button" value="Pulsar" onClick="Saltar(this.form.palclave.value)">
        </center>
    </form>
  </td>
  </tr>
</table>

Que produce este efecto:

Introduce la palabra clave

¡cuidado, aquí no funciona!

Lógicamente las cuestiones de diseño y formato son variables ( el que la tabla lleve o no borde y sea de un color u otro, el color del texto, la frase a poner, el que esté o no en negrita, la línea de separación,...). Lo que no se puede modificar es: Que sea un formulario y el código marcado en rojo.

La clave a teclear va a ser la del nombre del documento: Es decir, si el documento al que queremos dar acceso lo hemos guardado con el nombre asociado.htm será asociado la palabra clave. Por otro lado, este mismo código nos permite dar otras claves de acceso. Por ejemplo para ir a otro documento cuyo nombre sea visitante.htm, la palabra clave será visitante.

¡Atención! Los documentos restringidos tienen que ser guardados con la extensión .htm , no con .html (si te fijas en el código script, está definido para .htm. También podríamos cambiar la codificación (en la tercera línea del código insertado en la cabecera, cambiar pal+".htm" por pal+".html").

Vamos a probar el resultado con tres claves diferenciadas: asociado, visitante, profesor.

Lo hago en este nuevo documento: Resultado

 
Ir al javascript 2
2002 a 2006
Ángel R. Puente Pérez