Default
Google

 SITIO OBSOLETO
LA NUEVA DIRECCIÓN:

http://pio9.com

      Chat | Correo | Tú preguntas | Foro | Léeme |    
 Recuperar  Reparar XP
 Convierte tu  ordenador en  un Osciloscopio
 Controla  totalmente XP
 Cambiar la  Apariencia
 Crackear mi  programa
 Recuperar las  contraseñas de  los usuarios
 Recuperar los  Permisos de los  usuarios NTFS
 Pasa tus discos  y cassettes a  CDROM
 De MID a WAV  de WAV a MID
 Conecta dos  ordenadors por  puerto paralelo
 MACROS en  Word
 Nociones de  Internet
 Recuperar  información de  un disquete o  disco duro
 Hacer un Disco  Virtual en RAM
 Encende-Apaga  ordenador  Automátcmente
 Arranque XP  MBR - BIOS
 Quitar el Botón  de Inicio
 VIRUS keyloger
 Puerto 5000
 Proteger  Carpetas
 FORMATEAR  NTFS - FAT
 Pasar a PDF
     360º
 ¡ No Cambies !
 Hacer imagen
 NetMeeting
 eMule KaZaA
 Yahoo+POP3
 Winzip
 Grabar CD-DVD
 Snagit
 GIF animados
 Eliminar Pop-up
 Xara
 Flash
 Animat Screen
 WinHTTrack
 VNC
 WAP
 La hora
 AceMacro
 Skipe - PalTalk
 Troyanos
 Cortafuego XP
 Otros
 Bloquear Teclas  y Teclado
 XP en CDROM !!
 MSDOS CDROM
 Servidor SMTP  y Envío MSDOS
 Web y Correo    Anónimo !!!
 Instalar Win98
 después de XP
 Game Boy
 Redes
 Discoduro
 Favoritos
 Algunas Páginas
    C
 EyeToy PS2-PC
 Ver Televisión
 HacerPublicidad
 FTP
 Varios
 Preguntas
 Curiosidades
 MUY DIVER :-)
 Unas palabras
 Password
 Hotmail
 Números de
 Serie
 Crack Páginas  Web
 Resumen
 Enlaces


JavaScript

Las páginas web están construida con un lenguaje llamado htm (HiperText Mark-up Language), este lenguaje coloca letras, colores, tablas, formularios, ... en la página web, pero es un lenguaje limitado. JavaScript es un lenguaje que se inserta en la página web y amplía los efectos que puede tener la página como dinamismo, multimedia, introducir claves, movimientos, información, ..... le da a la página un aspecto más profesional.

La página web en formato htm sabemos que se compone de dos partes, la superior:

<HEAD>

</HEAD>

y la inferior

<BODY>

</BODY>

Pues bien, los código de JavaScript

  • unas veces van dentro del HEAD,
  • otras veces van dentro del BODY
  • y otras veces hay que introducir códigos dentro del HEAD y dentro del BODY.

Estos códigos de JavaScript van dentro de una marca especial como:

<SCRIPT LANGUAGE="javascript">
códigos
códigos
códigos
</SCRIPT>

No se pretende aquí estudiar el lenguaje JavaScript a fondo, porque llevaría mucho tiempo, simplemente veremos unas nociones básicas, con la pretensión de poder modificar códigos ya realizados por otras personas. En efecto, hay muchas utilidades que ya tienen códigos JavaScript preparados para funcionar, nosotros vamos a coger esos códigos, copiarlos (tal vez modificarlos) e insertarlos en nuestras páginas web.

Entra en un buscador de Internet y escribe -javascript- saldrán muchos tutoriales sobre programación y ejemplos. Realizar un buen código Javascript es complicado, hay muchas páginas en Internet en donde podemos conseguir códigos que realizan efectos vistosos. Son interesantes los Javascript de menús e imagenes.

Aquí te indico varias páginas de donde puedes bajar programas que ya tienen códigos de JavaScript construidos y los puedes insertar en tus páginas.

  • Anfy en http://www.anfyteam.com/ este programa te presenta una gran cantidad de JavaScript.
  • AAScripter en http://www.cyberiapc.com es un programa para que puedas ver e insertar muchos JavaScript con facilidad.
  • AceHTML en http://www.visicommedia.com es un programa para realizar páginas web y además trae una gran cantidad de JavaScript muy interesantes.
  • Dynamic Drive en http://www.dynamicdrive.com aquí encontrarás una gran cantidad de ejemplos.
  • En cualquier buscador puedes pones: javascript, o javascript menu y saldrán muchos tutoriales sobre este lenguaje.

 

Documentos JavaScript:

  1. Trucos de JavaScript.doc. Varios ejemplos elementales de JavaScript. Ocupa 36K.SDHJG

Aquí presento una serie de ejemplos con JavaScript, muchas están sacadas de los programas anteriormente recomendados. Se pretende que los veas, consulta el código fuente (Ver/Código fuente). Mira el HEAD y el BODY. Realiza modificaciones. En muchos de ellos faltan imágenes. En otros tienes que esperar unos segundos para que se produzca el efecto.

1.- RollOver. Cuando pases el ratón sobre el dibujo, éste cambiará, puedes poner un hiperenlace.
2.- Desplegable. Elige una página en la lista desplegable y pulsa el botón.
3.- Casillero. Saldrá una frase dinámica dentro de un casillero.
4.- Atras. Botones para ir Atrás, Adelante o a Inicio.
5.- Texto Animado. Parecido al Casillero, sale un texto en un casillero y se ponen letras mayúsculas.
6.- Fondo. Cambia el color del fondo mediante un desplegable.
7.- Línea de estado. Cambia el mensaje de la línea de estado, esta es la parte inferior de la ventana.
8.- Botones inteligentes. Se van mostrando botones con hiperenlaces.
9.- Casillero con letras movibles. Parecido al Casillero, las letras se desplazan.
10.- Mensajes. Salen mensajes cuando pulsamos un botón.
11.- Cerrar ventana. Para cerrar la ventana actual.
12.- Calculos. Cálculos en casilleros.
13.- Colores. Al pasar el cursor por las letras, cambia el color del fondo.
14.- Color del fondo. Cada vez que pulsas el botón cambia aleatoriamente el color del fondo.
15.- Barra de estado. Sale un mensaje en la barra de estado.
16.- Mensaje.Cuando pulsas el botón sale un mensaje.
17.- Fecha.Presenta la fecha actual.
18.- Color del fondo con botones. Elege mediante varios botones el color del fondo.
19.- Fecha y hora. Presenta en dos casilleros la fecha y la hora actual.
20.- El texto rebota. Un texto se mueve hacia arriba y hacia abajo.
21.- Botones. Botones que hiperenlaza a otra páginas.
22.- Desplegable. Desplegable que enlaza a la misma página o a otras páginas.
23.- Botón. Otro botón con hiperenlace.
Sacados de AceHTML:
24.- Calculadora. Calculadora con varias operaciones.
25.- Fondo y botones. Botones para ajustar el color del fondo.
26.- ASCII. Presenta el código ASCII.
27.- Fecha de carga. Presenta la fecha y hora en que se cargó la página.
28.- Dias que faltan. Presentan los días que faltan para una determinada fecha.
29.- Dias pasados. Presenta los días que han transcurridos desde una determinada fecha.
30.- Tiempo ventana. Al cabo de un determinado tiempo aparece otra ventana.
31.- Cierra abre ventana. Al cerrar la ventana actual, se abre otra ventana.
32.- Focus. Pone el focus en un determinado casillero.
33.- Discos. Con unos botones puedes navegar en los discos del ordenador cliente.
34.- Veces. Presenta las páginas que has visitado en ésta sesión.
35.- Actualiza. Muestra la fecha de actualización de la página.
36.- Barra de estado. Cuando estes sobre el hiperenlace, saldrá un mensaje en la barra de estado.
37.- Dos paginas. Cuando pulses sobre el hiperenlace, saldrán dos páginas en frames.
38.- Tiempo de pagina. Al cabo de 5 segundo sale otra página en otra ventana.
39.- Boton derecho. Desactiva el botón derecho, para no poder copiar imágenes por este método.
40.- Texto arcoiris. Presenta un texto degradado según el arcoiris.
41.- Visitante. Indica de que página procede el visitante.
42.- Recarga. La página se vuelve a cargar cuando el visitante la cambia de tamaño.
43.- Calendario. Muestra un calendario.
44.- Cálculo. Calculadora simple.
45.- Saludo. Muestra un saludo según la hora del día.
46.- Tiempo pagina. Muestra el tiempo has estado en una página.
47.- Cookie. Manda una cookie al visitante con saludo y dato de la última vez.
48.- Incrementa. Añade o resta uno a un casillero.
49.- Movimiento de texto. El texto se mueve en un casillero.
50.- Hora. Muestra la hora.
51.- Desplegable. Otro desplegable con hiperenlaces.
52.- Imágenes. Selecciona imágenes con un desplegable.
53.- Tiempo imágenes. Cada cierto tiempo se presenta una imagen.
54.- Máquina de escribir. El texto sale letra a letra.
55.- Popup. Al pulsar sobre un enlace se genera otra página con un mensaje.
56.- Clave. Has de poner una clave.
57.- Ventana. Saca una nueva ventana.
58.- Hora. Otro Script que muestra la hora (sin casillero).
59.- Inicio. Cuando pulsas pones una página como Inicio (revisar).
60.- Menu contextual. Cuando pasas por los hiperenlaces cambia un texto.
61.- Arbol de menú. Un menú que cuando pulsa salen submenus.
62.- Menu horizontal. Barra horizontal de menu, letras blanca y roja.
63.- Menu oculto. El menu está casi oculto y sale cuando no ponemos sobre él.
64.- Menu anidado. Parecido al árbol de menú. Un menú puede contener submenú.
65.- Frase cambia. Según va pasando el tiempo cambia una frase.
66.- Siempre presente. Una frase o una imagen siempre está en la pantalla aunque ésta sea muy larga.
67.- Letras movibles.Un texto se mueve, parecido a MARQUEE.
68.- Letras caen. Las letras caen y se posicionan.
69.- Letras entran. Una frase se desplaza hasta ponerse en un lugar.
70.- Menú cambiante. El menu cambia y se mueve hacia arriba.
71.- POPUP. Popup cuando ponemos sobre un texto.
72.- Popup. Otro Popup.
73.- Cambia letras. Cambia el color y las letras en un hiperenlace.
74.- Efectos letras. Las letras suben, desaparecen y cambian.
75.- Letras entran2. Las letras entran de derecha a izquierda.
76.- Imagenes salen. Salen del centro de la pantalla varias imagenes y se mueven.
77.- Listado de imagenes. Un listado de imagenes, al pulsar sobre una, sale.
78.- Entra imagen. La imagen entra en la pantalla desplazandose de derecha a izquierda.
79.- Imagen Sube. Las imagenes se desplazan hacia arriba, se detienen y desaparecen.
Los siguientes están sacados de AAScripter:
80.- Barra de estado. Mensaje en la barra de estado.
81.- Barra de estado. Varios mensajes en la barra de estado.
82.- Barra de estado. Barra estado como máquina de escribir.
83.- Barra de Títulos. Mensaje en la barra de títulos.
84.- Barra de estado. Otro tipo de presentación en la barra de estado.
85.- Barra de estado. Mayúscula y minúsculas en la barra de estado.
86.- Barra de estado flash. Flash en la barra de estado.
87.- Fecha Muestra la fecha.
88.- Alreves. Un texto sale al revés.
89.- Letrascolor. Un texto cambia de color.
90.- Animación con textos. Varios textos hacen un zoom.
91.- Mensaje. Muestra un mensaje.
92.- Textomovible. Un texto se mueve en un casillero.
93.- Letras caen. Las letras caen en la carga de la página.
94.- Efectos textos. El texto se mueve con efectos.
95.- Texto salta. El texto se mueve de un lugar a otro de la pantalla.
96.- Maquina escribir. El texto sale letra a letra.
97.- Texto en un botón. Sale un texto dinámico en un botón.
98.- Fondo aleatorio. Cada vez que arranca sale un fondo distinto.
99.- Fondo según hora del día. Según la hora del día sale una hora.
100.- Imagenes con botones. Las imagenes salen cuando apretamos un botón.
101.- Imagenes tiempo. Cada cierto tiempo sale una imagen con hiperenlace.
102.-Tudisco. Navegador de tu disco.
103.- Puzzle. Mueve los trozos de dibujos.
104.-Nueva ventana. Cuando pulses sobre una palabra, sale una nueva ventana.
105.-Mover. Puedes mover una imagen o un texto.
106.-Calculadora. Otra calculadora.
107.- Tiempobajar. Tiempo estimado en bajar un archivo, según modem.
108.- Buscadores. Salen varios buscadores a la vez.
109.- Buscadores2. Elige buscador.
110.- Ventanatotal. La página ocupa toda la pantalla, (Salir=Ctrl+Alt+Supr).
111.- Salenventanas. Las ventanas salen poco a poco.
112.- Ventana. Ventana dentro de la página.
113.- Salirmensaje. Al cerrar la página, sale otra.
114.-Flash. Parpadeo del hiperenlace.
115.-Hiperenlacecontexto Hiperenlaces con textos.
116.-Botoncambia Un botón que se mueve.
117.-Botonderecho Cada vez que pulsas el botón derecho del ratón sale un mensaje.
118.-Pequeñaframe Una página dentro de otra.
119.-Entrada de página La página entra y/o sale con efectos.
120.-Espacio Estrellas que se mueven.
121.-
Tu ip Muestra tu IP (La página debe ser loquesea.shtml)


JavaScript con archivos externos

Como he comentado al principio de la página el código Javascript se inserta en el HEAD, en el BODY o en los DOS. Los ejemplos anteriormente mostrados son pruebas de ello.

Pero también hay otros Javascript que además de introducir códigos en la página web .htm, necesitan uno o varios archivos externos, normalmente con la extensión .js. Los códigos de Javascript de la página web .htm, llaman a esos archivos mediante la orden src=, por ejemplo :

<script language="javascript" src="archivo.js"> </script >

Aquí vamos a ver un ejemplo de este tipo que trata de un menú superior desplegable. Pulsa en desplegable.htm

Aquí tienes otro menú superior desplegable que siempre se mantiene en pantalla siemprepresente.htm


DHTML son páginas Web dinámicas, parecido a JavaScript

http://www.w3schools.com/dhtml/dhtml_examples.asp

 

© INICIAte- 2002-2005. Todos los derechos reservados. juandesam@yahoo.com
Prohibida la copia de los textos y dibujos presentados en este sitio web
Diseño web y programación por Juan A. Villalpando



Acquiring image from ProHosting Banner Exchange