...INFOX... WEB - Codigos 'HTML'

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