Sistema de noticias con Siguiente Anterior

sjam7 · #1 (**permalink**) 25/05/2006, 10:01

Hola mounstros del javascript espero me puedan ayudar

lo que quiero hacer es un script que me permita poner en mi pagina un sistema de noticias o comentarios que pudiera ser recorrido sin tener que actualizar la pagina con el tipico Anterior Siguiente y que se vea algo asi:

"Esta es el comentario de fulanito
de tal, que dice que la web esta de
super lujo"
Anterior Siguiente

y que al presionar Anterior se muestre un comentario anterior de un listado y siguiente pues eso, muestre el siguiente comentario, la idea es que al ingresar a la pagina se muestre uno aleatorio y de ahi pueda ir navegando por ellos de manera ciclica, los comentarios puedo ponerlos en un archivo de texto o en el mismo script, como sea mas facil

ohhh, quien podra ayudarme.... (espero no llegue el chapulin colorado)

Muchas gracias de antemano y si hay dudas es por que no me explique bien...me levante temprano hoy

Cap.Buscapina · #2 (**permalink**) 25/05/2006, 15:18

-. una opcion es AJAX.

-. otra opción es ponerlos en un txt para ser incluidos mediante javascript(en las FAQ está la forma de incluir un txt)

y seguramente habrá algunas otras opciones mas.

sjam7 · #3 (**permalink**) 25/05/2006, 15:56

Si, eso lo vi, como leer, pero lo que quiero hacer de como ir cambiando los textos es lo que no se como hacerlo, los textos los puedo poner en TXT's o directamente en el script, como se que sea mas facil de hacer

Cap.Buscapina · #4 (**permalink**) 25/05/2006, 18:04

es muy rudimentario pero con un poco de estilos y otras yerbas te puede servir.

Cita:

<html>
<head>
<script>
var cual=0;
var c= new Array();
c[0]="Primer Comentario bla bla bla";
c[1]="Segundo Comentario bla bla bla";
c[2]="Tercer Comentario bla bla bla";
c[3]="cuarto Comentario bla bla bla";
c[4]="quinto Comentario bla bla bla";
function pasar(){
document.getElementById('atras').style.visibility= (cual==0)?"hidden":"visible";
document.getElementById('adelante').style.visibili ty=(cual==c.length-1)?"hidden":"visible";
document.getElementById('comentarios').innerHTML=c[cual];
}

</script>
</head>
<body onLoad="pasar()">
<div id="comentarios" style="position:absolute; left:100px;width:300px; height:200px; border:1px solid; background-color:#eeeeee; top: 100px;"></div>
<div id="adelante" style="position:absolute;left:350px;top:300px;widt h:50px;height:20px;border:1px solid; background-color:#eeee00;" onClick="cual++;pasar()">Próximo</div>
<div id="atras" style="position:absolute;left:300px;top:300px;widt h:50px;height:20px;border:1px solid; background-color:#eeee00;" onClick="cual--;pasar()">Anterior</div>
</body>
</html>

saludos

pd:

en estas dos lineas sobra un espacio en blanco (problema de vBuletin que no permite mas de 50 caracteres sin un espacio en blanco)

Cita:

document.getElementById('adelante').style.visibili ty=(cual==c.length-1)?"hidden":"visible";
document.getElementById('comentarios').innerHTML=c [cual];

sjam7 · #5 (**permalink**) 26/05/2006, 16:14

Pues muchas gracias ,lo estoy adaptando, era exactamente lo que queria, si pudiera ser que me mostrara un comentario al azar al cargar la pagina seria mejor, ademas de que pudiera ser ciclico, es decir, que del ultimo se pase al primero, intentare hacerlo pero el js no se me da mucho

Cap.Buscapina · #6 (**permalink**) 26/05/2006, 18:12

Cita:

sjam7 · #7 (**permalink**) 31/05/2006, 17:35

excelente, muchisimas gracias, me has ayudado mucho