. .

 

 

.
.

03 / 09 / 2010

Usuarios conectados: 8

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? 9, de momento. Mostrando 1 ->5

1.- hehehehe! estudia redes pecaminosas?

2.- Y para que sirve una pagina religiosa a un auditor? Para contabilizar los pecados y promesas?

3.- funciona, pero se ha olvidado comentar que hay que añadir el código de la funcion MM_setTextOfLayer(..."
vean la pagina de ejemplo y observen el codigo fuente, copien y peguen y funciona

4.- hOLA ME LLAMO MARIO SOY DE SANTA CRUZ BOLIVIA MI FUERTE ES LA PARTE DE REDES SOY AUDITOR Y ESTOY ESTUDIANDO REDES Y TELECOMUNICACIONES , POR UNA PROMESA QUE TENGO ESTOY TRATANDO DE DISEÑAR UNA PAGINA RELIGIOSA TE JURO QUE HE BAJADO TODO TIPO DE MANUALES TUTORIALES DE TODOS LADOS DE TODOS LOS SITIO EL MEJOR QUE HE VISTO ES ESTE Y LA WEBDELPROGRAMADOR DONDE ME HAN AYUDADO MUCHO LO CUAL LES AGRADESCO REALMENTE NO PUDE ENTRAR AQUI A LA SUSCRIPCIÓN PARA ESCRIBIRTE AL CORREO PERO YAQUE PILLE ESPACIO TE PUEDO HACER UNA CONSULTA DE COMO PUEDO PONER EN UNA TABLA UN SCRIP DONDE DIGAN TESTIMONIO Y COMIENCEN A PASAR LOS TESTIMONIOS NO SE SI ME DEJO ENTENDER . AUN LADO POR EJ. ALA DERECHA QUE HAYGA UN BOTON QUE DIGA TESTIMONIO Y UN RECUADRO CON UNA VENTANA Y PASEN LOS TESTIMONIOS TE AGRADECERIA DE ANTEMANO Y ESPERO NO MOLESTARTE MI CORREO ELECETRONICO ES marioluisoliva@hotmail.com

5.- Como se hace para que los titulares no cambien por una cantidad determinada de tiempo sino que cambien cada vez que se accede a la página que los contiene.
Por ejemplo, yo estoy en la home con un titular (supongo que se puede poner un banner animado, una imagen o no?) voy a un link y cuando vuelvo a la home hay otro titular.

« Previous | 1 - 5 | 6 - 9 | 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