|
En esta sección, se ira agregando todas las semanas
trucos en html y JavaScript.
Como escribir en la barra de estado
Insertando frases al azar
Abriendo subventanas
Comentario sobre un enlace
Música en cualquier navegador
Días que restan hasta el año 2000
Como escribir en la barra de estado
Autor: enano (enano@i.com.uy)
Entre el <HEAD> y el <BODY> introduce lo siguiente:
<SCRIPT LANGUAGE="JavaScript">
function iEscribirStatus()
{ window.status="Bienvenido a I!";
}
</SCRIPT>
Ahora tienes que agregar al tag <BODY> esto:
<BODY onLoad="iEscribirStatus()">
Insertando frases al azar
Autor: Nacho Facello (nachazo@i.com.uy)
Código entre el <HEAD> y
el <BODY> :
<SCRIPT LANGUAGE="JavaScript">
Frase=new Array();
Frase[1]='Primera Frase';
Frase[2]='Segunda Frase';
Frase[n]='Frase n';
var CantidadFrases=n;
</SCRIPT>
Ahora, donde quieres que aparezca la frase, insertas
el siguiente código:
<SCRIPT LANGUAGE="JavaScript">
var FraseElegida=Math.floor((Math.random()*CantidadFrases)+1);
document.write(""",Frase[FraseElegida],""")
</SCRIPT>
Abriendo subventanas
Autor: Watson (juanca@i.com.uy )
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function WinOpen() {
msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");
msg.document.write("<head><title>Hola gente
I!</title></head>");
msg.document.write("<center><h1><b>Esto es una
demo...</b></h1></center><br>");
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<input type="button" name="Boton1"
value="Pulsame" onclick="WinOpen()">
</FORM>
</BODY>
Comentario sobre un enlace
Autor: Watson (juanca@i.com.uy )
<a
href="http//www.i.com.uy" onMouseOver="window.status='Acceso a I!'; return
true">vínculo</a>
<a href=""
onMouseOver="window.status='Correo Gratis!'; return true">palabra</a>
<a href=""
onMouseOver="Bienvenido()">ventana</a>
El primero de los casos muestra un comentario sobre un vínculo
en la barra de estado, el segundo, muestra un comentario sobre una palabra y el
tercero abre una ventana con un
comentario.
Para este último caso se debe de copiar el código que está dentro de los
<HEAD></HEAD> de "Abriendo Subventanas".
Música en cualquier navegador
Autor: Watson (juanca@i.com.uy )
<SCRIPT
LANGUAGE="JavaScript">
var BrowserName=navigator.appName;
var BrowserVersion=navigator.appVersion.substring(0,1);
if (BrowserName == "Microsoft Internet Explorer" && BrowserVersion <
4) {
document.write("<BGSOUND SRC=bgmusic.mid>");
}
else {
document.write("<EMBED SRC=bgmusic.mid AUTOSTART=True HIDDEN=True>");
}
</SCRIPT>
Este código permite reproducir temas .mid en cualquier
navegador.
Días que restan hasta el año 2000
Autor: Watson (juanca@i.com.uy )
<SCRIPT
LANGUAGE="JavaScript">
var daysLeft;
var today = new Date();
var target = new Date("Jan 1 2000");
daysLeft = (target - today)/(60*60*1000*24);
daysLeft = Math.ceil(daysLeft);
if (daysLeft > 1 ) {
document.write("Restan " + daysLeft + " días para el
año 2000");
}
if (daysLeft == 1) {
document.write("Resta " + daysLeft + " día para el año
2000");
}
if (daysLeft < 1) {
document.write("¡¡¡ Bienvenido al año 2000 !!!");
}
</SCRIPT>
</FONT>
Insertando un cuadro con la fecha y la hora
Autor: enano (enano@i.com.uy)
Código entre el <HEAD> y
el <BODY> :
<SCRIPT LANGUAGE="JavaScript">
//<!-- enano@i.com.uy CopyLeft
// El siguiente programa crea 2 cuadros, el primero
// con Hora:Minuto:Segundos y el segundo con Dia:Mes:Año
var tiempoVer, fechaVer;
function clock() {
now= new Date();
// tiempo
horas= now.getHours();
minutos= now.getMinutes();
segundos= now.getSeconds();
tiempoVer= "" + horas;
tiempoVer+= ((minutos < 10) ? ":0" : ":") + minutos;
tiempoVer+= ((segundos < 10) ? ":0" : ":") + segundos;
document.clock.tiempo.value = tiempoVer;
// fecha
dia= now.getDate();
mes= now.getMonth()+1;
ano= now.getYear();
fechaVer= "" + mes;
fechaVer+= ((dia < 10) ? "/0" : "/") + dia;
fechaVer+= "/" + ano;
document.clock.fecha.value = fechaVer;
Timer= setTimeout("clock()",1000);
}
// -->
</SCRIPT>
Ahora tienes que insertar dentro del body
onLoad="clock()"
y donde quieres que aparezcan los cuadros el
siguiente codigo:
<FORM name="clock">
Tiempo: <input type="text" name="tiempo" size="8" value="">
Facha: <input type="text" name="fecha" size="8" value="">
</FORM>
|
