Texto rotativo en HTML/JavaScript

Hola a todos!

Hoy os traigo una manera para poder hacer textos rotativos, es decir, textos que se actualicen cuando se actualiza la página. Un ejemplo del código lo podéis encontrar en el lateral derecho de este blog, en el que cada vez que actualizas, aparece una cita nueva de alguno de los científicos más importantes.

Pueden pegar el siguiente código en el gadget HTML/JavaScript de la sección de diseño. Les dejo el código:

<script language="JavaScript"> rotatingtext = new Array(3); rotatingtext[0] = "text 1"; rotatingtext[1] = "text 2"; rotatingtext[2] = "text 3"; index = Math.floor(Math.random() * rotatingtext.length); document.write(rotatingtext[index]); </script>

Si queréis introducir más opciones solo tenéis que añadir el código:

rotatingtext[x] = "text x+1";

Por otro lado si queréis añadir comillas solo tenéis que introducir \" justo donde queremos las comillas, ya que no es válido escribir comillas directamente.

Espero que les sirva. Un saludo.

Educaplay

Educaplay es una plataforma para la creación de actividades educativas, la cual también permite la integración con plataformas LMS como Moodle la plataforma usada por la mayoría de institutos, o WebCT y BlackBoard utilizada por las universidades. En dicha integración podemos registrar los resultados de las actividades.

 Las actividades que permite crear son varias, entre las que se encuentran crucigramas, adivinanzas y test. Además, si os parece poco lo que ya os he contado, comentaros que es totalmente gratuito, aunque es cierto que tienen una versión de pago.

 A continuación les dejo un ejemplo de actividad creada por Educaplay, en la que tendréis que encontrar el nombre de 12 partículas. Os he dejado las pistas abiertas, así que espero que no tardéis mucho.


Si os ha gustado el recurso, no dudéis en hacer una visita a la página y empezar a disfrutar. Os dejo un enlace al portal (Pincha aquí).

Un saludo.

Introducir lista de entradas de una etiqueta

En esta entrada explicaré una posible manera de introducir una lista de entradas de una etiqueta en específico. Un ejemplo de la utilización de este código se encuentra en varias secciones de este blog, por ejemplo en la de experimentos.

En la página que deseéis tener una lista de las entradas de una etiqueta en concreto hay que introducir el siguiente código:

<script type ="text/javascript" > function recentpostslist(json) {
    document.write('<ul>');
    for (var i = 0; i < json.feed.entry.length; i++) {
        for (var j = 0; j < json.feed.entry[i].link.length; j++) {

            if (json.feed.entry[i].link[j].rel == 'alternate') {

                break;
            }
        }
        var entryUrl = "'" + json.feed.entry[i].link[j].href + "'"; //bs
        var entryTitle = json.feed.entry[i].title.$t;
        var item = "<li>" + "<a href=" + entryUrl + '">' + entryTitle + "</a> </li>";

        document.write(item);
    }

    document.write('</ul>');
} </script>

<b>Etiqueta1</b><br/>
<script src="http://la_dirección_de_tu_blog.blogspot.com/feeds/posts/summary/-/nombre_de_la_etiqueta?max-results=500&alt=json-in-script&callback=recentpostslist"></script><br/>

A continuación debemos sustituir lo siguiente:
Etiqueta1 por el nombre que quieras que aparezca para la lista
http://la_dirección_de_tu_blog.blogspot.com por la dirección de tu blog
nombre_de_la_etiqueta por el nombre que tiene la etiqueta la cual quieras mostrar en la lista

Si quieres introducir más listas en la misma página solo debes incluir el final del código tantas veces como listas quieras. El trozo a incluir es:

<b>Etiquetax</b><br/>
<script src="http://la_dirección_de_tu_blog.blogspot.com/feeds/posts/summary/-/nombre_de_la_etiqueta_x?max-results=500&alt=json-in-script&callback=recentpostslist"></script><br/>