Scripts Para Webs

<td background="imagen.jpg" width="XXX" height="XXX" />Imagen de fondo en la tabla

http://www.uterra.com/internet/script/javascript_variados_02.htmBloquea el botón derecho del ratón II.

Bloquea el botón derecho del ratón sin mensaje de advertencia<html>

<head><title>Boton derecho que no actua sin mensaje de alerta</title><script language="Javascript"> document.oncontextmenu = function(){return false} </script></head>

<body>El botón derecho del ratón no actúa y no muestra ningún mensaje<p>www.uterra.com</p></body>

</html>

Impide seleccionar el contenido.Impide seleccionar el contenido de una pagina ya sean imágenes o texto. Con ello evitas que te las puedan copiar.

<html>

<head><title>Impide seleccionar el contenido de una pagina</title><script language="Javascript"> function disableselect(e){ return false } function reEnable(){ return true } document.onselectstart=new Function ("return false") if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } </script> </head>

<body><p>Como puedes ver, esta linea de texto no puede ser seleccionada</p><p>www.uterra.com</p></body>

</html>

Bloqueo del teclado.Este script impide que el teclado pueda ser utilizado. Con ello puede evitar, por ejemplo, que se usen las teclas Control+C para

copiar el contenido de tu pagina

<html>

<head><title>Teclado bloqueado</title><SCRIPT language=JavaScript>function shant(){alert('Esta pagina no te permite usar el teclado, lo siento')}document.onkeydown=shant;</SCRIPT></head>

<body>www.uterra.com

</body>

</html>

Una página dentro de otra.Este script permite mostrar el contenido de una pagina dentro de otra.

<html>

<head><title>Ventana dentro de una pagina</title></head>

<body><script language=JavaScript>var browser = navigator.appName;var version = navigator.appVersion;if (browser=="Microsoft Internet Explorer" && version>="4") {document.write('<iframe name="page" src="http://www.uterra.com" width="600" height="300" marginwidth="0" scrolling="yes" frameborder="0"></iframe>');}</script>

<p>www.uterra.com</p>

</body>

</html>

Redireccionamiento.Con este código podrás enviar a los visitantes de una pagina a otra sin que ellos tengan que pulsar nada.

<html>

<head><title>Pagina de redireccionamiento</title><meta http-equiv="refresh" content="5;URL=http://www.uterra.com"> </head>

<body>Esta es una página de redireccionamiento.</body>

</html>

Evita que tu web se muestra en frames.Con este código tu pagina escapará de los frames o marcos aprovechando así la totalidad de la pantalla, además evitas que tu contenido pueda parecer que pertenece a otra página<html>

<head><title>Esta página no puede mostrase en frames</title><script language="JavaScript"> if (top.location != self.location)top.location = self.location; //--> </script> </head>

<body>

Evita mostrarse en un frame

</body>

</html>

Multibuscador en tu webEste código te permitirá realizar búsquedas desde tu Web en los principales motores de búsqueda

Texto animado en la barra de titulo.

Con este código puedes colocar un texto en la barra de titulo, que es esa franja que queda en el extremo superior del navegador donde también se encuentran los botones de cerrar, restaurar y minimizar

<html>

<head><title>Texto animado en la barra de titulo</title><SCRIPT LANGUAGE="JavaScript">var txt=" --- Esto es un texto animado en la barra de titulo --- ";var espera=100;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></head>

<body

</body>

</html>

Texto cambiante en la barra de titulo.Este código te permite colocar varios mensaje en la barra de titulo, que es esa franja que queda en el extremo superior del navegador donde también se encuentran los botones de cerrar, restaurar y minimizar<html>

<head>

<title>Texto animado cambiante en la barra de titulo</title><SCRIPT LANGUAGE="JavaScript">

var message = new Array();

message[0] = "comentario";message[1] = "aburrido";message[2] = "o quizas";message[3] = "interesante";message[4] = "¿quien sabe?";message[5] = "solo se que no se nada";message[6] = "... JA JA JA JA ";

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

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 > 8) { 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 == 8) { 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();</script></head>

<body </body>

</html>Texto que simula una ola.

Con este script te aparece un texto que se mueve como una ola

<html>

<head><title>Linea de texto que simula una ola</title></head>

<body><script language="JavaScript1.2">

//configuracionmessage="Muevete entre las olas con UTERRA.COM"

ns6switch=1

var ns6=document.getElementById&&!document.allmes=new Array();mes[0]=-1;mes[1]=-4;mes[2]=-7;mes[3]=-10;mes[4]=-7;mes[5]=-4;mes[6]=-1;num=0;num2=0;txt="";function jump0(){if (ns6&&!ns6switch){jump.innerHTML=messagereturn}if(message.length > 6){for(i=0; i != message.length;i++){txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};jump.innerHTML=txt;txt="";jump1a()}else{alert("El mensaje es muy corto")}}

function jump1a(){nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0nfinal.style.left=-num2;if(num2 != 9){num2=num2+3;setTimeout("jump1a()",50)}else{jump1b()}}

function jump1b(){nfinal.style.left=-num2;if(num2 != 0){num2=num2-3;setTimeout("jump1b()",50)}else{jump2()}}

function jump2(){txt="";for(i=0;i != message.length;i++){if(i+num > -10 && i+num < 7){txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"}else{txt=txt+"<span>"+message.charAt(i)+"</span>"}}jump.innerHTML=txt;txt="";if(num != (-message.length)){num--;setTimeout("jump2()",50)}

else{num=0;setTimeout("jump0()",50)}}</script>

<h2><div id="jumpx" style="color:red"></div><script>if (document.all||document.getElementById){jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpxjump0()}elsedocument.write(message)</script></body>

</html>

Texto animado.Con este código puedes crear un bonito efecto animado ideal para banners muy atractivos

<html>

<head><title>Texto animado</title><style>.let{color:white;

font-family:Verdana;font-weight:bold;width:500;filter:Shadow (Color="#FFFF00", Direction="135")wave(Add="0", Phase="4", Freq="9", LightStrength="20", Strength="1") ; }

</style>

<script language="JavaScript">

// Cambia o personaliza como más te guste las siguientes opciones.

var regel = 0; // fila en donde comienzavar size = 24; // tamaño de la fuentevar delay = 1200; // retardo entre los mensajes en MiliSegs.var speed = 25; // velocidad de transicion del textovar step = 10; // tamaño de cada paso

var sent = new Array(){sent[0] = "http://www.uterra.com";sent[1] = "Códigos JavaScript";sent[2] = "Promoción Web";sent[3] = "Promoción con BANNERS";sent[4] = "¿te gusta lo que ves?";sent[5] = "¿a que esperas? visitanosss";}

sent[sent.length] = sent[0];var veran = 0;var num = 0;var x = 0;//Don't changefunction moto(){output = "";for(letter = 0;letter<sent[regel+1].length;letter++){if(veran == letter){if(x==0){num=num+step;}else{num=num-step;}gr = size-num;if(gr < 1){x=1;gr=1;}if(gr>size)gr=size;output += "<font style='font-size:"+gr +"pt'>"+sent[regel+x].substring(letter, letter+1)+"</font>";if(num < 0 && x==1){veran++;x=0;}}else{if(veran > letter){output += "<font style='font-size:"+size +"pt'>"+sent[regel+1].substring(letter, letter+1)+"</font>";}else{output += "<font style='font-size:"+size +"pt'>"+sent[regel].substring(letter, letter+1)+"</font>";}}}return output;}function startmot(){if(regel==sent.length-1)regel=0;balk.innerHTML = moto();if(veran==sent[regel+1].length){regel++;veran = 0;setTimeout("startmot()", delay);}else{setTimeout("startmot()", speed);}}</script></head>

<body onload="startmot()">

<table style='cursor:hand' onclick=location="http://www.uterra.com" align="center" id="tafel" bgcolor="#000000" width=525 height="60"><tr><td bgcolor="#000000" bordercolor="#666666"><div class='let' ID="balk" align="center"></div></td></tr></table></body>

</html>

Hipervínculo a una URL y a un archivo.Aquí puedes ver la diferencia que hay entre un enlace a un archivo publicado en la red o a un archivo ubicado en tu equipo

<html>

<head><title>Diferencia entre enlazar una URL y un archivo</title>

</head>

<body>ENLACE A URL <a href="http://www.uterra.com/crea_tu_web/principal.htm">enlace a url</a>

ENLACE A ARCHIVO <a href="file:///F:/crea_tu_web/principal.htm">enlace a archivo</a></body>

</html>

Hipervínculo con solo pasar el puntero.Con este código puedes colocar un enlace de tal forma que no es necesario pulsar el ratón, basta con pasar el puntero sobre él, para dirigirnos al archivo de destino

<html><head><title>Enlace con solo pasar el ratón</title></head>

<body><a href="Doesn't matter" onMouseOver="parent.location='http://www.uterra.com'">Enlace solo con pasar el ratón</a></body></html>

Informa sobre el destino del hipervínculo.Con este código al colocar el puntero sobre el enlace te aparecerá información sobre su destino

<html>

<head><title>Informa sobre el destino de un enlace</title><STYLE TYPE="text/css">BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}.DEK {POSITION:absolute; VISIBILITY:hidden; Z-INDEX:200;}</STYLE></head>

<body><p ID="dek" CLASS="dek"><SCRIPT TYPE="text/javascript">Xoffset=-20; Yoffset= 20;

var nav,old,iex=(document.all),yyy=-1000;if(navigator.appName=="Netscape") {(document.layers)?nav= true: old=true;}if(!old){var skn=(nav)?document.dek:dek.style;if(nav)document.captureEvents(Event.MOUSEMOVE);document.onmousemove=get_mouse;}function popup(msg){var content="<TABLE WIDTH=130 BORDER=2 BORDERCOLOR=#FF9933 CELLPADDING=2 CELLSPACING=4 "+"BGCOLOR=#CC33FF><TD ALIGN=center><FONT FACE=VERDANA SIZE=2 COLOR=#FFCC66><b>"+msg+"</b></FONT></TD></TABLE>";if(old){alert(msg);return;} else{yyy=Yoffset;if(nav){skn.document.write(content); skn.document.close(); skn.visibility="visible"}if(iex){document.all("dek").innerHTML= content; skn.visibility="visible"}}}function get_mouse(e){var x=(nav)?e.pageX:event.x+document.body.scrollLeft; skn.left= x+Xoffset;var y=(nav)?e.pageY:event.y+document.body.scrollTop; skn.top=y+yyy;}function kill(){if(!old){yyy=-1000;skn.visibility="hidden";}}</SCRIPT></p>

<p><a href="http://www.uterra.com" onMouseOver="popup('El enlace te lleva a la pagina principal de UTERRA.COM')" onMouseOut="kill()" ;>ENLACE 1</a></p><p><a href="http://www.uterra.com/crea_tu_web/principal.htm" onMouseOver="popup('Este enlace te lleva a la pagina principal del curso de diseño web de UTERRA.COM')" onMouseOut="kill()" ;>ENLACE 2</a> <p><a href="http://www.uterra.com/internet/codigos_javascript.htm" onMouseOver="popup('El enlace te lleva a la pagina de SCRIPT de UTERRA.COM')" onMouseOut="kill()" ;>ENLACE 3</a></p></body>

</html>

Enlace nuevo cada hora.Con este código puedes mostrar una página nueva cada hora del día

<html>

<head><title>Con este script se puede mostrar una pagina nueva cada hora</title><script>var hora01=new Array()

hora01[00]="http://www.uterra.com/internet/carpeta_web.htm"hora01[01]="http://www.uterra.com/internet/script/efectos_imagen_01.htm"hora01[02]="http://www.uterra.com/juegos/torre_hanoi.htm"hora01[03]="http://www.uterra.com/internet/script/hipervinculos_03.htm"hora01[04]="http://www.uterra.com/juegos/tetris.htm"hora01[05]="http://www.uterra.com/internet/tabla_colores.htm"hora01[06]="http://www.uterra.com/internet/juegos.htm"hora01[07]="http://www.uterra.com/internet/tu_pagina_web.htm"hora01[08]="http://www.uterra.com/internet/subdominio.htm"hora01[09]="http://www.uterra.com/internet/scrollbar.htm"hora01[10]="http://www.uterra.com/internet/script/efectos_texto_01.htm"

hora01[11]="http://www.uterra.com/internet/script/hipervinculos_04.htm"hora01[12]="http://www.uterra.com/internet/promocion_web.htm"hora01[13]="http://www.uterra.com/internet/herramientas_web.htm"hora01[14]="http://www.uterra.com/internet/script/fundamentales_01.htm"hora01[15]="http://www.uterra.com/internet/etiquetas_metatag.htm"hora01[16]="http://www.uterra.com/internet/dominio.htm"hora01[17]="http://www.uterra.com/internet/alojamiento_web.htm"hora01[18]="http://www.uterra.com/internet/crear_web.htm"hora01[19]="http://www.uterra.com/internet/codigos_javascript.htm"hora01[20]="http://www.uterra.com/internet/codifica_email.htm"hora01[21]="http://www.uterra.com/internet/script/efectos_imagen_02.htm"hora01[22]="http://www.uterra.com/internet/carpeta_web.htm"hora01[23]="http://www.uterra.com/internet/script/fundamentales_02.htm"

var myDate=new Date()var foto_hora=myDate.getHours()</script></head>

<body>

<center><a href="uterra" onClick="window.location=hora01[foto_hora];return false"><font face="Verdana" size="2"><b>ENLACE CADA HORA</b></font></a></center>

<center><a href="uterra" onClick="window.location=hora01[foto_hora];return false"><img border="0" src="http://www.uterra.com/images_uterra/demos_script/demo_script0012.jpg" width="125" height="125"></a></center>

<center><input TYPE="button" VALUE="ENLACE CADA HORA" onClick="window.location=hora01[foto_hora];return false"></center>

</body>

</html>

Efecto de burbujas.Con este script podrás crear un atractivo efecto de burbujas con imágenes para tu Web

Burbujas hacia arriba<html>

<head><TITLE>Llamativo efecto de burbujas</TITLE></head>

<body><p align="center">

<script language="JavaScript1.2">var no = 15; // numero de imagenes que se desplazanvar speed = 30; // velocidad del desplazamientovar snow = new Array();snow[0] = "http://www.uterra.com/images_uterra/demos_script/demo_script0004.jpg"snow[1] = "http://www.uterra.com/images_uterra/demos_script/demo_script0005.jpg"snow[2] = "http://www.uterra.com/images_uterra/demos_script/demo_script0006.jpg"

var ns4up = (document.layers) ? 1 : 0; // browser sniffer

var ie4up = (document.all) ? 1 : 0;var ns6up = (document.getElementById&&!document.all) ? 1 : 0;var dx, xp, yp; // coordinate and position variablesvar am, stx, sty; // amplitude and step variablesvar i, doc_width = 800, doc_height = 1800;

if (ns4up||ns6up) {doc_width = self.innerWidth;doc_height = self.innerHeight;} else if (ie4up) {doc_width = document.body.clientWidth;doc_height = document.body.clientHeight;}

dx = new Array();xp = new Array();yp = new Array();am = new Array();stx = new Array();sty = new Array();j = 0;

for (i = 0; i < no; ++ i) {dx[i] = 0; // set coordinate variablesxp[i] = Math.random()*(doc_width-50); // set position variablesyp[i] = Math.random()*doc_height;am[i] = Math.random()*20; // set amplitude variablesstx[i] = 0.02 + Math.random()/10; // set step variablessty[i] = 0.7 + Math.random(); // set step variablesif (ns4up) { // set layersif (i == 0) {document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");} else {document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");} } else if (ie4up||ns6up) { if (i == 0) {document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");} else {document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");}}if (j == (snow.length-1)) { j = 0; } else { j += 1; }}

function snowNS() { // Netscape main animation functionfor (i = 0; i < no; ++ i) { // iterate for every dotyp[i] -= sty[i]; if (yp[i] < -50) {xp[i] = Math.random()*(doc_width-am[i]-30);yp[i] = doc_height;stx[i] = 0.02 + Math.random()/10;sty[i] = 0.7 + Math.random();doc_width = self.innerWidth;doc_height = self.innerHeight; }dx[i] += stx[i];document.layers["dot"+i].top = yp[i];document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);}setTimeout("snowNS()", speed);}

function snowIE_NS6() { // IE main animation functionfor (i = 0; i < no; ++ i) { // iterate for every dotyp[i] -= sty[i];if (yp[i] < -50) {xp[i] = Math.random()*(doc_width-am[i]-30);yp[i] = doc_height;

stx[i] = 0.02 + Math.random()/10;sty[i] = 0.7 + Math.random();doc_width = ns6up?window.innerWidth-5:document.body.clientWidth;doc_height = ns6up?window.innerHeight-5:document.body.clientHeight;}dx[i] += stx[i];if (ie4up){document.all["dot"+i].style.pixelTop = yp[i];document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);}else if (ns6up){document.getElementById("dot"+i).style.top=yp[i];document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);}}setTimeout("snowIE_NS6()", speed);}

if (ns4up) {snowNS();} else if (ie4up||ns6up) {snowIE_NS6();}</script>

<a href="http://www.uterra.com">www.uterra.com</a>

</body>

</html>

Mensaje de despedida.Cuando el visitante abandona tu pagina salta un mensaje de despedida, una buena forma de ser siempre cortes

<html>

<head><title>Mensaje de despedida al cerrar pagina</title><SCRIPT language="JavaScript">

function goAway() { alert('¡Hasta pronto! Y no te olvides de W W W . U T E R R A . C O M'); }</SCRIPT></head>

<body bgcolor="white" onUnload="goAway()">

</body>

</html>

Un saludo cada día.Saluda a tus visitantes de manera distinta según el día de la semana

<HTML><HEAD><TITLE>Un mensaje nuevo cada dia de la semana</TITLE></HEAD>

<BODY>

<SCRIPT LANGUAGE="JavaScript">

document.write("<center><font size=+1><b>")now = new Date()

if (now.getDay() == 0)document.write("Es domingo, y la semana pasada tras el domingo venia el lunes, ¿será otra vez igual?")

if (now.getDay() == 1)document.write("Es lunes. Es horrible¡¡¡")

if (now.getDay() == 2)document.write("Es martes, el que queda antes del miercoles.")

if (now.getDay() == 3)document.write("Es miércoles, y mañana otra vez jueves.")

if (now.getDay() == 4)document.write("Es jueves, ya queda menos, paciencia¡¡¡")document.write("</b></center></font>")

if (now.getDay() == 5)document.write("Siempre despues del jueves dicen que viene el viernes, que guay!")

if (now.getDay() == 6)document.write("Es sábado, y todo por que ayer fue viernes, esto es super-guay¡¡¡")

</SCRIPT></body></html>

Secuencia de mensajes.Este código es ideal para hacer una presentación rápida de los contenidos de tu página web

<html><head>

<body><script language="JavaScript1.2">

var delay=2500 //pausa (en milisegundos)var fcontent=new Array()begintag='<font face="Verdana" size=2>' //tag que abre los mensajesfcontent[0]="<b>Ejemplo...</b><br><br>Este script es muy practico para hacer una rapida presentación de tu sitio web."fcontent[1]="Un sitio Web bien presentado puede conseguir visitas mas adaptada a tus contenidos."fcontent[2]="La continua actualizacion de un sitio web es uno de los mejores incentivos para el visitante."closetag='</font>'

var fwidth=150 //anchovar fheight=150 //alto

///No editar/////////////////

var ie4=document.all&&!document.getElementByIdvar ns4=document.layersvar DOM2=document.getElementByIdvar faderdelay=0

var index=0

if (DOM2)faderdelay=2000

//function to change contentfunction changecontent(){if (index>=fcontent.length)index=0if (DOM2){document.getElementById("fscroller").style.color="rgb(255,255,255)"document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetagcolorfade()}else if (ie4)document.all.fscroller.innerHTML=begintag+fcontent[index]+closetagelse if (ns4){document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index]+closetag)document.fscrollerns.document.fscrollerns_sub.document.close()}

index++setTimeout("changecontent()",delay+faderdelay)}frame=20;hex=255 // Initial color value.

function colorfade() { // 20 frames fading processif(frame>0) {hex-=12; // increase color valuedocument.getElementById("fscroller").style.color="rgb("+hex+","+hex+","+hex+")"; // Set color value.frame--;setTimeout("colorfade()",20);}else{document.getElementById("fscroller").style.color="rgb(0,0,0)";frame=20;hex=255} }

if (ie4||DOM2)document.write('<div id="fscroller" style="border:1px solid black;width:'+fwidth+';height:'+fheight+';padding:2px"></div>')

window.onload=changecontent</script>

<ilayer id="fscrollerns" width=&{fwidth}; height=&{fheight};><layer id="fscrollerns_sub" width=&{fwidth}; height=&{fheight}; left=0 top=0></layer></ilayer>

</body></html>

reloj digital AM - PM.Otro reloj con uso horario de 12 horas

<html>

<head><title>Reloj de ciclo de 12 horas con horas, minutos y segundos</title></head>

<body onLoad="show5()"><span id="liveclock" style="position:absolute;left:0;top:0;"></span>

<script language="JavaScript">

function show5(){ if (!document.layers&&!document.all&&!document.getElementById) return var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var seconds=Digital.getSeconds() var dn="AM" if (hours>12){ dn="PM" hours=hours-12 } if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds//change font size here to your desiremyclock="<font size='2' face='Arial' ><b><font size='1'>www.uterra.com</font></br>"+hours+":"+minutes+":" +seconds+" "+dn+"</b></font>"if (document.layers){document.layers.liveclock.document.write(myclock)document.layers.liveclock.document.close()}else if (document.all)liveclock.innerHTML=myclockelse if (document.getElementById)document.getElementById("liveclock").innerHTML=myclocksetTimeout("show5()",1000) }</script></body>

</html>

Abrir una ventana secundaria.Aquí te mostramos el código para abrir una ventana secundaria con todos sus posibles parámetros de configuración

<html>

<head><title>Ventana secundaria con todos los parámetros para su configuración</title><script language=javascript> function Ventana_001 (URL){ window.open(URL,"UTERRA","width=500,height=300,top=20,left=40,scrollbars=NO,titlebar=NO,menubar=YES,toolbar=NO,directories=YES,location=YES,status=NO,resizable=NO") } </script> </head>

<body>

<p><a href="javascript:Ventana_001('http://www.uterra.com')"><font face="Verdana" color="#FF0000">Enlace</font></a></p>

<p><input type=button value="Enlace" onclick="Ventana_001('http://www.uterra.com')"></p>

<p><a href="javascript:Ventana_001('http://www.uterra.com')"><img border="0" src="http://www.uterra.com/images_uterra/demos_script/demo_script0008.jpg" width="125" height="125"></a></p>

</body>

</html>

Abrir varias ventanas secundarias.Con este código puedes abrir tantas ventanas secundarias distintas como desees, ha sido creado para tres, añade las que quieras

<html>

<head><title>Abre tres ventanas secundarias distintas con tres tipos de enlace</title><script language=javascript> function Ventana_001 (URL){ window.open(URL,"UTERRA","width=500,height=300,top=300,left=40,scrollbars=NO,titlebar=NO,menubar=YES,toolbar=NO,directories=YES,location=YES,status=NO,resizable=NO") } </script><script language=javascript> function Ventana_002 (URL){ window.open(URL,"UTERRA","width=300,height=400,top=50,left=100,scrollbars=NO,titlebar=NO,menubar=NO,toolbar=NO,directories=YES,location=NO,status=NO,resizable=NO") } </script><script language=javascript> function Ventana_003 (URL){ window.open(URL,"UTERRA","width=300,height=300,top=100,left=450,scrollbars=YES,titlebar=NO,menubar=YES,toolbar=NO,directories=YES,location=YES,status=NO,resizable=YES") } </script></head>

<body>

<p><a href="javascript:Ventana_001('http://www.uterra.com')"><font face="Verdana" color="#FF0000">Enlace</font></a></p>

<p><a href="javascript:Ventana_002('http://www.uterra.com/internet/codigos_javascript.htm')"><font face="Verdana" color="#FF0000">Enlace</font></a></p>

<p><a href="javascript:Ventana_003('http://www.uterra.com/internet/promociona_web.htm')"><font face="Verdana" color="#FF0000">Enlace</font></a></p><p>------------------------------------------------------------------</p>

<p><input type=button value="ENLACE" onclick="Ventana_001('http://www.uterra.com')"></p><p><input type=button value="ENLACE" onclick="Ventana_002('http://www.uterra.com/internet/crear_web.htm')"></p><p><input type=button value="ENLACE" onclick="Ventana_003('http://www.uterra.com/internet/promociona_web.htm')"></p>

<p>------------------------------------------------------------------</p>

<p><a href="javascript:Ventana_001('http://www.uterra.com')"><img border="0" src="http://www.uterra.com/images_uterra/demos_script/demo_script0008.jpg" width="125" height="125"></a></p>

<p><a href="javascript:Ventana_002('http://www.uterra.com/internet/crear_web.htm')"><img border="0" src="http://www.uterra.com/images_uterra/demos_script/demo_script0007.jpg" width="125" height="125"></a></p>

<p><a href="javascript:Ventana_003('http://www.uterra.com/internet/promociona_web.htm')"><img border="0" src="http://www.uterra.com/images_uterra/demos_script/demo_script0006.jpg" width="125" height="125"></a></p>

</body>

</html>

Abre tu pagina en la totalidad de la pantalla.Este script abre tu pagina en la totalidad de la pantalla, para cerrar esta ventana pulsa ALT + F4.

<html>

<head><title>Abre una ventana que ocupa por completo la pantalla</title><script language=javascript> function PantallaCompleta (URL){ window.open("http://www.uterra.com","","fullscreen,scrollbars") } </script></head><body>

<p><a href="javascript:PantallaCompleta('http://www.uterra.com')"><font face="Verdana" color="#FF0000">Pantalla Completa</font></a></p>

<p><input type=button value="Pantalla Completa" onclick="PantallaCompleta('http://www.uterra.com')"></p>

<p><a href="javascript:PantallaCompleta('http://www.uterra.com')"><img border="0" src="http://www.uterra.com/images_uterra/demos_script/demo_script0001.jpg" width="125" height="125"></a></p>

</body>

</html>

Menú desplegable I.Este código permite crear un menú desplegable en forma de campo de elección múltiple<html><head><title>Navegador desplegable</title><script language=javascript>

function destino(){

url = document.navegador.secciones.options[document.navegador.secciones.selectedIndex].value

if (url != "no") window.location = url;

}

</script></head><body><form name=navegador><select name="secciones" onchange="destino()" style="font-family: Verdana; font-size: 8 pt; color: #000080; font-weight: bold" size="1">

<option value="no">Enlaces de UTERRA.COM

<option value="no">--------------------------------------

<option value="http://www.uterra.com/">Portada

<option value="http://www.uterra.com/crea_tu_web/principal.htm">Curso web

<option value="http://www.uterra.com/internet/crear_web.htm">Crea tu web

<option value="http://www.uterra.com/programas">Programas de diseño Web

<option value="http://www.uterra.com/internet/dominio.htm">Dominios

<option value="http://www.uterra.com/internet/codigos_javascript.htm">Codigos JavaScript

<option value="http://www.uterra.com/internet/juegos.htm">Juegos

<option value="no">--------------------------------------

<option value="http://www.uterra.com/internet/promocion_web.htm">Promoción Web

<option value="http://www.uterra.com/internet/etiquetas_metatag.htm">Generador MetaTag

</select></form></body>

</html>

Menú desplegable II.Similar al anterior, este javascript permite abrir la pagina un una pagina nueva. El enlace se establece al pulsar un botón

<html>

<head><title>Menú desplagable con opcion de apertura en una ventana nueva</title><script language="javascript">function gothere(){var thebox=document.mycombowoptif (thebox.windowoption.checked){if (!window.newwindow)newwindow=window.open("")newwindow.location=thebox.example.options[thebox.example.selectedIndex].value}elselocation=thebox.example.options[thebox.example.selectedIndex].value}</script></head>

<body><form name="mycombowopt"><select name="example" size=1> <option value="http://www.uterra.com">UTERRA</option> <option value="http://www.uterra.com/internet/etiquetas_metatag.htm">MetaTag</option> <option value="http://www.uterra.com/internet/codifica_email.htm">Codifica e-mail</option> <option value="http://www.uterra.com/internet/subdominio.htm">Subdominios</option> </select> <input type="button" value="Visitar" onClick="gothere()"> <br> <input type="checkbox" name="windowoption" value="ON"><font face="Verdana" size="2">Abrir en una ventana nueva</font></form></body>

</html>

MENSAJE DE ESPERA MIENTRAS CARGA LA PAGINA<BODY onLoad="cacheOff()"><STYLE TYPE="text/css">#cache {position:absolute; left=10; top:10px; z-index:10; visibility:hidden;}</STYLE><SCRIPT LANGUAGE="JavaScript">ver = navigator.appVersion.substring(0,1)if (ver >= 4){document.write('<DIV ID="cache"><TABLE WIDTH=400 BGCOLOR=#000000 BORDER=0 CELLPADDING=2 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><TABLE WIDTH=100% BGCOLOR=#FFFFFF BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><FONT FACE="Arial, Verdana" SIZE=4><B><BR>ESPERE POR FAVOR ... <BR><BR></B></FONT></TD> </TR></TABLE></TD> </TR></TABLE></DIV>');var navi = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);var HIDDEN = (navi) ? 'hide' : 'hidden';var VISIBLE = (navi) ? 'show' : 'visible';var cache = (navi) ? document.cache : document.all.cache.style;largeur = screen.width;cache.left = Math.round(100);cache.visibility = VISIBLE;}function cacheOff(){if (ver >= 4){cache.visibility = HIDDEN;}}</SCRIPT>

Deteccion de Flash .

Detectando si un visitante tiene o no el plug-in de Macromedia Flash Instalado en su sistema.

<head><SCRIPT LANGUAGE="JavaScript">var useFlash = navigator.mimeTypes &&navigator.mimeTypes["application/x-shockwave-flash"] &&navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin;</SCRIPT><SCRIPT LANGUAGE="VBScript">On Error Resume NextuseFlash = Not IsNull(CreateObject("ShockwaveFlash.ShockwaveFlash"))</SCRIPT></head><body><SCRIPT LANGUAGE="JavaScript">if ( useFlash ) {window.location = "pagina_con_flash.htm";} Else {window.location = "pagina_sin_flash.htm";}</SCRIPT></body>

Maximizar una paginaSencillo script para maximizar una pagina <html><head><script language="JavaScript">function amplia(){resizeTo(screen.width, screen.height)moveTo(0, 0);}</script></head><body onload="amplia()"><h1>La Pagina esta Maximizada</h1></body></html>

Escapar de FramesMas popular metodo de escapar de frames o marcos. Este script tambien puede ser muy util para eliminar la publicidad de algunos servidores webs gratuitos asi como de sistemas de redireccionamiento.

<script language="JavaScript">if(parent.frames.length>=1 {window.top.location.href="/tutores/index.asp".}</script>

__________________________________________________Al indicar top.location.href Obligaremos a toda pagina que contenga este codigo a romper el marco o frame, por lo que nadie podrá abrir esta pagina dentro de los marcos

<SCRIPT>// CODIGO OBTENIDO EN WWW.TUTORES.ORGfunction checkStatus() {page = self.location.href;if (page != top.location.href) {top.location.href = page;return true;}}</SCRIPT>

<BODY onLoad="checkStatus()";>

A mi parecer esta bueno el script solo algunos errorcillos, pues el function y el if deberian estar en minusculas, que asi si me funciona y el ";" final podrian quitarlo o ponerlo dentr de las comillas de onLoad, por lo demas si esta buenisima y al grano...

Ver codigo fuente de una paginaTal y como el titulo indica al pulsar el enlace se mostrará el codigo fuente de la url que hayamos indicado, que en este caso es http://www.tutores.org

view-source:http://www.fulltono.com/

<script type="text/javascript">function verFuente(pagina){window.location = "view-source:" + pagina ;}</script><p>Mostrar código fuente: <a href= "javascript:verFuente(window.location);">Páginaactual</a> <a href= "javascript:verFuente('http://www.tutores.org');">tutores.org</a></p>

Obtener ip del visitanteFacil metodo de conseguir la direccion ip de un visitante

<SCRIPT>var ip = new java.net.InetAddress.getLocalHost();var ipStr = new java.lang.String(ip);document.writeln(ipStr.substring(ipStr.indexOf("/")+1));</SCRIPT>

No permitir seleccionar en paginaMuchas veces tenemos un texto el cual no queremos que los usuarios copien.

<script language="Javascript"></script>

Intenta seleccionar cualquier texto de esta pagina !!

Bloqueo del tecladoSencillo script que impide la pulsacion del teclado, mostrando una ventana de alerta

<script language="JavaScript">function tecla(){alert('EL TECLADO BLOQUEADO')}; document.onkeydown=tecla;</script>

http://www.tutores.org/?codigos=5&pg=11Scripts Diversos JavaScript

http://www.cssplay.co.uk/menu/index.htmlCodigos CSS efectos varios

LAS ETIQUETAS META-TAGLas etiquetas metatag o meta tag son una parte imprescindible dentro de cualquier pagina web, ya que estas permiten que nuestra pagina sea indexada por los motores de búsqueda. Aunque es posible enviar nuestra URL a algunos motores de búsqueda, el hecho de enviarla no garantiza que de hecho vaya a ser indexada, por ello la correcta construcción de las etiquetas metatag es de una importancia trascendental. Para los que no están familiarizados con el diseño web recomendamos la lectura de nuestro capítulo "Promoción web: las etiquetas Meta Tag". Para la construcción rápida de las etiquetas meta puedes utilizar gratuitamente nuestro generador de etiquetas meta.

Figura 01. Código fuente de un sitio web<html><head><TITLE>EL TITULO</TITLE><META name="description" content="FRASES CLAVE"><META name="keywords" content="PALABRAS CLAVE"><META name="language" content="es"><META name="revisit-after" content="1 month"><META name="rating" content="General"><META name="author" content="EL AUTOR"><META name="owner" content="EL PROPIETARIO"><META name="robot" content="index, follow"></head><body><H1>Encabezamiento de la página Web</H1>Como puedes ver todos los componentes visibles de la pagina Web se encuentran dentro de las etiquetas "body" </body></html>

Los campos que tienen un valor ya asignado responden a que en muchos casos en el valor idóneo, modifícalos bajo tu responsabilidad.

http://www.uterra.com/crea_tu_web/promocion_web.htm

http://www.cssplay.co.uk/menu/index.html

http://www.tutores.org/?codigos=5&pg=11

Documents

Scripts Para Webs