.  

 

 

.
.

23 / 03 / 2017

Usuarios conectados: 13

Cargando documento...

Buscar:

.

Este Sitio:

Principal

Dreamweaver

Fireworks

JavaScript

CSS

Sonido

Artículos

Links

E-ufemismos

Descargas

Historial

 

Mailing List:

Suscríbete a la lista de correo, No practico spamming y ofrece algunas ventajas.

Pulsa aquí para saber más y suscribirte.

 

Recomendados:

Tecnorama >Tutoriales Dreamweaver

 

Creando un Newsticker

Versión para imprimir | Translate this page

En algunas páginas habréis visto unos pequeños espacios donde se alternan las noticias a determinados intervalos de tiempo, generalmente unos segundos (el primero que me viene a la cabeza es el exitente en http://www.marca.com. La intención de este tutorial es intentar saber hasta dónde puede llegar DW en la creación de uno parecido (generando una cantidad razonable de código, por lo que deberemos huir de utilizar un timeline).

Este tutorial también intenta continuar la idea de otro publicado anteriormente: el código de DW es aprovechable para muchas cosas, en unas ocasiones modificándolo un poco (como en el tutoria del menu desplegable) y en otras añadiendo nuestras funciones, las cuales harán uso de las de DW. (como en este caso).

Este tutorial sacará provecho de la función "MM_setTextOfLayer()" (e indirectamente de MM_findObj(), ya que aquella la utiliza). Nuestro trabajo será crear:

  • Una capa donde se mostrarán los titulares
  • Una lista de titulares (almacenados en un Array)
  • Una función que vaya leyendo cada titular y lo vaya pasando a la función MM_setTextOfLayer como parámetro cada 3 segundos.

Ver Ejemplo

Bueno, pues gracias a DW sólo necesitamos una función de no más de 15 líneas de código. Es ésta.

<script language="JavaScript" type="text/JavaScript">
daText=new Array();
daText.push('<a href="document_1.html">El Documento 1 es bueno</a>');
daText.push('<a href="document_2.html">Pero el document 2 mejor</a>');
daText.push('<a href="document_3.html">Aunque el documento 3...</a>');
daIndex=0;
function showHeadline(){
if (daIndex<daText.length){
//En la siguiente linea, cambiar 'Layer1'
// por el nombre de la capa adecuada:

MM_setTextOfLayer('Layer1','',daText[daIndex]);
daIndex++;
//para aumentar el tiempo,
//cambiar el 3000 por un numero mayor
setTimeout("showHeadline()",3000);
}else{
daIndex=0;
showHeadline();
}
}
</script>

Esto es todo lo que necesitamos. Las únicas modificaciones son añadir/quitar encabezados a las lineas que comienzan por "daText.push(..", cambiar el nombre de la capa de destino en la llamada a MM_setTextOfLayer(..." y aumentar el 3000 para aumentar el espacio de tiempo entre encabezados. Lógicamente se podían haber declarado como parámetros, pero el objetivo era crear la función más sencilla posible (y creo que lo es).

Es útil el hecho de que soporte código html.

Y ahora, el tutorial (Paciencia, tarda en cargar)

¿Comentarios? 33, de momento. Mostrando 1 ->5

1.- Why does this have to be the ONLY reblalie source? Oh well, gj!

2.- Now I know who the brainy one is, I'll keep lokiong for your posts. http://gabclvlrrkk.com [url=http://rurmzq.com]rurmzq[/url] [link=http://vvkeux.com]vvkeux[/link]

3.- HHIS I should have thguhot of that! http://ewqzsg.com [url=http://mianwak.com]mianwak[/url] [link=http://jxszzils.com]jxszzils[/link]

4.- You're on top of the game. Thanks for shgarni.

5.- I thought I'd have to read a book for a dioesvcry like this!

« Previous | 1 - 5 | 6 - 10 | 11 - 15 | 16 - 20 | 21 - 25 | 26 - 30 | 31 - 33 | Next »

Añade tu comentario



Escribe el código de la imagen superior:

:

Tutoriales Dreamweaver

-El muy buscado Menú desplegable

-¿Qué $%&$% es 'SSI'?

-Utilizar tablas de excel para actualizar tablas en html.

-Plantillas en DW MX: Regiones opcionales.

-Adaptar tablas a la ventana.

-Vista diseño para formatos no reconocidos

-Carga de imagenes en orden

-Mi primera Extensión

-Rollover remoto ('Disjointed Rollover')

-Iframes vs. Frames

-Contenido dinámico en celdas

-DW MX: Repeating Tables

-DW MX: Practica el Cloaking

-DW MX: CSS en tiempo Diseño

-Buscar y Reemplazar en Dreamweaver

-Menú dinámico

-Collaborative Dreamweaver: Design Notes and Files Panel

-Using PHP Server Formats and MySQL Dates

-Creando un Newsticker

-Generate Excel files with DWMX/PHP/MySQL (part 1)

-Manejo de fechas en PHP y MySQL

-Generate Excel files with DWMX/PHP/MySQL (part 2)

-Manejo de Fechas en consultas a MySQL

-Showing all records by default in a results page (PHP)

-Retrieving data using AHAH (1)

-Retrieving data using AHAH (2)

-Retrieving data using AHAH (3)

TECNORAMA es simplemente una página personal. No sirve ni de promoción del autor ni cosas por el estilo.
Todos los códigos, textos y tutoriales son de libre uso mientras se mencione al autor (no es mucho pedir)
Este sitio es compatible con IE6/NS6/Mozilla1.0
Para contactar, puedes enviarme un e-mail a tecnorama@hotmail.com