Textos aleatorios.
Este truquillo es muy útil para cuando quieras que aparezca, por ejemplo, una frase diferente en un lugar determinado de tus páginas, pero de modo que cada vez que visitante entre, se vea una frase distinta.
Lo podéis utilizar para incluir citas famosas, chistes, curiosidades, consejos, etc, etc.
Un ejemplo de esto lo tenéis en esta misma web. Se trata del enlace de la columna de la derecha, esa "verde feo" donde pone "Sabias Que...?". Cada vez que se pincha en él, se ve un comentario diferente. Bueno, la verdad es que se repiten bastante, je je je, pero eso es por lo vago que soy, que solo he puesto dos o tres citas. En realidad si ponemos muchas más, será más dificil que se repitan y causan un efecto positivo en la web (digo yo....).
Podéis incluir cuantas frases queráis, no hay limite.
Al los visitantes les gusta mucho ver cosa diferentes cada vez que visitan la misma web. Gracias a este código, podemos conseguir páginas más dinámicas. Pero no os aburro más, vamos al grano.
Paso a Paso:
En primer lugar, necesitamos saber en qué lugar de la página deseamos que aparezca esa frase aleatória.
Una vez sabemos el lugar, pegamos esta línea de código allí:
Como veis, lo hemos encerrado entre <p> y </p>, pues como son frases, le damos estilo de párrafo.
Vemos también que en esas líneas se llama al archivo "lista.js". ¿Y ezo qué ez? je je je, pues es el archivo donde vamos a guardar todas esas frases. De todas las que guardemos allí el ordenador elegirá una (sin duda la mejor!) para exponerla en la web, el resto tendrá que esperar al siguiente visitante, je je je je.
Vamos entonces a crear ese archivo que hemos llamado "lista.js".
Abrid el Notepad de Windows y en una hoja en blanco escribid este trozo de código:
Una vez copiado o escrito (según las ganas de trabajar de cada uno...) todo ese código, lo guardaremos, pero no con extensión .txt sino con extensión .js
Si tenéis problemas para guardarlo como .js no pasa nada, guardarlo con cualquier extensión y luego simplemente se la cambiais por .js, así, por las malas, je je je.
Bueno, pues ya está todo terminado, no? Bueno, si, deciros que donde pone frase uno, frase dos, etc, vosotros tendréis que poner las frases que vosotros queráis.
Si queréis meter más frases solo hay que incluir más líneas similares, cambiando también el número de cada una de ellas, pero siempre que sean consecutivos.
Esto funciona siempre que tanto el archivo lista.js como la página donde queremos que aparezcan las frases, están en la misma carpeta. Si no es así bastará con inlcuir la ruta correspondiente en el código del principio, es decir, en lugar de poner:
<script language="JavaScript1.1"
src="lista.js">
pondremos:
<script language="JavaScript1.1"
src="ruta/lista.js">
Espero que os guste. Si no ha quedado clarito me dais el toque e intentaré explicarlo mejor, vale?
|
Introducción