Todo de la web, en un sitio

Aca van los codigos:

Frace aleatoria:

Insertar line de separacion:

Terremoto en la pantalla:

Vercion del navegador:

Desavilitar el teclado:

Imprimir pagina:

Horoscopo chino:

<html>
<head>
<title>Year of the?</title>


<script LANGUAGE="JavaScript">

</script>

</head>
<body BGCOLOR="#ffffff" link="#CC0033" vlink="#333399" alink="#FF0000">

<form NAME="frm">
<p><input TYPE="text" SIZE="4" NAME="inyear"> <input TYPE="button" VALUE="Introduce el año y te dire tu horóscopo"
onClick="getpet()"> <br>
</p>
<p><input TYPE="text" SIZE="10" NAME="birth"> </p>
</form>


</body>
</html>

Averiguar la letra D.N.I:

<html>
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<FCK:meta name="GENERATOR" content="Microsoft FrontPage 4.0" />
<FCK:meta name="ProgId" content="FrontPage.Editor.Document" />
<title>Introduce tu DNI</title>
<SCRIPT LANGUAGE="JavaScript">
function DNI(n){
var d =(n/23)
d = Math.floor(d);
var e=d*23
var r=n-e
if (r==0)
return "T"
if (r==1)
return "R"
if (r==2)
return "W"
if (r==3)
return "A"
if (r==4)
return "G"
if (r==5)
return "M"
if (r==6)
return "Y"
if (r==7)
return "F"
if (r==8)
return "P"
if (r==9)
return "D"
if (r==10)
return "X"
if (r==11)
return "B"
if (r==12)
return "N"
if (r==13)
return "J"
if (r==14)
return "Z"
if (r==15)
return "S"
if (r==16)
return "Q"
if (r==17)
return "V"
if (r==18)
return "H"
if (r==19)
return "L"
if (r==20)
return "C"
if (r==21)
return "K"
if (r==22)
return "E"
}
</script>
</head>
<body>
<h2><b><font size="3">¿ Se te ha olvidado la letra del D.N.I. ?
</font></b></h2>
<h2><b><font size="0">
</font><font size="3"><font face="Arial">Codes web te la recuerda</font>    </font></b></h2>
<h2><b><font size="0"> 
<CENTER>
<form>
<p>
Introduce tu DNI <INPUT TYPE="text" NAME="input" size=8 maxlength="8"></p>
<P>
<INPUT TYPE="button" VALUE="Deducir la letra... "
onClick="this.form.output.value = DNI(this.form.input.value)"><P>
La letra es la... <INPUT TYPE="text" NAME="output" size=1>
</form>
</CENTER>
</body>
</html>
Pues ya la tienes !!!

Calcular las distancias:

Boton de actualizar, atras, adelante:

Detectar el navegador:

Leer una cokie:

Cursor que gira:

Broma de virus:

<SCRIPT LANGUAGE="JavaScript">



</SCRIPT>

<CENTER>
<FORM>
<input type="button" value ="Broma de virus" onClick_fckprotectedatt=" onClick="confirmClose()"">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Codigo creado <br>
by <a href="http://codesweb.es.tl" _fcksavedurl="http://codesweb.es.tl">Codes web</a></font>
</center>

Recomendaro pagina:

Menu en boton derecho:

<STYLE>
 </style>
<script language="JavaScript1.2">
var menuskin=0
var display_url=0
function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY
if (rightedge<ie5menu.offsetWidth)
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
ie5menu.style.left=document.body.scrollLeft+event.clientX
if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.clientY
ie5menu.style.visibility="visible"
return false
}
function hidemenuie5(){
ie5menu.style.visibility="hidden"
}
function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}
function jumptoie5(){
if (event.srcElement.className=="menuitems"){
if (event.srcElement.getAttribute("target")!=null)
window.open(event.srcElement.url,event.srcElement.getAttribute("target"))
else
window.location=event.srcElement.url
}
}
</script>

<script language="JavaScript1.2">
if (document.all&&window.print){
if (menuskin==0)
ie5menu.className="skin0"
else
ie5menu.className="skin1"
document.oncontextmenu=showmenuie5
document.body.onclick=hidemenuie5
}
</script>

Menu desplegable 1:

Menu desplegable 2:

Marco explicativo:

Menu desplegable con opcion:

Menu que cambia de color:

Menu de chequeo:
 <form name="rolloverbox"> <div align="left"><p><input type="checkbox" name="boxes" value="ON"><a href="http://www.codesweb.es.tl" _fcksavedurl="http://www.codesweb.es.tl" onMouseover_fckprotectedatt=" onMouseover="rollovercheck(0)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(0)"">Codes web</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://tupagina.com." _fcksavedurl="http://tupagina.com." onMouseover_fckprotectedatt=" onMouseover="rollovercheck(1)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(1)"">el titulo</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://www.tumundomu.ar.tc" _fcksavedurl="http://www.tumundomu.ar.tc" onMouseover_fckprotectedatt=" onMouseover="rollovercheck(2)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(2)"">TuMundomu</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://todoroms.net" _fcksavedurl="http://todoroms.net" onMouseover_fckprotectedatt=" onMouseover="rollovercheck(3)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(3)"">Todo roms</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://tupagina.com" _fcksavedurl="http://tupagina.com" onMouseover_fckprotectedatt=" onMouseover="rollovercheck(4)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(4)"">tu pagina</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://la pagina que kieras" _fcksavedurl="http://la pagina que kieras" onMouseover_fckprotectedatt=" onMouseover="rollovercheck(5)"" onMouseout_fckprotectedatt=" onMouseout="rolloutcheck(5)"">el titulo que quieras</a></p> </div> </form> <script> var thebox=document.rolloverbox function rollovercheck(whichbox){ thebox.boxes[whichbox].checked=true } function rolloutcheck(whichbox){ thebox.boxes[whichbox].checked=false } </script>

Cuenta progresiva:
<script> var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec") function countup(yr,m,d){ var today=new Date() var todayy=today.getYear() if (todayy < 1000) todayy+=1900 var todaym=today.getMonth() var todayd=today.getDate() var todaystring=montharray[todaym]+" "+todayd+", "+todayy var paststring=montharray[m-1]+" "+d+", "+yr var difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1) difference+=" dias" document.write("Este Sitio lleva "+difference+" en Internet desde su creación!") } //cambiar la fecha countup(2001,01,03) </script>

Fecha en el ordenador:
<script language="JavaScript"></script>

Poner un calendario:
<html> <head> <title>JavaFILE</title> <base target="leftframe"></base> </head> <body BGCOLOR="#ffffff" link="#CC0033" vlink="#333399" alink="#FF0000"  <table WIDTH="96%" BORDER="0" CELLSPACING="5" CELLPADDING="5"> <tr> <td WIDTH="100%"><font size="3"><a href="http://www.jagoper.com" _fcksavedurl="http://www.jagoper.com"></a></font><font FACE="ARIEL,HELVETICA" SIZE="-1"><p align="center"><script LANGUAGE="JavaScript">  </script> </font></td> </tr> </table>  </body> </html>

Hora y texto en la barra:
<script language="JavaScript">  </script>

Hora y texto en la barra 2:
<script language="JavaScript">  </script>

Reloj digital:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>Taller de JS: Reloj I</TITLE> <FCK:META http-equiv=Content-Type content="text/html; charset=windows-1252" /> <SCRIPT language=JavaScript>  </SCRIPT> <FCK:META content="Microsoft FrontPage 4.0" name=GENERATOR /></HEAD> <BODY text=#000000 bgColor=#ffffff onload=ActivarReloj()> <CENTER> <FORM name=clock><INPUT size=8 name=caja> </FORM></CENTER> <FCK:HR /> </BODY></HTML>

Reloj analogico:
<script language="JavaScript"> //Static analog Clock by kurt.grigg@virgin.net //Script featured on Website Abstraction //http://wsabstract.com fCol='000000';//face colour. sCol='ff0000';//seconds colour. mCol='000000';//minutes colour. hCol='000000';//hours colour. H='....'; H=H.split(''); M='.....'; M=M.split(''); S='......'; S=S.split(''); Ypos=0; Xpos=0; Ybase=8; Xbase=8; dots=12; ns=(document.layers)?1:0; if (ns){ dgts='1 2 3 4 5 6 7 8 9 10 11 12'; dgts=dgts.split(' ') for (i=0; i < dots; i++){ document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>'); } for (i=0; i < M.length; i++){ document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < H.length; i++){ document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < S.length; i++){ document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>'); } } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=1; i < dots+1; i++){ document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++){ document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>'); } document.write('</div></div>') document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++){ document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++){ document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>'); } document.write('</div></div>') } function clock(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360; if (ns){ Ypos=window.pageYOffset+window.innerHeight-60; Xpos=window.pageXOffset+window.innerWidth-80; } else{ Ypos=document.body.scrollTop+window.document.body.clientHeight-60; Xpos=document.body.scrollLeft+window.document.body.clientWidth-60; } if (ns){ for (i=0; i < dots; ++i){ document.layers["nsDigits"+i].top=Ypos-5+40*Math.sin(-0.49+dots+i/1.9); document.layers["nsDigits"+i].left=Xpos-15+40*Math.cos(-0.49+dots+i/1.9); } for (i=0; i < S.length; i++){ document.layers["nx"+i].top=Ypos+i*Ybase*Math.sin(sec); document.layers["nx"+i].left=Xpos+i*Xbase*Math.cos(sec); } for (i=0; i < M.length; i++){ document.layers["ny"+i].top=Ypos+i*Ybase*Math.sin(min); document.layers["ny"+i].left=Xpos+i*Xbase*Math.cos(min); } for (i=0; i < H.length; i++){ document.layers["nz"+i].top=Ypos+i*Ybase*Math.sin(hrs); document.layers["nz"+i].left=Xpos+i*Xbase*Math.cos(hrs); } } else{ for (i=0; i < dots; ++i){ ieDigits[i].style.pixelTop=Ypos-15+40*Math.sin(-0.49+dots+i/1.9); ieDigits[i].style.pixelLeft=Xpos-14+40*Math.cos(-0.49+dots+i/1.9); } for (i=0; i < S.length; i++){ x[i].style.pixelTop =Ypos+i*Ybase*Math.sin(sec); x[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(sec); } for (i=0; i < M.length; i++){ y[i].style.pixelTop =Ypos+i*Ybase*Math.sin(min); y[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(min); } for (i=0; i < H.length; i++){ z[i].style.pixelTop =Ypos+i*Ybase*Math.sin(hrs); z[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(hrs); } } setTimeout('clock()',50); } if (document.layers || document.all) window.onload=clock; //--> </script>

Poner fecha:
<Script language ="JavaScript">  </Script>

Horas restantes al dia:
<body> <p>HORAS RESTANTES DEL DÍA</p> <form name="Reloj"> <input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día"> <script language="JavaScript">  </script> </form> </body>

Saver en que dia cumplio:
 <SCRIPT LANGUAGE="JavaScript">   </script>  <form name=form> <center> <table border=2 cellspacing=0 cellpadding=0 bgcolor=white> <tr><td colspan=3 align=center bgcolor="#FFFFCC"> <p style="margin-top: 0; margin-bottom: 0"><font face="verdana, arial" size="-1"><b>¿En que día de las semana naciste?</b></font></p> <p style="margin-top: 0; margin-bottom: 0"><font face="verdana, arial" size="-1">Introduce tu fecha de nacimiento</font></p> </td></tr> <tr><td align=center bgcolor="#FFFFCC"> <select name="month" size="1"> <option selected>Mes <option value="January">Enero <option value="February">Febrero <option value="March">Marzo <option value="April">Abril <option value="May">Mayo <option value="June">Junio <option value="July">Julio <option value="August">Agosto <option value="September">Septiembre <option value="October">Octubre <option value="November">Noviembre <option value="December">Diciembre </select> </td> <td align=center bgcolor="#FFFFCC"> <select name="day" size="1"> <option selected>Día <option value="1">01 <option value="2">02 <option value="3">03 <option value="4">04 <option value="5">05 <option value="6">06 <option value="7">07 <option value="8">08 <option value="9">09 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 <option value="18">18 <option value="19">19 <option value="20">20 <option value="21">21 <option value="22">22 <option value="23">23 <option value="24">24 <option value="25">25 <option value="26">26 <option value="27">27 <option value="28">28 <option value="29">29 <option value="30">30 <option value="31">31 </select> </td> <td align=center bgcolor="#FFFFCC"> <input type=text name=year value="19" size=4 maxlength=4> </td></tr> </table><p> <input type=button value="Calcular" onClick_fckprotectedatt=" onClick="calculate()""> </center> </form> <p align="center"><center> <font face="arial, helvetica" size="-2">JavaScript adaptado por</font></center> <p align="center" style="margin-top: 0"><font face="arial, helvetica" size="-2"><a href="http://codesweb.es.tl" _fcksavedurl="http://codesweb.es.tl">...:: Codes Web ::..</a></font><p>

Enlances llamativos:
<script language="JavaScript"></script> <a href="http://www.codesweb.es.tl" _fcksavedurl="http://www.codesweb.es.tl">Codigos html</a> <br> <a href="http://www.codesweb.es.tl/Noticias.htm" _fcksavedurl="http://www.codesweb.es.tl/Noticias.htm">Noticias</a><br> <a href="http://www.codesweb.es.tl/Encuesta.htm" _fcksavedurl="http://www.codesweb.es.tl/Encuesta.htm">Encuestas</a> 

Letras luminosas:
<span id="theText" style="width:100%"> <h3 align="center"><font color="#3a6ca3"><font size="+3">TU TEXTO AQUI</font> </font><font color="#666666"> <script> // ^-the text that will be displayed  </script></font></h3></span>

Texto intermitente:
<script language="JavaScript"> var estado=true; setTimeout("ver()",450); function ver (){ estado=!estado; if(estado==true) texto1.style.visibility="visible"; else texto1.style.visibility="hidden"; setTimeout("ver()",450); } </script><p align="center" id="texto1" style="visibility:visible"><font face="Arial, Helvetica, sans-serif size="3">Ejemplo de texto intermitente</font></p>

Texto que va apareciendo:

Pantalla completa:

Boton con mensaje:

Efecto texto:

Texto con resplandor:

Reflejo de imagen en el agua:

Titulo cambiante:

<SCRIPT LANGUAGE="JavaScript">
var message = new Array();
// Set your messages below -- follow the pattern.
// To add more messages, just add more elements to the array.
message[0] = "www.codesweb.es.tl";
message[1] = "Codigos Html";
message[2] = "Encuestas";
message[3] = "Newsletter";
message[4] = "Libro de visitas";
message[5] = "Tutoriales";
message[6] = "... Todo y MUCHO  mas GRATIS";
// Set the number of repetitions (how many times the arrow
// cycle repeats with each message).
var reps = 2;
var speed = 200;  // Set the overall speed (larger number = slower action).
// DO NOT EDIT BELOW THIS LINE.
var p = message.length;
var T = "";
var C = 0;
var mC = 0;
var s = 0;
var sT = null;
if (reps < 1) reps = 1;
function doTheThing() {
T = message[mC];
A();
}
function A() {
s++;
if (s > <img src="//theme.webme.com/smiles/cool.gif" border="0" width="15" height="15" alt="" /> { s = 1;}
// you can fiddle with the patterns here...
if (s == 1) { document.title = '||||||====||| '+T+' -----'; }
if (s == 2) { document.title = '|||=|||===||| '+T+' -----'; }
if (s == 3) { document.title = '|||==|||==||| '+T+' -----'; }
if (s == 4) { document.title = '|||===|||=||| '+T+' -----'; }
if (s == 5) { document.title = '|||====|||||| '+T+' -----'; }
if (s == 6) { document.title = '|||===|||=||| '+T+' -----'; }
if (s == 7) { document.title = '|||==|||==||| '+T+' -----'; }
if (s == <img src="//theme.webme.com/smiles/cool.gif" border="0" width="15" height="15" alt="" /> { document.title = '|||=|||===||| '+T+' -----'; }
if (C < (8 * reps)) {
sT = setTimeout("A()", speed);
C++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) mC = 0;
sT = null;
doTheThing();
}
}
doTheThing();
//  End -->
</script>

Usa el probador de codigos para configurarlos a tu gusto