Tema: Script scroll
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 11/05/2005, 05:25
Avatar de monoswim
monoswim
$moderador{'Esteban'}
  
Fecha de Ingreso: febrero-2002
Ubicación: Buenos Aires - Argentina
Mensajes: 8.762
Antigüedad: 22 años, 9 meses
Puntos: 90
okok, manos a la obra !!!

Lo principal será hacer el scroll en JS con un documento HTML que valla subiendo como las propagandas...Luego en un segundo paso administraremos ese HTML con PERL.

1er paso: crear una carpeta "scroll" en la carpeta defoult para los HTML...O sea que la dirección será http://www.dominio.com/scroll

2do paso:
En el archivo index.html colocá el siguiente código
Código: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Ejemplo de Scroll modificable dinámicamente - MonoSwim - Alextroy - Forosdelweb.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="5">
  <tr> 
    <td><table width="100%" height="150" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
        <tr> 
          <td width="65%"><div align="center"><font color="#000000" size="3" face="Arial, Helvetica, sans-serif"><strong> 
              Script de scroll !!! </strong></font></div></td>
          <td width="35%" bgcolor="#FFFFCC"> 
            <!--<IFRAME> scroller- By Dynamic Drive-->
            <!--For full source code and more DHTML scripts, visit http://www.dynamicdrive.com-->
            <!--This credit MUST stay intact for use-->
            <iframe id="datamain" src="external.htm" width=100% height=100% marginwidth=0 marginheight=0 hspace=0 vspace=3 frameborder=0 scrolling=no></iframe></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>
Y en el external.htm colocá

Código: 
<html>
<body bgcolor="#FFFFCC">
<div id="datacontainer" style="position:absolute;left:0;top:10;width:100%" onMouseover="scrollspeed=0" onMouseout="scrollspeed=cache">

<!-- ADD YOUR SCROLLER COMMENT INSIDE HERE--------------------->

  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>  
  <p><b><font size="3" face="Verdana, Arial, Helvetica, sans-serif">Novedades</font></b></p>
  <p align="left"><font size="3" face="Verdana, Arial, Helvetica, sans-serif"><strong>Viajes 
    Ex&oacute;ticos </strong></font><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><br>
    Viaje a indonesia con todo pago, un paquete muy completo con 
    hotel 5 estrellas y viajes a&eacute;reos en primera.</font></p>
  <p align="left"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong><font size="3">Bariloche 
    - Fiesta de la Nieve </font></strong> <br>
    Imperdible fiesta de 3 d&iacute;as a puro sky, snowboard 
    y las mejores fiestas en la base del cerro catedral</font></p>
  <p align="left"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong><font size="3">Sud&aacute;frica 
    salvaje </font></strong><br>
    Espectacular viaje a trav&eacute;s de las ex&oacute;ticas 
    geograf&iacute;as de sud&aacute;frica, un viaje a pura adrenalina, en un hotel 
    con todas las comodidades</font></p>
  <p align="left"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong><font size="3">Viaje 
    al fin del mundo</font><br>
    </strong>Viaje a Usuahia con todo pago para realizar 
    todo el turismo aventura que esta ciudad ofrece, un viaje para realizar con 
    toda la familia.</font> 
    <!-- END SCROLLER CONTENT---------------------------------------->
  <div>

<script language="JavaScript1.2">

//<iframe> script by Dynamicdrive.com

//Specify speed of scroll. Larger=faster (ie: 5)
var scrollspeed=cache=2

function initialize(){
marqueeheight=document.all? parent.document.all.datamain.height : parent.document.getElementById("datamain").getAttribute("height")
dataobj=document.all? document.all.datacontainer : document.getElementById("datacontainer")
dataobj.style.top=5
thelength=dataobj.offsetHeight
scrolltest()
}

function scrolltest(){
dataobj.style.top=parseInt(dataobj.style.top)-scrollspeed
if (parseInt(dataobj.style.top)<thelength*(-1))
dataobj.style.top=5
setTimeout("scrolltest()",50)
}

window.onload=initialize

</script>

</div></div></body>
</html>

<center><span style="width: 100%; font-family: helvetica; font-size: 6px; Filter: Alpha(Opacity=0,FinishOpacity=0, Style=1);">
Design downloaded from <a href="http://www.freewebtemplates.com" style="font-family: helvetica; font-size: 6px;">FreeWebTemplates.com</a><br>
Free web design, web templates, web layouts, and website resources!
</span></center><br><br>
Y bueno, hasta acá llegamos, Avisame si te funciona así seguimos adelante !!!

Saludos
__________________
Esteban Quintana