Scroll de un texto

[nuevo]

alguien sabe donde puedo encontrar informacion sobre como hacer un scroll automatico de un texto... o mejor... de un campo de una BD... gracias...

[josemi]

Hola,

El scroll es un efecto en el lado del cliente, asi que deberias consultar en el foro de javascript o en el de flash. Alli te indicaran como hacer el scroll de un texto. Luego solo tendrias que hacer que PHP genere el "texto" a scrolear.

Saludos.

[nuevo]

gracias josemi ;)

[epplestun]

Mas facil si lo quuieres en html:

Código PHP:

  <textarea>aki los datos de la bbdd :)</textarea>  
   

Y listo ya tienes scroll luego le pones los estilo que quieras para k te kede chuuuuuuuuuliiiiiiiiiii

[josemi]

Epplestun, yo le he mandado a javascript o flash porque creo que lo que quiere hacer es el tipico scroll automatico del texto, comoo los tipicos titulares de noticias o los mensajes recientes del foro que hay en maestros del web. No creo que lo que quiera es tener unas barras de desplazamiento y que el usuario tenga que usarla para ver todo el texto.

Pero claro, es lo que creo. Puedo estar equivocado.

Saludos.

[nuevo]

exacto, quiero un scroll automatico.... un poco de nivel... de todos modos gracias epplestun por tu tiempo....

[ferranWEB]

Hola nuevo. tal como dice Josemi, lo ideal es que utilice un javascript. yo hace poco hice uno, fácil de implementar en el cual puedes incluso controlar la velocidad del scroll con una variable. el funcionamiento es que el texto de tu BD tendra que ir incluido dentro de una capa, y el scroll moverá todo lo que contenga la capa.

Espero que te sirva, Salu2

[txarly]

Creo que a esto se refería ferranWEB
Te defines el siguiente estilo....

#div1 {
border: 0px solid #003e68;
padding: 2px;
position: absolute;
width: 626px;
height: 410px;
overflow: auto;
left: 137px;
top: 97px;
font-family: tahoma;
font-size: 8pt;
scrollbar-face-color: #A5B9D4;
scrollbar-highlight-color: #5073B9;
scrollbar-3dlight-color: #b9c5df;
scrollbar-darkshadow-color: #b9c5df;
scrollbar-shadow-color: #5073B9;
scrollbar-track-color: #C6D0E6;
scrollbar-arrow-color: #330000;
}

y donde quieras que te aparezca un scroll automatico lo metes en un div de este tipo. Ejemplo:

<div id="div1">
.... aqui pones el texto que se scrollea automaticamente, una tabla por ejemplo.
</div>

Si quieres algo automatico en javascript te dejo el siguiente scroll de Noticias...

// ****************** Marquesina de Noticias *****************************************

//Specify the marquee's width (in pixels)
var marqueewidth=500
//Specify the marquee's height
var marqueeheight=80
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=2
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1

marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
var actualheight=''
var cross_marquee, ns_marquee

function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.top=marqueeheight+8
cross_marquee.innerHTML=marqueecontent
actualheight=cross_marquee.offsetHeight
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee 2
ns_marquee.top=marqueeheight+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualheight=ns_marquee.document.height
}
lefttime=setInterval("scrollmarquee()",50)
}

function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.sty le.top)-copyspeed
else
cross_marquee.style.top=marqueeheight+8
}
else if (document.layers){
if (ns_marquee.top>(actualheight*(-1)+8))
ns_marquee.top-=copyspeed
else
ns_marquee.top=marqueeheight+8
}
}

// ************************************************** *********************************

<!-- Zona de Noticias on-line -->
<script language="JavaScript1.2">

var marqueecontent=''<Div align="left">Empresas - 26/03/03<br>El Tecnoparque de la Bahía de Cádiz acogerá empresas de los sectores de la <br>aeronáutica, naval y automoción.<br>La Junta de Andalucía destinará 5,8 millones de euros a hacerlo realidad. . .</div><br><br>'' +
''<Div align="left">Tecnología - 26/03/03<br>Expertos en diseño, tecnologías e ingeniería de producto se citarán en mayo,<br> en Valencia. La capital levantina acoge un congreso dedicado a estas tres áreas. . . </div><br><br>'' +
''<Div align="left">Encuentros empresariales - 26/03/03<br>Las empresas proveedoras de servicios, protagonistas en Portal Point.<br>La feria ha reducido superficie este año, pero espera consolidarse en 2004. . .</div><br><br>'' +
''<Div align="left">Creación de empleo - 26/03/03<br>Los programas de empleo de la Diputación Provincial de<br>Valladolid cerraron el año 2002 con éxito.<br>La institución destinó 3.127.607 euros, cofinanciados, a las distintas iniciativas. . .</div><br><br>''

window.onload=populate

if (iedom||document.layers){
with (document){
if (iedom){
write(''<div style=" position:relative;width:''+marqueewidth+'';height: ''+
marqueeheight+'';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">'')
write(''<div id="iemarquee" style="position:absolute;left:10;top:10;width:100% ;">'')
write(''</div></div>'')
}
else if (document.layers){
write(''<ilayer width=''+marqueewidth+'' height=''+marqueeheight+'' name="ns_marquee">'')
write(''<layer name="ns_marquee2" width=''+marqueewidth+'' height=''+marqueeheight+'' left=10 top=10 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>'')
write(''</ilayer>'')
}
}
}

</script>
<!-- Fin de Zona de Noticias on-Line -->

Un saludo

[Truscamarusca]

La manera mas facil es creando un iframe sencillo sn tanto problema

[nuevo]

Gracias a todos por vuestra ayuda... gracias... pero..

me da un error

linea 61
caracter 27
error: se esperaba " ; "
codigo: 0



sabeis pq?

------------------------------------------
lo monte assi en la web
------------------------------------------

//Specify the marquee's width (in pixels)
var marqueewidth=500
//Specify the marquee's height
var marqueeheight=80
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=2
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1

marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
var actualheight=''
var cross_marquee, ns_marquee

function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.top=marqueeheight+8
cross_marquee.innerHTML=marqueecontent
actualheight=cross_marquee.offsetHeight
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee 2
ns_marquee.top=marqueeheight+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualheight=ns_marquee.document.height
}
lefttime=setInterval("scrollmarquee()",50)
}

function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.sty le.top)-copyspeed
else
cross_marquee.style.top=marqueeheight+8
}
else if (document.layers){
if (ns_marquee.top>(actualheight*(-1)+8))
ns_marquee.top-=copyspeed
else
ns_marquee.top=marqueeheight+8
}
}

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
</head>
<body bgcolor="#ffffff">
<script language="JavaScript1.2">var marqueecontent=''<Div align="left">Empresas - 26/03/03<br>El Tecnoparque de la Bahía de Cádiz acogerá empresas de los sectores de la <br>aeronáutica, naval y automoción.<br>La Junta de Andalucía destinará 5,8 millones de euros a hacerlo realidad. . .</div><br><br>'' +
''<Div align="left">Tecnología - 26/03/03<br>Expertos en diseño, tecnologías e ingeniería de producto se citarán en mayo,<br> en Valencia. La capital levantina acoge un congreso dedicado a estas tres áreas. . . </div><br><br>'' +
''<Div align="left">Encuentros empresariales - 26/03/03<br>Las empresas proveedoras de servicios, protagonistas en Portal Point.<br>La feria ha reducido superficie este año, pero espera consolidarse en 2004. . .</div><br><br>'' +
''<Div align="left">Creación de empleo - 26/03/03<br>Los programas de empleo de la Diputación Provincial de<br>Valladolid cerraron el año 2002 con éxito.<br>La institución destinó 3.127.607 euros, cofinanciados, a las distintas iniciativas. . .</div><br><br>''

window.onload=populate

if (iedom||document.layers){
with (document){
if (iedom){
write(''<div style=" position:relative;width:''+marqueewidth+'';height:
''+
marqueeheight+'';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">'')
write(''<div id="iemarquee" style="position:absolute;left:10;top:10;width:100% ;">'')
write(''</div></div>'')
}
else if (document.layers){
write(''<ilayer width=''+marqueewidth+'' height=''+marqueeheight+'' name="ns_marquee">'')
write(''<layer name="ns_marquee2" width=''+marqueewidth+'' height=''+marqueeheight+'' left=10 top=10 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>'')
write(''</ilayer>'')
}
}
}

</script>

</body>
</html>

[txarly]

Lo siento, te lo envie tal como lo tenía yo, implementado en PL/SQL sin darme cuenta que el formato tenía que cambiarlo para HTML.
Este lo he probado y si que funciona. Un saludo:

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
</head>
<body bgcolor="#ffffff">
<script language="JavaScript1.2">

//Specify the marquee's width (in pixels)
var marqueewidth=500
//Specify the marquee's height
var marqueeheight=80
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=2
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1

marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
var actualheight=''
var cross_marquee, ns_marquee

function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.top=marqueeheight+8
cross_marquee.innerHTML=marqueecontent
actualheight=cross_marquee.offsetHeight
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee 2
ns_marquee.top=marqueeheight+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualheight=ns_marquee.document.height
}
lefttime=setInterval("scrollmarquee()",50)
}

function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.sty le.top)-copyspeed
else
cross_marquee.style.top=marqueeheight+8
}
else if (document.layers){
if (ns_marquee.top>(actualheight*(-1)+8))
ns_marquee.top-=copyspeed
else
ns_marquee.top=marqueeheight+8
}
}

var marqueecontent='<Div align="left">Empresas - 26/03/03<br>El Tecnoparque de la Bahía de Cádiz acogerá empresas de los sectores de la <br>aeronáutica, naval y automoción.<br>La Junta de Andalucía destinará 5,8 millones de euros a hacerlo realidad. . .</div><br><br>' +
'<Div align="left">Tecnología - 26/03/03<br>Expertos en diseño, tecnologías e ingeniería de producto se citarán en mayo,<br> en Valencia. La capital levantina acoge un congreso dedicado a estas tres áreas. . . </div><br><br>' +
'<Div align="left">Encuentros empresariales - 26/03/03<br>Las empresas proveedoras de servicios, protagonistas en Portal Point.<br>La feria ha reducido superficie este año, pero espera consolidarse en 2004. . .</div><br><br>' +
'<Div align="left">Creación de empleo - 26/03/03<br>Los programas de empleo de la Diputación Provincial de<br>Valladolid cerraron el año 2002 con éxito.<br>La institución destinó 3.127.607 euros, cofinanciados, a las distintas iniciativas. . .</div><br><br>'

window.onload=populate

if (iedom||document.layers){
with (document){
if (iedom){
write('<div style=" position:relative;width:'+marqueewidth+';height:'+
marqueeheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:10;top:10;width:100% ;">')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee">')
write('<layer name="ns_marquee2" width='+marqueewidth+' height='+marqueeheight+' left=10 top=10 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
}
}

</script>

</body>
</html>