Textos moviles

saperoco · #1 (**permalink**) 15/08/2007, 21:07

Saludos, necesito ayuda, necesito saber como hacer un cuadro de texto el cual la informacion cambie... en realidad no se si es un cuadro de texto o que es, ni si es en php o en javascript, pero aki tengo un ejemplo www.cuantoacuanto.com, quiero hacer algo como lo que esta en el encabezado donde pasan resultados... gracias por la ayuda de antemano!

Patrón.Mortinato · #2 (**permalink**) 15/08/2007, 22:11

Hola, bueno, pues la pagina que comentas es una tabla simplemente hecha con html, y que trae datos de una base de datos pues llama a una pagina php, y esta a su vez hace un header de refresh, y asi es que se va refrescando continuamente, asi que si quieres hacer algo parecido puedes emular eso o en un cuadro de texto enlazar ese cuadro con información que tengas en una base de datos o en un arreglo y con un for por ejemplo vas rotando la info, bueno, es solo una idea. Saludos

saperoco · #3 (**permalink**) 19/08/2007, 17:58

Vale gracias! chevere, esa es una buena idea... pero queria hacer algo como lo que esta en el recuadro amarillo... que el texto se valla moviendo...

saperoco · #4 (**permalink**) 20/08/2007, 14:06

Por si acaso alguien necesita saber como se hace, ya lo he encontrado... es una etiqueta de html llamada marquee aqui hay un link donde explica como usarla... http://www.webtaller.com/manual-html/marquee.php...

richerweb · #5 (**permalink**) 20/08/2007, 16:51

Cita:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="refresh" content="900,URL=http://www.cuantoacuanto.com/scroll_result.php">
</head>

<body>

<table width="283" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><script language="JavaScript">
//Vertical Scroller v1.2- by Brian of www.ScriptAsylum.com
//Updated for bug fixes
//Visit JavaScript Kit (http://javascriptkit.com) for script

//ENTER CONTENT TO SCROLL BELOW.
var content
content='';
content+='<div align="center"> <table width="300" border="0" cellspacing="0" cellpadding="0">';
content+='<tr>';
content+='<td><font face="Arial, Helvetica, sans-serif" size="1" color="#CC3300"><strong>Beisbol</strong></font></td>';
content+='</tr>';
content+='<tr>';
content+='<td><font face="Arial, Helvetica, sans-serif" size="1">06/10/2006</font></td>';
content+='</tr>';
content+='<tr> ';
content+='<td><font face="Arial, Helvetica, sans-serif" size="1">';
content+='';
content+='<img src=david/imgs/';
content+='ny.jpg';
content+=' border=0> ';
content+='';
content+='Yankees  0 - ';
content+='';
content+='Tigres  6</font></td>';
content+='</tr>';
content+='<tr>';
content+='<td><font face="Arial, Helvetica, sans-serif" size="1">Resultado: Final</font></td>';
content+='</tr>';
content+='<tr>';
content+='<td><font face="Arial, Helvetica, sans-serif" size="1"></font></td>';
content+='</tr>';
content+='<tr>';
content+='<td><hr></td>';
content+='</tr>';
content+='</table>';
content+='';

var boxheight=84; // BACKGROUND BOX HEIGHT IN PIXELS.
var boxwidth=300; // BACKGROUND BOX WIDTH IN PIXELS.
var boxcolor="#FFFFFF"; // BACKGROUND BOX COLOR.
var speed=100; // SPEED OF SCROLL IN MILLISECONDS (1 SECOND=1000 MILLISECONDS)..
var pixelstep=2; // PIXELS "STEPS" PER REPITITION.
var godown=false; // TOP TO BOTTOM=TRUE , BOTTOM TO TOP=FALSE

// DO NOT EDIT BEYOND THIS POINT

var outer,inner,elementheight,ref,refX,refY;
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:fal se;
var txt='';
if(ns4){
txt+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheight+' width='+boxwidth+'><tr><td>';
txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width='+boxwidth+' height='+boxheight+'></ilayer>';
txt+='</td></tr></table>'
txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width='+boxwidth+' height='+boxheight+'>';
txt+='<layer name="inner" width='+(boxwidth-4)+' height='+(boxheight-4)+' visibility="hidden" left="2" top="2" >'+content+'</layer>';
txt+='</layer>';
}else{
txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; background-color:'+boxcolor+';" ></div>';
txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" >';
txt+='<div id="inner" style="position:absolute; visibility:visible; left:2px; top:2px; width:'+(boxwidth-4)+'; overflow:hidden; cursor:default;">'+content+'</div>';
txt+='</div>';
}
document.write(txt);

function getElHeight(el){
if(ns4)return (el.document.height)? el.document.height : el.clip.bottom-el.clip.top;
else if(ie4||ie5)return (el.style.height)? el.style.height : el.clientHeight;
else return (el.style.height)? parseInt(el.style.height):parseInt(el.offsetHeight );
}

function getPageLeft(el){
var x;
if(ns4)return el.pageX;
if(ie4||w3c){
x = 0;
while(el.offsetParent!=null){
x+=el.offsetLeft;
el=el.offsetParent;
}
x+=el.offsetLeft;
return x;
}}

function getPageTop(el){
var y;
if(ns4)return el.pageY;
if(ie4||w3c){
y=0;
while(el.offsetParent!=null){
y+=el.offsetTop;
el=el.offsetParent;
}
y+=el.offsetTop;
return y;
}}

function scrollbox(){
if(ns4){
inner.top+=(godown)? pixelstep: -pixelstep;
if(godown){
if(inner.top>boxheight)inner.top=-elementheight;
}else{
if(inner.top<2-elementheight)inner.top=boxheight+2;
}}else{
inner.style.top=parseInt(inner.style.top)+((godown )? pixelstep: -pixelstep)+'px';
if(godown){
if(parseInt(inner.style.top)>boxheight)inner.style .top=-elementheight+'px';
}else{
if(parseInt(inner.style.top)<2-elementheight)inner.style.top=boxheight+2+'px';
}}}

window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
}}

window.onload=function(){
outer=(ns4)?document.layers['outer']:(ie4)?document.all['outer']:document.getElementById('outer');
inner=(ns4)?outer.document.layers['inner']:(ie4)?document.all['inner']:document.getElementById('inner');
ref=(ns4)?document.layers['ref']:(ie4)?document.all['ref']:document.getElementById('ref');
elementheight=getElHeight(inner);
if(ns4){
outer.moveTo(getPageLeft(ref),getPageTop(ref));
outer.clip.width=boxwidth;
outer.clip.height=boxheight;
inner.top=(godown)? -elementheight : boxheight-2;
inner.clip.width=boxwidth-4;
inner.clip.height=elementheight;
outer.visibility="hide";
inner.visibility="show";
}else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
inner.style.top=((godown)? -elementheight : boxheight)+'px';
inner.style.clip='rect(0px, '+(boxwidth-4)+'px, '+(elementheight)+'px, 0px)';
outer.style.visibility="visible";
}
setInterval('scrollbox()',speed);
}
</script></td>
</tr>
</table>

</body>
</html>

Esta linea lo que hace es llamarte la misma pagina para checar los resultados

<meta http-equiv="refresh" content="900,URL=http://www.cuantoacuanto.com/scroll_result.php">

Pero en si, lo que esta en el content es lo que se mueve, eso lo puedes llenar con una consulta al una base de datos de php

otra cosa

Puedes hacerlo tambien en ajax y quedaria mejor, pero eso es otro cantar