Frases aleatorias en cualquier sitio | Oloblogger La última vez que propuse un script para mostrar frases o citas aleatorias , mis conocimientos de JavaScript eran todavía menores de lo que...

15 de julio de 2010

Frases aleatorias en cualquier sitio

La última vez que propuse un script para mostrar frases o citas aleatorias, mis conocimientos de JavaScript eran todavía menores de lo que son ahora (que ya es decir), así que no pensé en usar aquella función en un sitio distinto que en un gadget de la sidebar o similar. Sin embargo el otro día, a Seba77 le interesó conocer cómo montar este mismo código para sustituir el típico "Haga su comentario" que por defecto lleva Blogger justo antes del formulario correspondiente.

Para poder hacer eso tanto en el sitio que nos preguntaban como en cualquier otro, la solución consiste en utilizar el mismo código de entonces, pero formando parte de una función. Después, a diferencia también de entonces, tendremos que hacer una llamada al script dónde nos interese. Verbigracia:

<!-- FUNCION FRASES -->
<script type='text/javascript'>
function frasesaleatorias (){
frases = new Array()
frases[0] = &quot;Comenta, que es gratis.&quot;
frases[1] = &quot;Por cada comentario regalo un abrazo virtual.&quot;
frases[2] = &quot;Comenta que algo queda.&quot;
frases[3] = &quot;No por mucho comentar, amanece más tarde.&quot;
frases[4] = &quot;Tienes dos opciones: Opinar aquí o callar. Tú eliges.&quot;
aleatorio = Math.random() * (frases.length)
aleatorio = Math.floor(aleatorio)
document.write(frases[aleatorio])
}
</script>
<!-- FUNCION FRASES -->


Está función habría que grabarla antes de </head> que es el lugar habitual para este tipo de códigos. Una vez que la tengamos ya sólo tenemos que poner esto otro, allí dónde queramos que aparezca la frase...

<script type='text/javascript'>frasesaleatorias();</script>


Para el ejemplo mencionado del texto antes del formulario de comentarios Blogger, la cosa quedaría así:

<h4 id='comment-post-message'><data:postCommentMsg/><script type='text/javascript'>frasesaleatorias();</script></h4>


Lo tachado es la variable con el texto estándar, que para que no aparezca, hay que borrarla del código.



De la misma manera, una vez grabado el script en la plantilla, la llamada al mismo se puede colocar en cualquier parte.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

13 comentarios :

  1. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  2. Supongo que ya viste lo que te faltaba Mynameiseric ;)

    ResponderEliminar
  3. Muchisimas gracias :)
    Supuse que era mas complicado que un simple "reemplazar" en la plantilla html porque me andaba bien en cualquier lado menos en el formulario.

    Estoy echándole un vistazo al resto de las entradas, hay muchas cosas interesantes para hacerle a mi blog, y seguramente esta no habrá sido la última duda que tenga :P
    Nos vemos.

    ResponderEliminar
  4. Seba77, no es complicado pero tampoco era suficiente con reemplazar. Ya lo has visto. Me viene muy bien que me preguntais cosas fáciles para no frustrarme :D

    Javier, es sólo un viejo post actualizado, pero gracias igualmente.

    ResponderEliminar
  5. Buenas Oloman..
    Ante todo buenos días, a ver si vos me podrás ayudar con los códigos para pegar youtube o goear.
    Es en el blog de una amiga (cafedemadison.blogspot.con) que al poner ella en la entrada un código como el de goear por ejemplo que incluye la etiqueta object y dentro embed, reemplaza la primera por una <a href de
    modo que en algunos navegadores al hacer el primer click necesario para activar el flash reproductor nos lleva al vínculo ese que no funciona. Será alguna función que está modificando eso? yo la he buscado en el codigo fuente y no la encuentro...

    Disculpa la extensión amigo.. espero no haberme enredado mucho.
    U abrazo.

    ResponderEliminar
  6. Hola Luis

    Es el primer caso que oigo. En un principio, el código que facilita YouTube (el de GoEar no lo conozco demasiado) para insertar vídeos, siempre funciona bien. Más bien debe ser que algo se manipula sin intención, haciendo que cambie eso. De hecho, he visto un vídeo el día 13 que funciona correctamente.

    ResponderEliminar
  7. Si, los youtube funcionan, el único síntoma es que luego del video sale "> lo cual no es problema
    En cambio en los goear en algunos navegadores cuando se les hace un clic y en vez de reproducir lleva a un página que no existe

    http://www.blogger.com/%3Cobject%20width=

    bueno, tal vez es un error que comete al introducir el código... Mejor le pregunto, ;)

    ResponderEliminar
  8. Hola OLO, es posible generar esas frases aleatorias con vinculos incluidos? GRACIAS por tu tiempo!

    ResponderEliminar
  9. Hola J.Huichal

    Para eso, sólo tienes que sustituir la frase entrecomillada por el código HTML correspondiente. Ejemplo para el primer elemento:
    frases[0] = &quot;<a href='http://url.com'>Comenta, que es gratis.</a>&quot;

    No lo he probado pero creo que funcionará sin problemas. Si te da alguno, será por el sitio dónde lo colocas. En ese caso, cambia las comillas simples (') por &#39;

    ResponderEliminar
  10. Fenomenal Oloman, lo he implementado a la primera para cambiar la discripción de un nuevo blog en el que estoy. :)
    Muy bien explicado, ¡gracias!

    ResponderEliminar