• No permite el botón derecho y además te penaliza con 10 clicks

<script language="Javascript"> zaehler=0; function right(e) { if (navigator.appName == 'Netscape'){ if (e.which == 3 || e.which == 2){ alert("Aqui no puedes utilizar el botón derecho del mouse"); for(i=0;i!=zaehler;i++)alert("Ya te avisé, te penalizaré con n "+(zaehler-i)+"n clicks."); zaehler+=10; alert("¡La proxima vez que lo hagas será peor! www.the-danie.com"); return false;}} if (navigator.appName == 'Microsoft Internet Explorer'){ if (event.button == 2 || event.button == 3){ alert("Aqui no puedes utilizar el botón derecho del mouse"); for(i=0;i!=zaehler;i++)alert("Ya te avisé, te penalizaré con n "+(zaehler-i)+"n clicks."); zaehler+=10; alert("¡La proxima vez que lo hagas será peor! www.the-danie.com"); return false;}} return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; // --></script>

• Se abre una ventana al utilizar el botón derecho

<SCRIPT language=JavaScript> function right(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)) { a=window.open("http://www.the-danie.com/","WindowName","width=640,height=600,top=40,left=50,resizable=yes,scrollbars=yes,menubar=no,toolbar=no,status=no,location=no"); return false; } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) { a=window.open("http://www.the-danie.com/","WindowName","width=640,height=600,top=40,left=50,resizable=yes,scrollbars=yes,menubar=no,toolbar=no,status=no,location=no"); return false; } return true; } document.onmousedown=right; window.onmousedown=right; </SCRIPT>

• Para webs sin frames, mantiene tu página en primer plano, y no puede estar en frames de otro "listillo"

<SCRIPT LANGUAGE="JavaScript"> <!--- Se esconde el codigo a navegadores sin JS if (window != window.top) top.location.href = location.href; // --> </SCRIPT>

• Variación del anterior

<SCRIPT LANGUAGE="Javascript"> <!--- if (parent.frames.length) top.location.href= document.location; // ---> </SCRIPT>

Personalización de la Web

• Para hacer la Página de Inicio

<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.the-danie.com');return false">Página de inicio</a>

• Añadir a Favoritos

<SCRIPT LANGUAGE="JavaScript"> <!-- function addBookmark() { if (window.external) external.AddFavorite("http://www.the-danie.com", "...::: wWw.ThE-DaNiE.CoM :::...") else alert("Tu navegador no soporta esta caracteristica"); } // --> </SCRIPT>

• Para que al añadir a "Favoritos" te coja un icono (se tiene que colocar en el head) y aedmás tienes que subir un .ico a tu hosting.

<LINK REL="SHORTCUT ICON" HREF="http://www.tuservidor.com/iconos/nombreicono.ico">

• Cambiar las barras de scroll (colocar siempre en el style) (puedes hacer infinitas variaciones cambiando color, tamaño, etc)

<style> <!-- BODY { scrollbar-base-color : #000000; scrollbar-arrow-color : #FFFFFF; } .nav { color : #FFCC00; font-size : 8pt;} --> </style>

• Otro ejemplo:

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

Escribir en el "Status" del Navegador y hacer mover el "Title"

• Que se vaya moviendo las palabras del status

<SCRIPT languague="JavaScript"> <!-- var cuenta=0 var texto=" Lo que te de la gana " 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>

• Te enseña la hora y el texto que quieras en la barra del status

<script language="JavaScript"> <!-- mensaje=" |======| .: w W w . T h e - D a N i E . C o M :. " function hora() { var h = new Date(); window.status="|======| " + h.getHours() +":"+ h.getMinutes() +"" +mensaje ; window.setTimeout('hora()',100); } hora() //--> </script>

• Varias frases o texto desplanzadose por el status

<head> <SCRIPT> <!-- var ShowString = " " //La primera linea tiene que estar en blanco + "Aqu&iacute; la frase 1 " //Puedes a&ntilde;adir mas frases, aparte de estas 3 + "Aqu&iacute; la frase 2 " + "Aqu&iacute; 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>

• Escribir en la barra de estado (status) al pasar el mouse por encima (onmouseover)

<a href="mailto:the_dani0ner@hotmail.com?subject=Comentarios/Sugerencias" onMouseOver="window.status='[ contacta con el webmaster ]';return true"> el-brujo</a>

• Escribir en "Title" y hacer que se maya moviendo cada X segundos.

<SCRIPT LANGUAGE="JavaScript"> var txt=" T h E - D a N i E . C o M - wwww.the-danie.com -"; 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>

Abrir Nuevas Ventanas (Facilidades Navegación)

• Que se abra una ventana al entrar en la web (se puede definir tamaño, barras, etc, etc, etc)

<SCRIPT language=Javascript> open('legal.htm','AVISOLEGAL',"toolbar=0,location=0,status=0,menubar=0,scrollbars=yes,resizable=yes,width=490,height=232");</SCRIPT>

• Abrir una ventana al apretar un enlace (también se puede definir tamaño, etc)

<script language="JavaScript"> <!-- function winopen(pagina,nombreventana) { myWin=open(pagina,nombreventana,'width=530,height=400,top=150,left=300,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,titlebar=no'); } //--> </script>

• Para llamar a la página (caso anteriror)

javascript:winopen('http://www.the-danie.com','THE-DANIE')"

• Imprimir la página

<a href="javascript:window.print()">Imprimir</a>

• Copiar al portapapeles

<script language="Javascript"> <!-- //specify whether contents should be auto copied to clipboard (memory) //Applies only to IE 4+ //0=no, 1=yes var copytoclip=1 function HighlightAll(theField) { var tempval=eval("document."+theField) tempval.focus() tempval.select() if (document.all&&copytoclip==1){ therange=tempval.createTextRange() therange.execCommand("Copy") window.status="Contents highlighted and copied to clipboard!" setTimeout("window.status=''",1800) } } //--> </script> <a href="javascript:HighlightAll('form.fuente')">Copiar al Portapapeles</a>

• Función Confirmar (ok, cancel) si ok entras sino vuelve para atrás

<script language="JavaScript"> <!-- function checkAGE() { if (!confirm ("Bievenido a the-danie.com. Si quieres entrar apreta ok, sino Cancel. F&aacute;cil eh?")) history.go(-1);return " "} document.writeln(checkAGE()) // --> </script>

Mejoras Diseño

• Punto de mira que ocupa toda la pantalla (color verde)

<div id="leftright" style="width:expression(document.body.clientWidth-2)"></div><div id="topdown" style="height:expression(document.body.clientHeight-2)"></div> <script language="JavaScript1.2"> <!-- if (document.all&&!window.print){ leftright.style.width=document.body.clientWidth-2 topdown.style.height=document.body.clientHeight-2 } else if (document.layers){ document.leftright.clip.width=window.innerWidth document.leftright.clip.height=1 document.topdown.clip.width=1 document.topdown.clip.height=window.innerHeight } function followmouse1(){ //move cross engine for IE 4+ leftright.style.pixelTop=document.body.scrollTop+event.clientY+1 topdown.style.pixelTop=document.body.scrollTop if (event.clientX<document.body.clientWidth-2) topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1 else topdown.style.pixelLeft=document.body.clientWidth-2 } function followmouse2(e){ //move cross engine for NS 4+ document.leftright.top=e.y+1 document.topdown.top=pageYOffset document.topdown.left=e.x+1 } if (document.all) document.onmousemove=followmouse1 else if (document.layers){ window.captureEvents(Event.MOUSEMOVE) window.onmousemove=followmouse2 } function regenerate(){ window.location.reload() } function regenerate2(){ setTimeout("window.onresize=regenerate",400) } if ((document.all&&!window.print)||document.layers) //if the user is using IE 4 or NS 4, both NOT IE 5+ window.onload=regenerate2 //--> </script>

• Para que el cursor sea un punto de mira (en pequeñito)

<style type="text/css"> <!-- body { cursor: crosshair} --> </style>

• Te dice el dia, mes y año del PC

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

• Cerrar la ventana al cabo de X rato

<script language="javascript">setTimeout("self.close();",7000)</script>

• Botón Cerrar Ventana (también windows.self.close())

<input type="button" onclick="javascript:window.close()" value="Cerrar Ventana" style="font-family: Verdana; font-size: 8 pt; color: #000080; background-color: #C0C0C0; border-style: solid">

• Botón Atrás, Actualizar y Adelante

<input type="button" value="Atrás" onclick="history.back()" style="font-family: Verdana; font-size: 8 pt"> <input type="button" value="Actualizar" onclick="window.location.reload()" style="font-family: Verdana; font-size: 8 pt"> <input type="button" value="Adelante" onclick="history.forward()" style="font-family: Verdana; font-size: 8 pt">

• Cambiar el puntero por uno personalizado:

<!-- en el style --> BODY { cursor:url(thedanie.cur); } <!-- Elegir un puntero a nuestro gusto y guardar como cursor.cur -->

• Cambiar el puntero:

<!-- en un enlace --> <a href="#" style="cursor:help">enlace</a> <!-- saldr&aacute; el puntero de ayuda con un interrogante <img src="http://theme.webme.com/smiles/smiley.gif" _fcksavedurl="http://theme.webme.com/smiles/smiley.gif" border="0"> -->

Meta Tags

• Actualizar contenido cada X segundos o va hacia otra pagina en x segunddos (en el head)

<!-- se refressca, se actualiza en tantos segundos --> <meta http-equiv="refresh" content="0"> <!-- va a hacia otra pagina en tantos segundos --> <meta http-equiv="refresh" content="8;URL=http://www.the-danie.com">