Como es bien sabido en el desarrollo de paginas web la mayoria de las veces para hacer una pagina web mas dinamica se requiere el uso de javascript, pero ay una gran diversidad de navegadores hoy en dia que luchan por querer ser famosos, aunque la mayoria trata de basarse en estandares ay veces no aceptan ciertas propiedades o metodos que no funcionan correctamente, como es el ejemplo de este codigo que cree para controlar la cantidad de desplazamiento del texto en cada movimiento de avance.

El script esta realmente sencillo es solo el uso de un poco de DHTML y javascript :

< View plain text >
js

  1. <script language="javascript" type="text/javascript">
  2.  
  3.                 function mas(){
  4.                 marco=document.getElementById('marquesina');
  5.                     if(marco.scrollAmount<22){
  6.                         marco.setAttribute("scrollAmount", parseInt(marco.scrollAmount)+1)
  7.                     }
  8.                 }
  9.  
  10.                 function menos(){
  11.                 marco=document.getElementById('marquesina');
  12.                     if(marco.scrollAmount>2){
  13.                         marco.setAttribute("scrollAmount", parseInt(marco.scrollAmount)-1)
  14.                     }
  15.                 }
  16. </script>

Este es el codigo HTML de la marquezina (MARQUEE), lo importante de el siguiente codigo es el atributo ID que es el nombre con el que la funcion getElementById jalara el elemento para poder manipularlo dentro de las funciones mas y menos, bien he aqui el codigo HTML:

< View plain text >
HTML

  1. <marquee scrollamount="2" id="marquesina" direction="up" style="border:0; width:185px; height:320px;" onMouseOver="this.stop();" onMouseOut="this.start();">
  2.     Aqui va el contenido....
  3. </marquee>

Este anterior Script corre en la mayoria de los navegadores, ya que el script anterior que habia realizado no funcionaba para Safari, ya que por alguna razon al enviarle a la propiedad scrollAmount el incremento la velocidad de la marquezina no cambiava, aqui les pongo el codigo anterior:

< View plain text >
js

  1. <script language="javascript" type="text/javascript">
  2.  
  3.                 function mas(){
  4.                 marco=document.getElementById('marquesina');
  5.                     if(marco.scrollAmount<22){
  6.                         marco.scrollAmount=parseInt(marco.scrollAmount)+1;
  7.                     }
  8.                 }
  9.  
  10.                 function menos(){
  11.                 marco=document.getElementById('marquesina');
  12.                     if(marco.scrollAmount>2){
  13.                         marco.scrollAmount=parseInt(marco.scrollAmount)-1;
  14.                     }
  15.                 }             </script>

Como pueden notar practicamente se le envia directamente a la propiedad a diferencia del codigo anterior que lo envia usando la funcion setAttribute.

Como este ejemplo pueden aver muchos mas en los que rutinas que funciones bien en Exploradores como IE y Firefox no funcionen en algunos otros navegadores como puede ser Nescape o Safari, mas sim embargo siempre ay otras formas de acerlo y que funcionen perfectamente, espero le ayude de algo saber esto, y espero que quien lea esto cemente algo 😛 .