Professional Documents
Culture Documents
Practicos Script
Practicos Script
<HTML>
<HEAD>
<TITLE>CONFIGURANDO HTML
</TITLE>
</HEAD>
<BODY>
<Script language = "JavaScript">
function sumar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)+
eval(document.forms[0].nN2.value);
}
function restar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)-
eval(document.forms[0].nN2.value);
}
function multiplicar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)*
eval(document.forms[0].nN2.value);
}
function dividir()
{
if (eval(document.forms[0].nN2.value)!=0)
{
document.forms[0].nN3.value=eval(document.forms[0].nN1.value)/eval(document.forms[0
].nN2.value);
}
else
{
alert("No divide por cero");
}
}
</Script>
<BODY>
<Script language = "JavaScript">
function sumar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)+
eval(document.forms[0].nN2.value);
}
function restar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)-
eval(document.forms[0].nN2.value);
}
function multiplicar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)*
eval(document.forms[0].nN2.value);
}
function dividir()
{
if (eval(document.forms[0].nN2.value)!=0)
{
document.forms[0].nN3.value=eval(document.forms[0].nN1.value)/eval(document.forms[0
].nN2.value);
}
else
{
alert("No divide por cero");
}
}
</Script>
<TITLE>URL JavaScript</TITLE>
</HEAD>
<BODY BGCOLOR="white">
<H2><FONT COLOR=#0000FF FACE="Modern">El URL JavaScript
</FONT></H2>
Por ejemplo, el cdigo siguiente crea un enlace que, cuando es pulsado, muestra una
ventana de confirmacin. Si el usuario pulsa sobre el link y escoje <I>Cancelar</I>, la
pgina especificada por el enlace no es cargada.
<CENTER><P>
<A HREF = "javascript:funcion()">Ejemplo de URL JAVASCRIPT</A>
</P></CENTER>
<P><H5><CENTER><B><A HREF="urljs_codi.htm">Cdigo</A> | <A
HREF="javascript:history.back()">Atrs</A> | <A
HREF="leccion1.htm">Inicio</A></B></CENTER></H5>
</BODY>
</HTML>
<html>
<head>
<SCRIPT LANGUAJE = "JavaScript">
function cuadrado(numero){
document.form1.resultat.value = numero * numero;
window.status='Has entrado el nmero ' + numero + ' y el resultado es '
+document.form1.resultat.value;
}
</SCRIPT>
<head>
<body>
<FORM name="form1" >
Entra un nmero:
<INPUT TYPE="text" NAME="entrada" SIZE=15>
<INPUT TYPE="button" VALUE="Cuadrado" onClick="cuadrado(entrada.value)">
<BR>
Resultado:
<INPUT TYPE="text" NAME="resultat" SIZE=15>
</FORM>
</body>
</html>
<html>
<body>
Esta es una simple pgina en HTML.
<br>
Ultima modificacin:
<script language="JavaScript">
<!-- oculta el script de los browsers obsoletos
document.write(document.lastModified)
// termina de esconder el contenido -->
</script>
</body>
</html>
<html>
<head>
<script language="JavaScript">
function RandomNumber() {
today = new Date();
num= Math.abs(Math.sin(today.getTime()));
return num;
}
</script>
</head>
<body>
<script language="LiveScript">
<!--
document.write("Este es un numero al azar:", RandomNumber());
// -->
</script>
</body>
</html>
<html>
<head>
<TITLE>TTULO DE PRUEBA</TITLE>
<script language="JavaScript">
function WinOpen() {
msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");
msg.document.write("<HEAD><TITLE>Que bien!</TITLE></HEAD>");
<html>
<head>
<title>Formulario de suma, resta, multiplicacion y division.</title>
<script language="JavaScript">
function mayor()
{
var a=eval(document.forms[0].n1.value);
var b=eval(document.forms[0].n2.value);
var c=eval(document.forms[0].n3.value);
var m=a;
if(b>m)
{
m=b;
}
if(c>m)
{
m=c;
}
document.forms[0].m1.value=m;
}
</script>
<head>
<html>
<head>
<title>Password</title>
<script language="JavaScript">
function pass()
{
var p=eval(document.forms[0].n1.value);
switch(p)
{
case 29:
alert("1");
break;
case 65:
alert("2");
break;
case 64:
alert("3");
break;
default:
alert("Esa no es la clave correcta")
/*if(p!=29,65,64){
}
else
{
}*/
}
</script>
</head>
<html>
<head>
<script language="JavaScript">
var Id=null;
var Activo=false;
function ParaReloj(){
if (Activo)
clearTimeout(Id);}
function ActivarReloj(){
ParaReloj();
Reloj()}
function Reloj(){
var fecha=new Date();
var horas=fecha.getHours();
var min=fecha.getMinutes();
var seg=fecha.getSeconds();
var Salida="";
Salida+=((horas<10)?"0":"")+horas+":";
Salida+=((min<10)?"0":"")+min+":";
Salida+=((seg<10)?"0":"")+seg;
document.reloj.hora.value=Salida;
timerId=setTimeout("Reloj()",1000);
timerActivo=true;}
</Script>
Ingresa 3 nmeros, permite realizar los clculos de suma, resta, producto y cociente y
borrar el contenido de un text.
<html>
<head>
<script language="Javascript">
function div()
{
if(eval(document.forms[0].caja2.value!=0))
{
document.forms[0].caja3.value=eval(document.forms[0].caja.value)/eval(document.forms[
0].caja2.value);
}
else
{
alert("No sea burro no existe la division por 0")
}
}
function rest()
{
document.forms[0].caja3.value=eval(document.forms[0].caja.value)-
eval(document.forms[0].caja2.value);
}
function sum()
{
document.forms[0].caja3.value=eval(document.forms[0].caja.value)
+eval(document.forms[0].caja2.value);
}
function mul()
{
document.forms[0].caja3.value=eval(document.forms[0].caja.value)*eval(document.forms[
0].caja2.value);
}
function borrar()
{
document.forms[0].caja3.value=""
}
</script>
</head>
<body>
<form>
<input type="text" name="caja">
<input type="text" name="caja2">
<input type="text" name="caja3"><br>
<input type="button" value="/" onClick="div();"><br>
<input type="button" value="-" onClick="rest();"><br>
<input type="button" value="+" onClick="sum();"><br>
<input type="button" value="*" onClick="mul();"><br>
<input type="button" value="Borrar" onClick="borrar();">
</form>
</body>
</html>
<html>
<head>
<title></title>
<SCRIPT LANGUAGE="JavaScript">
var info=new Array(2)
info[0]="JUEGOS"
info[1]="MSICA"
info[2]="EDUCACIN"
info[3]="MEDICINA"
info[4]="CRDOBA"
info[5]=""
</SCRIPT>
</head>
<body bgcolor="#FFFFFF">
<FORM>
<table border=0>
<tr><td align=right>
<strong>Descripción:</strong>
</td><td><INPUT type="text" name="inf" value="" size=61 maxlength=200>
</td></tr>
<tr><td align=right>
<strong>URL:</strong>
</td><td><INPUT type="text" name="loc" value="" size=61>
</td></tr>
<tr>
<td align=right>
<strong>Enlaces:</strong>
</td><td>
<SELECT name="stat"
OnChange="this.form.loc.value=this.form.stat.options[this.form.stat.selectedIndex].value;t
his.form.inf.value=info[this.form.stat.selectedIndex]"
OnFocus="this.form.loc.value=this.form.stat.options[this.form.stat.selectedIndex].value;thi
s.form.inf.value=info[this.form.stat.selectedIndex]">
<OPTION value="http://ftp.">Juegos de tu compu
<OPTION value="http://www......"> <I>Encontr lo mejor</I>
<OPTION value="http://www....">UNI. NAC.
<OPTION value="http://www.......">Curate
<OPTION value="http://www.....">Crdoba
</SELECT>
<input type="button" Value="Vamos alla!"
Onclick="newwin=window.open(this.form.stat.options[this.form.stat.selectedIndex].value,
'Demo','width=400,height=300')">
</td></tr>
</table>
</FORM>
</td></tr>
</table>
</body>
</HTML>
Botones y mouse.
HTML>
<HEAD>
<!-- JavaScript que cambia las imagenes al pasar el puntero sobre ellas -->
<SCRIPT LANGUAGE="JavaScript">
<!--
// USO
// A cada imagen se le asigna una posicion en el "vector"
// document [imgName], donde imgName es el nombre de la imagen.
//
// Las funciones img_act(imgName) e img_inact(imgName) cargan
// las imagenes correspondientes.
//
{
botonon = new Image();
botonon.src = "boton1.gif";
botonoff = new Image();
botonoff.src = "boton2.gif";
}
function img_act(imgName)
{
imgOn = eval(imgName + "on.src");
document [imgName].src = imgOn;
}
function img_inact(imgName)
{
imgOff = eval(imgName + "off.src");
document [imgName].src = imgOff;
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#ffffff">
<CENTER>
<A HREF="http://cordoba.com.ar
onMouseOver="img_act('boton');window.status='Activado';return true"
onMouseOut="img_inact('boton');window.status='';return true">
<IMG SRC="boton2.gif" name="boton" BORDER=0 ALIGN=TEXTTOP></A>
<CENTER>