ElTicus.com

Programación, lenguajes y recursos para programadores

**
manual
Curso Básico de HTML
Introducción a la programación de páginas Web
Publicado por JL Fecha: 2006-12-02 01:20:00 Idioma: Español Tipo de documento: manual
Descargar como PDF
Curso de HTML Básico

Curso básico de HTML

Guía para principiantes

(Curso para introducir a alguien a la programación de páginas web)



Programas escritos en JavaScript.

Además de leerse las especificaciones de JavaScript para realizar programas en Java, existe una forma más facil de incluir estos scripts en nuestra página. Si estamos viendo una página que tiene algun efecto especial que nos guste, simplemente hemos de visualizar el código fuente de la misma (en Netscape opcion View - Document Source), marcar con el ratón todo el bloque contenido entre las directivas <SCRIPT> </SCRIPT>, copiarlas al portapapeles con CTRL+C y posteriormente incluir este bloque en nuestra página modificando los literales o frases animadas. Estas frases serán faciles de localizar porque contendrán la palabra var xx= " ....." antecediéndolas.

Sirva como ejemplo este código completo de una función JavaScript muy utilizada, que muestra varios mensajes desplazándose por la barra inferior del visor de páginas Web. Debemos modificar los literales indicados en var m1, var m2 y var m3 para adecuarlos al texto que queramos mostrar. Si se desea incluir mas mensajes hay que añadir mas líneas del tipo var mx = "texto " y "sumar" dichas variables en el apartado var msg = .

IMPORTANTE: Nótese que el código JAVASCRIPT se encuentra en la sección de "cabecera" (<HEAD>), y que la directiva <BODY> incluye el parámetro onload para que se comience a ejecutar el código JavaScript en el momento de cargar la pagina. 



<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!-- Ocultar el código para los viejos visores html --
   function scrollit(seed)
   {
      var m1  =  " Texto 1 "
      var m2  =  " Texto 2 "
      var m3  =  " Texto 3 "
      var msg=m1+m2+m3;
      var out = " ";
      var c = 0;
      if (seed > 100)
        {
        seed--;
        var cmd="scrollit(" + seed + ")";
        timerTwo=window.setTimeout(cmd,7);
        }
      else
        if (seed <= 100 && seed > 0)
          {
          for (c=0 ; c < seed ; c++)
            {
            out+=" ";
            }
          out+=msg;
          seed--;
          var cmd="scrollit(" + seed + ")";
          window.status=out;
          timerTwo=window.setTimeout(cmd,7);
          }
        else if (seed <= 0)
          {
          if (-seed < msg.length)
            {
            out+=msg.substring(-seed,msg.length);
            seed--;
            var cmd="scrollit(" + seed + ")";
            window.status=out;
            timerTwo=window.setTimeout(cmd,7);
            }
          else
            {
            window.status=" ";
            timerTwo=window.setTimeout("scrollit(100)",75);
            }
          }
   }
   // --Final del codigo oculto -->
</SCRIPT>
<TITLE></TITLE>
</HEAD>
<BODY  onload="timerONE=window.setTimeout('scrollit(100)',500)">

 

  Aquí va el contenido de tu página

 

</BODY>

</HTML>

 

NASA
 

<< Tema anterior Tema siguiente >>



Hay 156 comentarios sobre este tema por parte de los lectores


Haz un comentario sobre este tema
Nombre email (no se muestra)
comentario:
Escribe las 2 letras que ves aquí: Imagen anti-spam =

Los últimos 5 comentarios colocados son: