Foros del Web » Programando para Internet » Javascript » Frameworks JS »

ayuda para crear un newsticker en ajax

Estas en el tema de ayuda para crear un newsticker en ajax en el foro de Frameworks JS en Foros del Web. Hola, ando buscando una forma de crear un news ticker que contenga contenta un pequeño thumbnail y un comentario, la idea es que lea de ...
  #1 (permalink)  
Antiguo 17/06/2007, 12:49
 
Fecha de Ingreso: marzo-2007
Mensajes: 134
Antigüedad: 17 años, 8 meses
Puntos: 1
ayuda para crear un newsticker en ajax

Hola, ando buscando una forma de crear un news ticker que contenga contenta un pequeño thumbnail y un comentario, la idea es que lea de un archivo xml los últimos 10 registros y los muestre uno por uno, y al cabo de 2 minutos recargue el contenido.... la verdad no soy muy experimentado con javascript ni ajax, pero si tengo un conocimiento y creo que con un poco de ayuda se podre resolverlo. Gracias
  #2 (permalink)  
Antiguo 18/06/2007, 03:01
Avatar de kaninox  
Fecha de Ingreso: septiembre-2005
Ubicación: In my House
Mensajes: 3.597
Antigüedad: 19 años, 2 meses
Puntos: 49
Re: ayuda para crear un newsticker en ajax

ajax no recarga con tiempo para ello tienes un meta tag de html que hace eso por ti...
ahora bien puedes poner un div con un include a una pagina con un select directo a la base de datos con los ultimos 10 registros o bien como dices con un xml es cosa de gustos, y solo decir a la pagina que se recarge cada 2 minutos, no le veo mayor complejidad al asunto... ahora nunca he probado recargar un div.. puede que no resulte esta entre tus posibilidades poner un iframe u algo.. como digo dudo que se pueda hacer con ajax recargando automaticamente...
__________________
Gokuh Salvo al mundo. PUNTO!!!!
  #3 (permalink)  
Antiguo 18/06/2007, 18:54
 
Fecha de Ingreso: marzo-2007
Mensajes: 134
Antigüedad: 17 años, 8 meses
Puntos: 1
Re: ayuda para crear un newsticker en ajax

bueno como podría hacer que el javascript vaya mostrando uno por uno los mensajes y haciendo un efecto de fade entre cada uno?
  #4 (permalink)  
Antiguo 25/06/2007, 17:30
 
Fecha de Ingreso: agosto-2003
Mensajes: 15
Antigüedad: 21 años, 3 meses
Puntos: 0
Re: ayuda para crear un newsticker en ajax

Cita:
Iniciado por el_ro Ver Mensaje
Hola, ando buscando una forma de crear un news ticker que contenga contenta un pequeño thumbnail y un comentario, la idea es que lea de un archivo xml los últimos 10 registros y los muestre uno por uno, y al cabo de 2 minutos recargue el contenido.... la verdad no soy muy experimentado con javascript ni ajax, pero si tengo un conocimiento y creo que con un poco de ayuda se podre resolverlo. Gracias
la verdad es que si se puede recargar con ajax
esta página usa un timer con updater para recargar info de la playlist de la radio

rickadams.org/yggdrasil/playing.html

el problema es que su código no lo entiendo mucho, porque usa ajax con asp, y no ajax con php que domino más

a ver si alguien puede revisar el código de esa página y nos puede dar luces de cómo refrescar información sin refrescar toda la página y sin meta refresh o javascript refresh en iframes, lo que es un problema para el diseño y para el historial del Internet Explorer...
la idea es ajax para hacer algo más limpio, como la web 2.0
  #5 (permalink)  
Antiguo 26/06/2007, 01:29
 
Fecha de Ingreso: agosto-2003
Mensajes: 15
Antigüedad: 21 años, 3 meses
Puntos: 0
Re: ayuda para crear un newsticker en ajax

ok, luego de horas de sudor, encontré cómo actualizar con ajax
es bastante simple
hay muchas formas, la mejor es hacer toda la programación uno mismo, pero como yo no sé programar en javascript, mejor bajar la librería prototype y luego poner código simple..

Cita:
qué es prototype...?
es una librería de funciones ajax que vienen ya hechas, y tú tomas cualquieras de esas funciones y las ejecutas como javascript en tu página
funciona como mootools y otras librerías...
La idea es que tu newsticker o cualquier otro contenido esté en una página php, html u otra... el script estará en la página donde muestras tu newsticker, y revisará cada X segundos si la página donde está el newsticker ha cambiado o no...

o sea, tienes dos páginas: una con el código original del newsticker, y otra donde lo muestras...

los pasos son:

1. bajar la librería framework Prototype del sitio prototypejs.org
2. poner este código entre head, para llamar al prototype... recuerda fijarte en la ruta del directorio
Cita:
<script language="JavaScript" type="text/javascript" src="prototype.js"></script>
3. luego entre head (también) le pones
Cita:
<script language="JavaScript" type="text/javascript">
new Ajax.PeriodicalUpdater('NOMBRE_IDENTIFICADOR_DE_TU _CONTENIDO', 'RUTA_PÁGINA_ORIGINAL_DE_TU_CONTENIDO', {
method: 'get', frequency: NÚMERO_DE_SEGUNDOS_PARA_LA_RECARGA, decay: VECES_QUE_MULTIPLICA_LOS_SEGUNDOS_CADA_VEZ_QUE_NO_ ENCUENTRA_UN_NUEVO_ARCHIVO
});
</script>
4. Luego entre body le pones
Cita:
<div id="NOMBRE_IDENTIFICADOR_DE_TU_CONTENIDO" align="right"></div>
puedes revisar esta página donde aparecen este y otro comportamientos del prototype...
programacionweb.net/articulos/articulo/?num=510

Cita:
si tienes incluido mootools en tu html, entrará en conflicto con prototype... en ese caso, si puedes usar iframes sin problema de cargar páginas y sin conflictos... si te complica por el fondo ponle al iframe un fondo transparente (busca en google cómo hacerlo)
en mi caso me sirvió para poner el título de la canción actual en mi proyecto de radio por internet:
eskape.cl/prueba

comentarios??? respondan, que recién empiezo a participar por estos lares
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:20.