.

.:: Mi Web ::.
  Codigos HTML Utiles
 

Codigos de textos:

Codigo para centrar la pantalla:

Código:

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:/www.w3.org/1999/xhtml">
<div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">


Texto que cambia de color:
Código:
<script language="JavaScript">
<!--
function initArray() {
for (var i = 0; i < initArray.arguments.length; i++) {
this[i] = initArray.arguments[i];
}
this.length = initArray.arguments.length;
}

// you may fill this colors array with your colors.
// the script will rotate the links through these colors
var colors = new initArray(
"#0066FF",
"#FF6600",
"blue",
"red",
"purple",
"black",
"grey",
"navy");

pause_time = .5; // in seconds

link = 0; // starting color index (in colors array) for unvisited links
vlink = 4; // starting color index (in colors array) for visited links

function linkDance() {
link = (link+1)%colors.length;
vlink = (vlink+1)%colors.length;
//alert("link "+link+"rnvlink "+vlink+"rnvlinkColor "+document.vlinkColor);
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkDance();",pause_time*1000);
}
linkDance();
// -->
</script>


Texto en cursiva:
Código:
[i]Cursiva[/i]


Texto superindice:
Código:
<sup>superindice</sup>


Texto tachado:

Código:
<strike>tachado</strike>


Texto subrayado:
Código:
<u>subrayado</u>


Girar el texto orizontalmente:
Código:
<span style="filter: fliph; height:1">Code Web</span>


Camgiar tamaño del texto:
Código:
<font size='5'>Texto Gigante</font>


Titulo en movimiento:
Código:
<SCRIPT LANGUAGE="JavaScript">
var txt=" [ C O D E S   W E B ] - http://www.codesweb.es.tl -";
var espera=200;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
</SCRIPT>


Texto a la izquierda:
Código:
<div align="left">texto</div>


Texto a la derecha:
Código:
<div align="right">texto</div>


Palabras en movimiento:
Código:
<SCRIPT languague="JavaScript">
<!--
var cuenta=0
var texto=" Siempre deja espacio "
function scrolltexto () {
window.status=texto.substring (cuenta,texto.length)+ texto.substring(0,cuenta)
if (cuenta <texto.length){ cuenta ++
}else{
cuenta=0
}
setTimeout("scrolltexto()",150)
}
scrolltexto ()
//-->
</SCRIPT>


Texto maquina de escribir:
Código:
<tt>modo maquina</tt>


Hora en la barra superior 1:
Código:
<SCRIPT Language="JavaScript">
<!--
var today = new Date()
var year = today.getYear()
if(year<1000) year+=1900

document.title="Titulo de la pagina "+"("+today.getDate() + "." + (today.getMonth()+1) + "." + (year+"").substring(2,4)+")"
//-->
</SCRIPT>
</head>


Texto imborrable:
Código:
<input type=text name=box value="No lo puedes borrar" onFocus_fckprotectedatt=" onFocus="this.blur()"" size=22>


Texto aleatorio:
Código:
<Script Language="JavaScript">
hoje = new Date()
numero_de_textos = 4
segundos = hoje.getSeconds()
numero = segundos % numero_de_textos
if (numero == 0){
texto = "Coloca el primer texto aquí"
}
if (numero == 01){
texto = "Coloca el segundo texto aquí"
}
if (numero == 02){
texto = "Coloca el tercer texto aquí"
}
if (numero == 03){
texto = "Coloca el cuarto texto aquí"
}
document.write('' + texto +'')
</script>


Impocible seleccionar texto:
Código:
<script language="JavaScript">
function disableselect(e)
{
   return false
}
function reEnable()
{
   return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar)
{
   document.onmousedown=disableselect
   document.onclick=reEnable
}
</script>
</head>


Barra de estado animada:

Código:
<script language="JavaScript">
tempo = 10;
chars = 5;
texto = "-- Bievenidos a code web --";
wtexto = new Array(33);
wtexto[0] = texto;
blnk = " ";//Mantén estos espacios
for (i = 1; i < 32; i++) {
b = blnk.substring(0, i);
wtexto[i] = "";
for (j = 0; j < texto.length; j++) wtexto[i] = wtexto[i] + texto.charAt(j) + b;
}
function animastatus() {
if (chars > -1) str = wtexto[chars];
else str = wtexto[0];
if (chars-- < -40) chars = 31;
status = str;
clearTimeout(tempo);
tempo = setTimeout("animastatus()", 150);
}
animastatus()
</script>


Texto fantasma:
Código:
<span style="height: 1; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, FinishX=100%)">Codes web</span>


Texto en negrita:
Código:
[b]Negrita[/b]


Texto subindice:
Código:
<sub>subindice</sub>


Texto ondulado:
Código:
<table style="Filter: Wave(Add=0, Freq=2, LightStrength=10, Phase=3, Strength=3)">Codes web</table>


Texto sombreado:
Código:
span style="height: 20;filter:blur(add=1,direction=270,strength=10)">Codes web</span>


Girar texto verticalmente:
Código:
<span style="filter: flipv; height:1">Codes web</span>


Texto deslisante hacia arriba:
Código:
<marquee behavior=scroll direction=up scrollamount=1 height=60>Codes web</marquee>


Texto al centro:
Código:
<div align="center">texto</div>


Poner mensaje en la barra:
Código:
<SCRIPT LANGUAGE=JavaScript> window.defaultStatus = "Saludos de Codes web"; </SCRIPT>


Texto flotando en la pantalla:

Código:
<script language="JavaScript">
<!--
done = 0;
step = 4
function anim(yp,yk)
{
if(document.layers) document.layers["texto"].top=yp;
else document.all["texto"].style.top=yp;
if(yp>yk) step = -4
if(yp<60) step = 4
setTimeout('anim('+(yp+step)+','+yk+')', 35);
}
function start()
{
if(done) return
done = 1;
if(navigator.appName=="Netscape") {
document.texto.left=innerWidth/2 - 145;
anim(60,innerHeight - 60)
}
else {
texto.style.left=11;
anim(60,document.body.offsetHeight - 60)
}
}
// --></script>
<div id="texto" style="position: absolute; top: -50; color: #FF8000; font-family: Arial, Helvetica; font-weight:bold; font-size:40px;">
<p><font face="Arial, Helvetica, sans-serif" size="3"><b><font size="6" color="#990000">Saludos de Codes web</font></b></font></p>
</div>
<script language="JavaScript">
<!--
setTimeout('start()',10);
//-->
</script>


Texto que cambia de color:
Código:
<html>
<head>
<style>
.bigChange {color:blue; font-weight:bolder; font-size:175%;
letter-spacing:4px; text-transform: uppercase; background:yellow}
.start {color:yellow; background:blue}
</style>
<script LANGUAGE="JAVASCRIPT">
function highlightButton(s) {
if ("INPUT"==event.srcElement.tagName)
event.srcElement.className=s
}
</script>
<title>JavaFILE</title>
<base target="leftframe"></base>
</head>
<body BGCOLOR="#ffffff" link="#CC0033" vlink="#333399" alink="#FF0000" <!--content start-->
<table WIDTH="96%" BORDER="0" CELLSPACING="5" CELLPADDING="5">
<tr>
<td WIDTH="100%"><font size="3"></font><font
FACE="ARIEL,HELVETICA" SIZE="-1"><form NAME="highlight"
onmouseover_fckprotectedatt="
onmouseover="highlightButton('start')"" onmouseout_fckprotectedatt=" onmouseout="highlightButton('')"">
<div align="center"><center><p><input type="button" Value="Presioname...Cambiaré de color!"></font></p>
</center></div>
</form>
</td>
</tr>
</table>
<!--content stop-->
</body>
</html>


Evitar subrayado de link:
Código:
<html>
<head>
<title>No Link Lines!</title>
<!-- START NO LINK LINE CODE -->
<!-- This ENTIRE script goes between your HEAD tags. -->
<style>
<!--
a{text-decoration:none}
//-->
</style>
<!-- END NO LINK LINE CODE -->
</head>
<body>
<!-- YOUR SITE CONTENT GOES HERE -->
</body>
</html>


Frases desplasandoce en la barra:
Código:
<html>
<head>
<SCRIPT>
<!--
var ShowString = " " //La primera linea tiene que estar en blanco
+ "Aqum la frase 1 " //Puedes añadir mas frases, aparte de estas 3
+ "Aqum la frase 2 "
+ "Aqum la frase 3 "
+ "Ejemplo de otra frase "
var ShowWidth = 100
var ShowHead = 0
var ShowTail = ShowWidth
var ShowLength = ShowString.length
function Marquee ()
{
var DisplayString
if (ShowHead < ShowTail)
DisplayString = ShowString.substring(ShowHead, ShowTail)
else
DisplayString = ShowString.substring(ShowHead, ShowLength)
+ ShowString.substring( 0, ShowTail)
ShowHead = (ShowHead + 1 ) % ShowLength
ShowTail = (ShowTail + 1 ) % ShowLength
window.status = DisplayString
TimerID = setTimeout("Marquee()", 100) //Cambia el numero para cambiar la velocidad
}
//-->
</SCRIPT>
</head>
<BODY onLoad_fckprotectedatt=" onLoad="Marquee()"">
</body>
</html>





Trucos de e-mail:

Mandar un e-mail:
Código:
<a href="mailto:direccion@servidor.com?subject=Saludos de Codigos web." _fcksavedurl="mailto:direccion@servidor.com?subject=Saludos de Codigos web.">Pulsa aqui para mandarme un e-mail</a>


Insertar un e-mail:
Código:
<a href="mailto:luciano_caram@hotmail.com" _fcksavedurl="mailto:luciano_caram@hotmail.com">Mi correo es luciano_caram@hotmail.com</a>




Trucos sobre raton:

Anular botón derecho del ratón:
Código:
<script language="JavaScript1.1">
<!-- Begin
function right(e) {
var msg = " [ ?Tu mensaje aca?] ";
if (navigator.appName == 'Netscape' && e.which == 3) {
alert(msg); // Delete this line to disable but not alert user
return false;
}
else
if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) {
alert(msg); // Delete this line to disable but not alert user
return false;
}
return true;
}
document.onmousedown = right;
// End -->
</script>


Imagen tras el cursor:
Código:
<script language="JavaScript">
<!-- Updated Stars Script por kurt.grigg@virgin.net
var images="aca la imagen que quieras";
var amount=5;

var yBase = 150;
var xBase = 200;
var step = .2;
var currStep = 0;
var Xpos = 5;
var Ypos = 5;
var i = 0;
var j = 0;
if (document.all)
{
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">')
document.write('<div id="c" style="position:relative">');
for (n=0; n < amount; n++)
document.write('<img src=" '+images+'" style="position:absolute;top:0px;left:0px">')
document.write('</div>')
document.write('</div>')

function MsieMouseFollow(){
Xpos = document.body.scrollLeft+event.x-5;
Ypos = document.body.scrollTop+event.y-5;
}
document.onmousemove = MsieMouseFollow;
}
else if (document.layers)
{
window.captureEvents(Event.MOUSEMOVE);
for (ns=0; ns < amount; ns++)
document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0><IMG SRC='"+images+"'></LAYER>");
function NsMouseFollow(evnt){
Xpos = evnt.pageX-5;
Ypos = evnt.pageY-5;
}
window.onMouseMove = NsMouseFollow;
}
function Swirl(){
if (document.all)
{
yBase = window.document.body.offsetHeight/4;
xBase = window.document.body.offsetWidth/4;
}
else if (document.layers)
{
yBase = window.innerHeight/4;
xBase = window.innerWidth/4;
}

if (document.all)
{
for (i=0;i<ieDiv.all.c.all.length;i++)
{
ieDiv.all.c.all[i].style.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
ieDiv.all.c.all[i].style.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
}
}
else if (document.layers)
{
for ( j = 0 ; j < ns ; j++ ) //7 is number of NS layers!
{
var temp="n"+j
document.layers[temp].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
document.layers[temp].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
}
}
currStep += step;
setTimeout("Swirl()", 10);
}
Swirl();
// -->
</script>
</head>


Chispas tras el cursor:
Código:
<STYLE TYPE="text/css">
BODY{
overflow:scroll;
overflow-x:hidden;
}
.s1
{
position : absolute;
font-size : 10pt;
color : red;
visibility: hidden;
}
.s2
{
position : absolute;
font-size : 18pt;
color : yellow;
visibility : hidden;
}
.s3
{
position : absolute;
font-size : 14pt;
color : gold;
visibility : hidden;
}
.s4
{
position : absolute;
font-size : 12pt;
color : orange;
visibility : hidden;
}
</STYLE>
<DIV ID="div1" CLASS="s1">*</DIV>
<DIV ID="div2" CLASS="s2">*</DIV>
<DIV ID="div3" CLASS="s3">*</DIV>
<DIV ID="div4" CLASS="s4">*</DIV>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
var nav = (document.layers);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;

if(nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;

function get_mouse(e)
{
x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
x += x_offset;
y += y_offset;
beam(1);
}

function beam(n)
{
if(n<5)
{
if(nav)
{
eval("document.div"+n+".top="+y);
eval("document.div"+n+".left="+x);
eval("document.div"+n+".visibility='visible'");
}
else
{
eval("div"+n+".style.top="+y);
eval("div"+n+".style.left="+x);
eval("div"+n+".style.visibility='visible'");
}
n++;
tmr=setTimeout("beam("+n+")",spd);
}
else
{
clearTimeout(tmr);
fade(4);
}
}

function fade(n)
{
if(n>0)
{
if(nav)eval("document.div"+n+".visibility='hidden'");
else eval("div"+n+".style.visibility='hidden'");
n--;
tmr=setTimeout("fade("+n+")",spd);
}
else clearTimeout(tmr);
}

</SCRIPT>
</head>


Texto alrededor del cursor:
Código:
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Kurt Grigg (kurt.grigg@virgin.net) -->
<!-- Web Site: http://website.lineone.net/~kurt.grigg/javascript -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
if (document.all) {
//Things you can alter
yourLogo = "Aqui tu texto-"; //Not less than 2 letters!
logoFont = "Arial";
logoColor = "000000";
//Nothing needs altering below!
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
// End -->
</script>


Anular boton izquierdo:
Código:
><!-- Botón izquierdo del mouse -->
<script LANGUAGE="JavaScript1.1">

<!-- Adaptado por Codes web: www.codesweb.es.tl -->

function izquierda(e) {
if (navigator.appName == 'Netscape' && (e.which == 1 || e.which == 2)){
alert('Botón izquierdo inhabilitado')
return false;
}

else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 1)){
alert('Botón izquierdo inhabilitado')
}
}
document.onmousedown=izquierda
</script>


Anular boton derecho e izquierdo:
Código:
><!-- Botón izquierdo y derecho del mouse -->
<script LANGUAGE="JavaScript1.1">

<!-- Adaptado por Codes web: www.codesweb.es.tl -->

function ambos(e) {
if (navigator.appName == 'Netscape' && (e.which == 1 || e.which == 3 || e.which == 2)){
alert('Los botones del mouse han sido inhabilitados')
return false;
}

else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 1 || event.button == 2)){
alert('Los botones del mouse han sido inhabilitados')
}
}
document.onmousedown=ambos
</script>




Trucos sobre scroll:

Scroll en boton:
Código:
<script language="Javascript">
<!--
// please keep these lines on when you copy the source
// made by: Luciano - http://www.codesweb.es.tl

var speed = 100
var message = "Bienvenido a mi pagina! "

var s = 0
var l = message.length
document.write("<form name='btn'><input type='button' "
+"name='sc' value='"+ message +"'></form>")

function btnsc() {

document.btn.sc.value = message.substring(s,l) + message.substring(0,s)
s++

if (s >= l) {
s = 0
}

setTimeout("btnsc()",speed)
}

btnsc();
//-->
</script>


Cambiar la barra de scroll:

Código:
<STYLE type=text/css>BODY {
SCROLLBAR-FACE-COLOR: #333333; SCROLLBAR-HIGHLIGHT-COLOR: #444444; SCROLLBAR-SHADOW-COLOR: #111111; SCROLLBAR-3DLIGHT-COLOR: #333333; SCROLLBAR-ARROW-COLOR: #ffffce; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: black
}
</STYLE>



Trcuso sobre flash:

Comprobar si el visitante tiene flash:
Código:
<script language="JavaScript">
<!--
function MM_checkPlugin(plgIn, theURL, altURL, autoGo) { //v4.0
var ok=false; document.MM_returnValue = false;
with (navigator) if (appName.indexOf('Microsoft')==-1 || (plugins && plugins.length)) {
ok=(plugins && plugins[plgIn]);
} else if (appVersion.indexOf('3.1')==-1) { //not Netscape or Win3.1
if (plgIn.indexOf("Flash")!=-1 && window.MM_flash!=null) ok=window.MM_flash;
else if (plgIn.indexOf("Director")!=-1 && window.MM_dir!=null) ok=window.MM_dir;
else ok=autoGo; }
if (!ok) theURL=altURL; if (theURL) window.location=theURL;
}
//-->
</script>
<!-- Y luego lo llamas en el body -->
<body>
<body onLoad_fckprotectedatt=" onLoad="MM_checkPlugin('Shockwave Flash','okflash','noflash',true);return document.MM_returnValue"">
</body>


Insertar archivo flash:

Código:
<embed src="AQUÍ COLOCA LA URL DEL ARCHIVO .SWF" width="500" height="130" scale="ShowAll" play="true" loop="true" menu="true" wmode="Window" quality="1" type="application/x-shockwave-flash"></embed>




Trucos agregar a favorito y pagina de inicio:

Agregar a favorito:

Código:
<!-- Codes web -->
<p><a href="javascript:window.external.AddFavorite('http://www.codesweb.es.tl','Trucos HTML')" _fcksavedurl="javascript:window.external.AddFavorite('http://www.codesweb.es.tl','Trucos HTML')">Añadir a favoritos</a></p>
<!-- Fin del codigo -->


Hacer pagina de inicio:
Código:
<A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand;
COLOR: #004080; FONT-FAMILY: Verdana" onclick_fckprotectedatt=" onclick=
"this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.codesweb.es.tl');"">
<FONT face=Arial color=#000000 size=-2><U>
Establecer como página de inicio</U></FONT></A>




Trcuso sobre fechas y horas:



Fecha en el ordenador:
Código:
<script language="JavaScript"><!--
var hoy = new Date();
dia = hoy.getDate();
mes = hoy.getMonth();
ano = hoy.getYear() + 0000;
if (mes == "0") nombremes = "<font color=#00FF00 size=2>Enero</font>";
else if (mes == "1") nombremes = "<font color=#00FF00 size=2>Febrero</font>";
else if (mes == "2") nombremes = "<font color=#00FF00 SIZE=2>Marzo</font>";
else if (mes == "3") nombremes = "<font color=#00FF00 SIZE=2>Abril</font>";
else if (mes == "4") nombremes = "<font color=#00FF00 SIZE=2>Mayo</font>";
else if (mes == "5") nombremes = "<font color=#00FF00 SIZE=2>Junio</font>";
else if (mes == "6") nombremes = "<font color=#00FF00 SIZE=2>Julio</font>";
else if (mes == "7") nombremes = "<font color=#00FF00 SIZE=2>Agosto</font>";
else if (mes == "8") nombremes = "<font color=#00FF00 SIZE=2>Septiembre</font>";
else if (mes == "9") nombremes = "<font color=#00FF00 SIZE=2>Octubre</font>";
else if (mes == "10") nombremes = "<font color=#00FF00 SIZE=2>Noviembre</font>";
else nombremes = "<font color=#00FF00 SIZE=2>Diciembre</font>";
document.write (dia);
document.write (" de ");
document.write (nombremes);
document.write (" del ");
document.write (ano);
// --></script>


Poner un calendario:
Código:
<html>
<head>
<title>JavaFILE</title>
<base target="leftframe"></base>
</head>
<body BGCOLOR="#ffffff" link="#CC0033" vlink="#333399" alink="#FF0000" <!--content start-->
<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">
<!--//Begin
//This script and many more are available online from
//The JavaScript Source!! http://javascriptsource.com
monthnames = new Array(
"Enero",
"Febrero",
"Marzo",
"Abril",
"Mayo",
"Junio",
"Julio",
"Agosto",
"Septiembre",
"Octubre",
"Noviembre",
"Diciembre");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0)
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("<table border=2 bgcolor=white ");
document.write("bordercolor=black><font color=black>");
document.write("<tr><td colspan=7><center><strong>"
+ monthnames[thismonth] + " " + thisyear
+ "</strong></center></font></td></tr>");
document.write("<tr>");
document.write("<td align=center>D</td>");
document.write("<td align=center>L</td>");
document.write("<td align=center>M</td>");
document.write("<td align=center>X</td>");
document.write("<td align=center>J</td>");
document.write("<td align=center>V</td>");
document.write("<td align=center>S</td>");
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td> </td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href="" + linkdays[c][2] + "">");
linktrue=true;
}
}
}
if (count==thisdate) {
document.write("<font color='FF0000'><strong>");
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</strong></font>");
}
if (linktrue)
document.write("</a>");
document.write("</td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table></p>");
// End -->
</script> </font></td>
</tr>
</table>
<!--content stop-->
</body>
</html>


Hora y texto en la barra:
Código:
<script language="JavaScript">
<!--
mensaje=" |======| .: Codes web :. "
function hora() {
var h = new Date();
window.status="|======| "
+ h.getHours() +":"+ h.getMinutes() +"" +mensaje ;
window.setTimeout('hora()',100);
}
hora()
//-->
</script>


Hora y texto en la barra 2:
Código:
<script language="JavaScript">
<!--
mensaje=" |======| .: S A L U D O S__ D E__ L U C I A N O:. "
function hora() {
var h = new Date();
window.status="|======| "
+ h.getHours() +":"+ h.getMinutes() +"" +mensaje ;
window.setTimeout('hora()',100);
}
hora()
//-->
</script>


Reloj digital:
Código:
<!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>
<!--

var timerID= null;
var timerActivo= false;
function PararReloj () {
if (timerActivo)
clearTimeout (timerID);
}

function ActivarReloj () {
PararReloj();
Reloj();
}

function Reloj () {
var fecha= new Date();
var horas= fecha.getHours();
var minutos= fecha.getMinutes();
var segundos= fecha.getSeconds();
var horaStr= ""; //inicializamos con la cadena vacia

horaStr+= ((horas<10)?"0":"")+horas;
horaStr+= ((minutos<10)?":0":":")+minutos;
horaStr+= ((segundos<10)?":0":":")+segundos;

document.clock.caja.value= horaStr;
window.status= horaStr;
timerID= setTimeout("Reloj()",1000);
timerActivo= true;
}

// -->
</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>





Poner fecha:
Código:
<Script language ="JavaScript"> <!-- var now = new Date() var dia = now.getDay() var mes = now.getMonth() var fecha //El dma de la semana if(dia==0){ fecha="Domingo, "; }else if(dia==1){ fecha="Lunes, "; }else if(dia==2){ fecha="Martes, "; }else if(dia==3){ fecha="Miircoles, "; }else if(dia==4){ fecha="Jueves, "; }else if(dia==5){ fecha="Viernes, "; }else{ fecha="Sabado, "; } fecha = fecha + now.getDate() + " de " //El nombre del mes if(mes==0){ fecha=fecha + "Enero" }else if(mes==1){ fecha=fecha + "Febrero" }else if(mes==2){ fecha=fecha + "Marzo" }else if(mes==3){ fecha=fecha + "Abril" }else if(mes==4){ fecha=fecha + "Mayo" }else if(mes==5){ fecha=fecha + "Junio" }else if(mes==6){ fecha=fecha + "Julio" }else if(mes==7){ fecha=fecha + "Agosto" }else if(mes==8){ fecha=fecha + "Septiembre" }else if(mes==9){ fecha=fecha + "Octubre" }else if(mes==10){ fecha=fecha + "Noviembre" }else{ fecha=fecha + "Diciembre" } fecha = fecha + " del " + now.getYear() document.write(fecha); //--> </Script>


Horas restantes al dia:
Código:
<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">
<!--
var tiempoAtras;

updateReloj();
function updateReloj() {
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();

tiempoAtras= (hora < 10) ? hora :hora;
tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos;
tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos;

document.Reloj.tiempo.value = tiempoAtras;

setTimeout("updateReloj()",1000);
}
//-->
</script>
</form>
</body>


Saver en que dia cumplio:
Código:
<!-- Colocar en la etiqueta <HEAD> -->
<SCRIPT LANGUAGE="JavaScript">

<!-- Adaptado al español por http://www.codesweb.es.tl -->

<!-- Begin
function calculate() {
month = document.form.month.selectedIndex;
month = document.form.month.options[month].value;
day = document.form.day.selectedIndex;
day = document.form.day.options[day].value;
year = document.form.year.value;

var oyear=year

var dob = " "+ year +", "+month + ",  "+day;
var thenx = new Date(dob);

var year=thenx.getYear();
if (year<100) year="19" + thenx.getYear();
else year=thenx.getYear();

if (year > 1969) wyear=year;
else {
if (oyear<1900) {
if (oyear>1800) {
wrelyear= (eval(oyear)-1801)%(28);
wyear = wrelyear+1981;
}
else wyear = 1970
}
else
if (oyear>1900) {wrelyear= (eval(oyear)-1901)%(28);
wyear= wrelyear+1985
}
else
if (oyear==1900) {wyear= 1990;
   }             
}
var dob = " "+ wyear +", "+month + ",  "+day;
var thenx = new Date(dob);

var theday = thenx.getDay()+1;
var date=thenx.getDate();

var weekday = new Array(6);
weekday[1]="Domingo";
weekday[2]="Lunes";
weekday[3]="Martes";
weekday[4]="Miércoles";
weekday[5]="Jueves";
weekday[6]="Viernes";
weekday[7]="Sábado";
if (day != date) alert("Sorry!  That appears to be an invalid date!"+day+" ..."+date+"::"+oyear+"..."+year+" "+dob+"=="+wyear+".-.-"+thenx+" "+day+" "+month);
else {
dayborn = weekday[theday];
dob = dayborn;
alert("Tu naciste un " + dob);
   }
}
// End -->
</script>
<!-- Colocar en la etiqueta <BODY> -->
<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">...::
CodesWeb ::..</a></font><p>



Trucos varios:

Frace aleatoria:
Código:
<Script Language="JavaScript">
hoje = new Date()
numero_de_textos = 4
segundos = hoje.getSeconds()
numero = segundos % numero_de_textos
if (numero == 0){
texto = "A amo ruin, mozo malsín"
}
if (numero == 01){
texto = "Ingresa el segundo texto aquí"
}
if (numero == 02){
texto = "Ingresa el tercer texto aquí"
}
if (numero == 03){
texto = "Ingresa el cuarto texto aquí"
}
document.write('' + texto +'')
</script>


Insertar line de separacion:

Código:
<FCK:hr width='90%' align='left' />


Terremoto en la pantalla:
Código:
<BODY>
<script language="JavaScript1.2">
function tremer(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}}}}
tremer(5)
</script>
</BODY>


Vercion del navegador:
Código:
<!-- this script and more found at A1javascripts.com -->
Your browser version is
<SCRIPT>
<!--
document.write(navigator.appVersion)
//-->
</SCRIPT>


Desavilitar el teclado:
Código:
<!-- www.codesweb.es.tl-->
<script language="JavaScript">
function keypresed() {
alert('TU TECLADO ESTA INUTILIZADO <img src="https://img.webme.com/smiles/rolleyes.gif" border="0">');
}
document.onkeydown=keypresed;
// -->
</script>


Imprimir pagina:
Código:
<a href="javascript:print()" _fcksavedurl="javascript:print()">Imprimir</a>


Horoscopo chino:

Código:
<html>
<head>
<title>Year of the?</title>
<!-- BEGIN YEAR OF THE? SCRIPT -->
<!-- This part of the script goes between your HEAD tags -->
<script LANGUAGE="JavaScript">
<!--
function getpet () {

var toyear = 1997;
var birthyear = document.frm.inyear.value;
var birthpet="Ox"

x = (toyear - birthyear) % 12
if ((x == 1) || (x == -11)) {
birthpet="Rata" }
else {
if (x == 0) {
birthpet="Ox" }
else {
if ((x == 11) || (x == -1)) {
birthpet="Tigre" }
else {
if ((x == 10) || (x == -2)) {
birthpet="Conejo" }
else {
if ((x == 9) || (x == -3)) {
birthpet="Dragon" }
else {
if ((x == || (x == -4)) {
birthpet="Serpiente" }
else {
if ((x == 7) || (x == -5)) {
birthpet="Caballo" }
else {
if ((x == 6) || (x == -6)) {
birthpet="Cabra" }
else {
if ((x == 5) || (x == -7)) {
birthpet="Mono" }
else {
if ((x == 4) || (x == -8)) {
birthpet="Pollo" }
else {
if ((x == 3) || (x == -9)) {
birthpet="Perro" }
else {
if ((x == 2) || (x == -10)) {
birthpet="Cerdo" }
}
}
}
}
}
}
}
}
}
}
}
document.frm.birth.value = birthpet;
}
// -->
</script>
<!-- END HEAD TAG PART -->
</head>
<body BGCOLOR="#ffffff" link="#CC0033" vlink="#333399" alink="#FF0000">
<!-- This part of the script goes between your BODY tags -->
<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>
<!-- END BODY TAG PART -->
<!-- END YEAR OF THE? SCRIPT -->
</body>
</html>


Averiguar la letra D.N.I:
Código:
<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:
Código:
<script language="JavaScript">
<!-- eaguirre --!>
<!-- no modifiques el codigo --!>
<!-- Hide from JavaScript-Impaired Browsers
var l=0;
var r=0;
var tc="";
var al=" abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ123456789";
var ns="0123456789";
function iA(){
this.length=iA.arguments.length;
for (var i=0;i<this.length;i++){
this[i]=iA.arguments[i];
}
}
/* 3011 byte database of air distances uses position in the
string "al" to substitute for the numerics, saving a bit
over 4k download to visitors. */
var a=new iA(35);
a[0]="Berlin, Germany* ciagchdcheihh dadeee gcaa hdef egeghfaci"
+"ibf da cifdcd ebehe eddegagecehadhfaa gcgh e debbfageedkbgdca";
a[1]="Bombay, India* ibga deacde dhabfgh bbiifhgddfhg caefa igb"
+"cacggiei dacigddcfbifbffgcgeaihbfchdj dggdcacbdcdaigfhbhf";
a[2]="Buenos Aires, Argentina* jbddbgiaceifkdfgefgegggffibfabk "
+"dgbcdfchchec hhegfacchfhhkiggcfefhga abbfic gffialb ihfkd fbffdb";
a[3]="Calcutta, India* f ccgdeebaecg dcfefccdiehaebaieeeie cdeg"
+"ibebgddfjaadhib bceagdhedaichde jiigbbbaaagicaig dchf";
a[4]="Capetown, South Africa* fiee hgcgkecebbjccf aiiggecfdahea"
+"fbigh jaafdig aehdh edeighfgaacggebee jb h ff bi gg bbce";
a[5]="Darwin, Australia* ibgbfdecfgcigaahf ghdaihaifi hg eiiffb"
+"dh bjcehehcgcgafigbhfciifhaihifgfbcadb hccgccafda";
a[6]="Gibraltar* fhch hahgebga ieidgdhjh efcbdacfced agidic iff"
+" abahcchb edgha cfdaedfffegbcfiil fda ";
a[7]="Hong Kong, China* eeddihefceihgbd fidfahghdddh edeeecdj h"
+"eifabcdihgfef ck eggkfafdg ggafeah eheeda";
a[8]="Honolulu, Hawaii, USA* ha bhbgbcbefec eeacghg cdifc fghe"
+"begdce ghgde f hhaih bfgibfhdicfgachedgajhg";
a[9]="Istanbul, Turkey* ee aeefhdeffi iga a ie aea aebfgead dch"
+" fidfdbeffd hehagf fdifecgeefjffcca";
a[10]="Juneau, Alaska, USA* ddbahdehgh dcbbdecbhea id eddfdfcde"
+"bfbbbffcbggf ebegbg i dhggbdd agdhhh ";
a[11]="London, England, UK* eddffgje eedaeecdfdch gaebh bae eba"
+"eca aagegg higbfdghegafgdeidkfhdf ";
a[12]="Los Angeles, California, USA* gbggicaedf gbdebhheccc ef"
+" fbegecbehdcafc fcceec iffdhhggedgfgaj b";
a[13]="Manilla, Luzon, Phillipines* cidhhceachdidhbf bjbhffgagg"
+"efbhabffekbefdfjicffdaaeadhahfeafegf";
a[14]="Melbourne, Australia* hdbhifjcfgefiici bjd efghffje jedh"
+"aiiicg haie acgfe iaf fh ";
a[15]="Mexico City, Mexico* ffib idcaegaae egaggcgfgbdedfbdggfc"
+"ed ebcdh djcag dfi idh";
a[16]="Moscow, Russia* dffd da bfgaaedcf agadbdb fgb adghgieb d"
+"bdebddfejbhdbg";
a[17]="New York City, New York, USA* cggcfgbbccfbfhbeei ddbehdh"
+"bdbge ibdagcfifcfgdhiegg ";
a[18]="Nome, Alaska, USA* chdeeddegcdcegecdiccgheie hhcfaihcghf"
+"aebihgchhba";
a[19]="Oslo, Norway* efi hcdcfbbacbfa hfdhabdgiadeie bfbeebbjig"
+"dh ";
a[20]="Panama City, Panama* echhiagaebffdgacbiei bidcfeicbkfihd"
+"bgdchbe";
a[21]="Paris, France* ea aihcbdacheg fhgbediiegeffgf ckgidd ";
a[22]="Peking, China* dehfdbdi jgge ekgged ffbggacafg eh ";
a[23]="Port Said, Suez Canal, Egypt* ebecbcfbdacbh ifgfeace ieh"
+"djbebgc";
a[24]="Quebec, Quebec, Canada* baieaccidee bcefihia fdbibcgdd";
a[25]="Reykjavik, Faxa Bay, Iceland* fabb dgbccfaeefgafedgjgbegf";
a[26]="Rio de Janeiro, Brazil* efiahffhikcdiggkedgceeei";
a[27]="Rome, Italy* gdbeffefhfbcfabkebcga";
a[28]="Santiago, Chile* fbckfejbcjfdegigah";
a[29]="Seattle, Washington, USA* eg h fdghgbdicf";
a[30]="Shanghai, China* bcha if eeig";
a[31]="Singapore, Singapore* cc ebiddh";
a[32]="Tokyo, Japan* egfg d";
a[33]="Wellington, New Zealand* hab";
a[34]="Zanzibar City, Tanzania* ";
var b=new iA(4);
b[0]=1;
b[1]=10;
b[2]=100;
b[3]=1000;
b[4]=10000;
function getMiles(form){
lf=(document.isn.isn1.options[document.isn.isn1.selectedIndex].value);
rf=(document.isn.isn2.options[document.isn.isn2.selectedIndex].value);
l=al.indexOf(lf);
r=al.indexOf(rf);
if (r<l){
l=r;
r=al.indexOf(lf);
}
ls=a[l];
pos=ls.indexOf("*")
ls1="De "+ls.substring(0,pos)+" a "
+a[r].substring(0,a[r].indexOf("*"))+" son acerca de ";
ls=ls.substring(pos+1,ls.length);
tc=ls.substring(((r*3)-(l*3)),ls.length);
if (document.isn.rb[1].checked){
dispKm();
}
else{
dispMi();
}
}
function dispMi(){
ch=tc.charAt(0);
ls1+=al.indexOf(ch);
ch=tc.charAt(1);
ls1+=al.indexOf(ch);
ch=tc.charAt(2);
if (ch!=" "){
ls1+=(al.indexOf(ch)*10)+" millas";
} //1.613
else ls1+="00"+" miles";
document.isn.disp.value=ls1;
}
function dispKm(){
ch=tc.charAt(0);
km="";
km+=al.indexOf(ch);
ch=tc.charAt(1);
km+=al.indexOf(ch);
ch=tc.charAt(2);
if (ch!=" "){
km+=(al.indexOf(ch)*10);
}
else{
km+="00";
}
num=0;
kml=km.length;
for (var i=kml-1;i>-1;i--){
cr=km.substring(i,i+1);
pos=ns.indexOf(cr);
num+=pos*b[kml-i-1];
}
km="";
km+=num*1.613;
pos=km.indexOf(".");
if (pos>-1){
km=km.substring(0,pos);
}
ls1+=km+" kilometros";
document.isn.disp.value=ls1;
}
// End Hiding -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080">
<!-- Your Web Page Content Here -->
<FORM NAME="isn">
<TABLE BORDER=0 WIDTH=486>
<TR><TD COLSPAN=3 ALIGN=CENTER>
<FCK:HR NOSHADE /><FONT COLOR="blue">
<B>Distancia aerea de las ciudades del mundo</B></FONT></TD></TR>
<TR><TD ALIGN=CENTER><FONT COLOR="blue">
<B>Ciudad de partida</B></FONT><BR><SELECT NAME="isn1" SIZE=12>
<script language="JavaScript">
<!-- This Script And Over 400 Others Found At --!>
<!-- Java City 2000 http://www.jc2k.com --!>
<!-- Hide from JavaScript-Impaired Browsers
ls="";
for (var i=0;i<35;i++){
ls+='<OPTION VALUE="'+al.substring(i,i+1)+'" onClick=""';
if (i==0){ls+=' SELECTED';}
ls+='>'+a[i].substring(0,a[i].indexOf("*"));
}
document.write(ls);
// End hiding -->
</SCRIPT>
</SELECT></TD>
<TD ALIGN=CENTER VALIGN=TOP><FONT COLOR="blue" SIZE=1>
<B>Instrucciones:</B></FONT>
<BR>En la columna izquierda selecciona una ciudad
y en la columna derecha selecciona la ciudad de la que quieres
saber que distancia hay entre las dos que elegiste.<P>
<INPUT TYPE="button" NAME="but" VALUE=" Obtener distancia " onClick_fckprotectedatt=" onClick="getMiles(this.form)"">
<BR><INPUT TYPE="radio" NAME="rb" VALUE="a" CHECKED onClick_fckprotectedatt=" onClick=""">Millas
<INPUT TYPE="radio" NAME="rb" VALUE="b" onClick_fckprotectedatt=" onClick=""">Kilometros
<TD ALIGN=CENTER><FONT COLOR="blue">
<B>Ciudad de destino</B></FONT>
<BR><SELECT NAME="isn2" SIZE=12>
<script language="JavaScript">
<!-- script por: --!>
<!-- eaguirre --!>
<!-- Hide from JavaScript-Impaired Browsers
ls="";
for (var i=0;i<35;i++){
ls+='<OPTION VALUE="'+al.substring(i,i+1)+'" onClick=""';
if (i==1){ls+=' SELECTED';}
ls+='>'+a[i].substring(0,a[i].indexOf("*"));
}
document.write(ls);
// End hiding -->
</SCRIPT>
</SELECT></TD></TR>
<TR><TD COLSPAN=3 ALIGN=CENTER>
<TABLE BORDER=2>
<TR><TD>
<INPUT TYPE="text" NAME="disp" VALUE="" SIZE=80>
</TD></TR>
</TABLE></TD></TR>
<TR><TD COLSPAN=3><FCK:HR NOSHADE /></TD></TR>
</TABLE>
</FORM>
</CENTER><P>
</BODY>
</HTML>


Boton de actualizar, atras, adelante:
Código:
<input type="button" value="Atras" onclick_fckprotectedatt=" onclick="history.back()"" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Actualizar" onclick_fckprotectedatt=" onclick="window.location.reload()"" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Adelante" onclick_fckprotectedatt=" onclick="history.forward()"" style="font-family: Verdana; font-size: 8 pt">


Detectar el navegador:

Código:
<script language="JavaScript">

<!--

function esIE30(){

var browserType=navigator.userAgent;

if (browserType.indexOf("MSIE")==-1)

return false;

else

return true;

}

 

<!-- Cargar la página según el explorador -->

function cargar(){

if (esIE30())

window.location.href="indice_ie.htm";

else

window.location.href="indice_netscape.htm";

}

//-->

</script>


Cursor que gira:

Código:
<!-- www.codesweb.es.tl -->
<script>
var cursores = new Array("e-resize","ne-resize","n-resize","se-resize")
var i = 0
function voltear(){
document.body.style.cursor=cursores[i]
i++
if (i==cursores.length) i=0
setTimeout("voltear()",75)
}
window.onload=voltear
</script>


Broma de virus:
Código:
<!-- Copiar este código dentro del tag HEAD-->
<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://codesweb.es.tl -->

<!-- Begin
function confirmClose() {       
alert("Error: 107x has occurred.  A virus has begun to infect your hard drive.  Please erase all infected files.")         
if (confirm("Please inform the the hardware vendor of this error."))
alert('The virus has been contained but the browser will shutdown to check for and prevent further internal damages.');
else
alert('The problem has not been fixed, the browser must be shut downtown to prevent further contamination.');
  {             
parent.close();       
   }
}
// End -->
</SCRIPT>
<!-- Copiar este código dentro del tag BODY -->
<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>




Trucos sobre menu:

Menu en boton derecho:

Código:
<STYLE>
<!--
.skin0{
position:absolute;
width:175px;
border:2px solid white;
background-color:#C0C0C0;
font-family:Verdana;
font-size: 10px;
line-height:15px;
cursor:default;
visibility:hidden;
}
.menuitems{
padding-left:10px;
padding-right:10px;
}
--> </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>
<!--[if IE]>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre</div>
<div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre</div>
<div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre</div>
<div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre</div>
<hr>
<div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre</div>
<div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre</div>
<hr>
<div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre</div>
<div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre</div>
<div class="menuitems" url="Aca ba el url de tu pagina" target="_self">- Aca el nombre (nota: en los nombres siempre dejar un espacio)</div>
</div>
<![endif]-->
<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:
Código:
<FORM>
<INPUT TYPE=button VALUE="Abre pagina" onClick_fckprotectedatt=" onClick="top.location.href='http://www.codesweb.es.tl'"">
</FORM>


Menu desplegable 2:
Código:
<form>
<SELECT NAME="urldestino">
<option selected>--- M E N U ---
<option value="Tu pagina" >Nombre
<option value="tu pagina">nombre
<option value="tu paginal">nombre
<option value="tu pagina">nombre
<option value="tu pagina">nombre
<option value="tu pagina">nombre
</SELECT>
<input type="button" value="IR"
onClick="location=this.form.urldestino.value" name="button">
</form>


Marco explicativo:
Código:
<p>
<script language="JavaScript"><!--
function escribe(frase){document.desplaza.cuadro.value=frase; }
// --></script>
</p>
<table border="0">
<tr>
<td width="200"><p align="center"><strong>OPCIONES</strong></p>
<p><a href="http://www.codesweb.es.tl" _fcksavedurl="http://www.codesweb.es.tl"
onmouseover="escribe(' HOMEn ----------------nn Ir a la web');">HOME</a><br>
<a href="http://www.tupagina.com" _fcksavedurl="http://www.tupagina.com"
onmouseover="escribe(' IR A tu paginan -----------nn Diviértete con tu pagina');">Tu pagina</a><br>
<a href="http://www.codesweb.es.tl/encuesta.htm" _fcksavedurl="http://www.codesweb.es.tl/encuesta.htm"
onmouseover="escribe(' encuestasn -------------- nn vota en las encuestas de Codes web');">Encuestas</a><br>
</p>
</td>
<td><form name="desplaza">
<p><textarea name="cuadro" rows="8" cols="30"
wrap="physical">


Menu desplegable con opcion:
Código:
<FORM>
<INPUT TYPE=button VALUE="Pulsa para ir a"
onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value">
<SELECT NAME="list">
<OPTION VALUE=http://www.codesweb.es.tl>Pagina Principal
<OPTION VALUE="http://www.tupagina.com">Tupagina
</SELECT>
</FORM>





Menu de chequeo:
Código:
<!--submitted in damaged condition and corrected - author unknown-->
<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><!-- -->


Menú oculto deslizable desde la izquierda:

Código:
<!-- Colocar dentro de la etiqueta <HEAD> -->
<style>
<!--

#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px solid green;
background-color:lightyellow;
layer-background-color:lightyellow;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
<!-- Colocar dentro de la etiqueta <BOBY> -->
<script language="JavaScript1.2">

/*
Sliding Menu Bar Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

if (document.all)
document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">')
</script>
<layer id="slidemenubar" onMouseover_fckprotectedatt=" onMouseover="pull()"" onMouseout_fckprotectedatt=" onMouseout="draw()"">
<script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()

//extend or shorten this list
sitems[0]="Codes web"
sitems[1]="Titulo de tu pagina"
sitems[2]="Titulo de tu pagina"
sitems[3]="Titulo de tu pagina"
sitems[4]="Titulo de tu pagina"
sitems[5]="Titulo de tu pagina"
sitems[6]="Titulo de tu pagina"



//These are the links pertaining to the above text.
sitemlinks[0]="http://www.codesweb.es.tl"
sitemlinks[1]="aca tu pagina"
sitemlinks[2]="aca tu pagina"
sitemlinks[3]="aca tu pagina"
sitemlinks[4]="aca tu pagina"
sitemlinks[5]="aca tu pagina"
sitemlinks[6]="aca tu pagina"


for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')
</script>
</layer>
<script language="JavaScript1.2">
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (document.all){
document.write('</div>')
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script>





Trucos sobre imagenes y banners:

Rotacion de banner:
Código:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="para todos los jugadores de mu";
url="www.tumundomu.ar.tc";
alt="Tu MundoMu";
banner="http://www.subir-imagenes.com/imagenes/e0743f9a04.gif";
width="468";
height="60";
}
if (ad==2) {
txt="un comentario";
url="el url de tu web";
alt="el titulo";
banner="http://etc, etc";
width="468";
height="60";
}
if (ad==3) {
txt="comentario";
url="url de tu pagina";
alt="el titulo";
banner="http://";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href="' + url + '" target="_blank">');
document.write('<img src="' + banner + '" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt="' + alt + '" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>








Galeria de imagenes:
Código:
<table border="0" cellpadding="0">
<caption><strong>Titulo de la galeria</strong></caption>
<tr>
<td width="100%"><img src="#" _fcksavedurl="#" width="150" height="170" name="photoslider"></td>
</tr>
<tr>
<td width="100%"><form method="POST" name="rotater">
<div align="center"><center><p><script language="JavaScript1.1">
var photos=new Array()
var which=0

photos[0]="Url de la imagen"
photos[1]="Url de la imagen"
photos[2]="Url de la imagen"
photos[3]="Url de la imagen"
photos[4]="Url de la imagen"
photos[5]="Url de la imagen"
photos[6]="Url de la imagen"
photos[7]="Url de la imagen"
photos[8]="Url de la imagen"
photos[9]="Url de la imagen"
photos[10]="Url de la imagen"
photos[11]="Url de la imagen"
photos[12]="Url de la imagen"
photos[13]="Url de la imagen"
photos[14]="Url de la imagen"
photos[15]="Url de la imagen"
photos[16]="Url de la imagen"
photos[17]="Url de la imagen"
photos[18]="Url de la imagen"
photos[19]="Url de la imagen"
photos[20]="Url de la imagen"

function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
else window.status='End of gallery'
}
</script><input type="button" value="Anterior" name="B2"
onClick="backward()"> <input type="button" value="Siguiente" name="B1"
onClick="forward()"><br>
<a href="#" _fcksavedurl="#" onClick_fckprotectedatt=" onClick="which=1;backward();return false""><small>Comenzar</small></a></p>
</center></div>
</form>
</td>
</tr>
</table>


Galeria de imagenes 2:


Cambiar imagen al pasar el raton:
Código:
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
if (document.images) {
var activado=new Image();
activado.src="tu primera imagen";
var desactivado= new Image();
desactivado.src="tu segunda imagen";
}
function activar(nombreImagen) {
if (document.images) {
document[nombreImagen].src=activado.src; }
}
function desactivar(nombreImagen) {
if (document.images) {
document[nombreImagen].src=desactivado.src; }
}
</SCRIPT>
</HEAD>
<BODY>
<A HREF="url de tu pagina" _fcksavedurl="url de tu pagina" onMouseOver_fckprotectedatt=" onMouseOver="activar('prueba');""
onMouseOut_fckprotectedatt="
onMouseOut="desactivar('prueba');"">
<IMG NAME="prueba" SRC="url de la primera imagen" _fcksavedurl="url de la primera imagen" BORDER=0>
</A>
</BODY>
</HTML>


Efecto zoom:
Código:
<style type="text/css">
.link{font-family:verdana,arial,helvetica; font-size:8pt; color:#003399; font-weight:normal}
.link:hover{font-family:verdana,arial,helvetica; font-size:8pt; color:#0099FF; font-weight:normal}
</style>
<script language="javascript">
// Configure zoOom
var img_path="aca va la direccion de tu imagen"; // La direccion de la imagen |
var top_pos=130; // posicion de la imagen desde el tope |
var left_pos=70; // posicion desde la izquierda |
var max_width=900; // maximo ancho permitido |
var min_width=10; // minimo ancho permitido |
var time_length=1; // Velocidad del zoom en milisegundos |
var step=4; // Pixeles por cada paso del zoom |
//-----------------------------------------------------------------

document.write('<div id="q_div" style="position:absolute; top:' + top_pos + '; left:' + left_pos + '"><img src="' + img_path + '" border="3" bordercolor="#000000" name="z" alt="zoOom"></div>');

img_act_width=z.width;
img_act_height=z.height;
var original_time=time_length;

function zoom_out()
{
if(z.width==0)
{
z.border=0;
}
if(z.width!=0)
{
if(z.width>min_width)
{
z.width-=step;
z.height=Math.round(z.width*((img_act_height)/(img_act_width)));
setTimeout("zoom_out()",time_length);
}
else
{
window.alert('Este es el minimo ancho.');
}
}
}

function zoom_in()
{
if(z.width==0)
{
z.border=0;
}
if(z.width!=0)
{
if(z.width<max_width)
{
z.width+=step;
z.height=Math.round(z.width*((img_act_height)/(img_act_width)));
setTimeout("zoom_in()",time_length);
}
else
{
window.alert('Este es el maximo ancho.');
}
}
}

function resume_zoom()
{
time_length=original_time;
}

function pause_zoom()
{
time_length=10000000000;
}

function set_original()
{
z.width=img_act_width;
z.height=img_act_height;
}

</script>
</head>
<table cellspacing="10" cellpadding="10" align="center"><tr>
<td style="border:3 solid #000000" align="middle"><a href="#" _fcksavedurl="#" onmouseover_fckprotectedatt=" onmouseover="javascript:resume_zoom();zoom_in();"" onmouseout_fckprotectedatt=" onmouseout="javascript:pause_zoom();"" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#003399; text-decoration:none"><font color="#808080">zoOom in</font> +</a></td>
<td style="border:3 solid #000000" align="middle"><a href="#" _fcksavedurl="#" onmouseover_fckprotectedatt=" onmouseover="javascript:resume_zoom();set_original();"" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#000000; text-decoration:none">original</a></td>
<td style="border:3 solid #000000" align="middle"><a href="#" _fcksavedurl="#" onmouseover_fckprotectedatt=" onmouseover="javascript:resume_zoom();zoom_out();"" onmouseout_fckprotectedatt=" onmouseout="javascript:pause_zoom();"" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#003399; text-decoration:none"><font color="#808080">ZOoOM out</font> -</a></td>
</tr></table>
<br><br><br>


Imagenes aleatorias con link:
Código:
<Script Language="JavaScript">
hoje = new Date()
numero_de_imagens = 2
segundos = hoje.getSeconds()
numero = segundos % numero_de_imagenes
if (numero == 0){
banner = "Coloca el nombre de la imagen 1 aqui"
link = "http://aca va el url"
alvo = "_self"
}
if (numero == 1){
banner = "Coloca el nombre de la imagen 2 aqui"
link = "http://aca va el url"
alvo = "_self"
}
document.write('<a href="' + link + '" target="' + alvo + '" ><img src="' + banner + '" border=0></a>')
</script>


Imagen suviendo hacia arriva:
Código:
<marquee style="WIDTH: 130px; HEIGHT: 180px" scrollamount="1" direction="up" height="180"><center><a href="http://url de la web/" _fcksavedurl="http://url de la web/"><img src="url de la imágen" _fcksavedurl="url de la imágen"/></a></center><p></p><center><a href=" 2da url de web" _fcksavedurl=" 2da url de web"><img src=" 2da url de imagen" _fcksavedurl=" 2da url de imagen" /></a></center><p></p></marquee>







.
  
 
 
 
JUANKA_DISASTERPIECEJUANKA_DISASTERPIECEJUANKA_DISASTERPIECEJUANKA_DISASTERPIECE
 Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis