La Web de Reos - Codigos java.htm

RECURSOS WEBMASTER

Códigos JavaScript

Hola amigos, aquí tenéis unos cuantos códigos recopilados en Internet de forma gratuita, que a mi personalmente me han servido y uso actualmente en esta Web, eres libre de usar el código que encuentres en esta pagina web, espero que os puedan servir, sí tienes algún código que no este aquí, podéis mandarlo y lo pondré lo antes posible.
Si estos códigos os ha ayudado en algo, agradecería que pusieras un link en tu pagina web a cambio
¡ CUIDADO ! Dentro de algunos códigos hay explicaciones,
QUE NO HAY QUE COPIAR

CÓDIGOS	H.T.M.L. PARA PONER EN LA PÁGINA WEB
1	Establecer tipo de puntero en un documento
2	Colores en los botones
3	Color del documento cambiante
4	Mensajes de bienvenida
5	Datos del navegador
6	Texto intermitente
7	Colores del borde de un documento
8	Quitar subrayado del vinculo
9	Imagen en viñeta
10	Agregar a favoritos
11	Abre ventanas popup
12	Barra lateral de colores
13	Cargar dos marcos con un solo clic
14	Crear marcos en las ventanas
15	Crear menús con combobox
16	Ventanas Flotantes
17	Hojas de estilo
18	Poner fecha en tu Web
19	Imprimir tus artículos
20	Pagina de inicio
21	Bloqueo del botón derecho
22	Perseguidor del puntero
23	Cuenta de tu Web
24	Textos con colores
25	Texto descriptivo debajo del mismo
26	Mensaje en la parte inferior de la barra
27	Reloj que sigue al cursor
28	Texto según la hora del reloj
29	Super menu dinámico-Menu en Javascript

¡ CUIDADO ! Dentro de algunos códigos hay explicaciones,
QUE NO HAY QUE COPIAR

1. Establecer tipo de puntero en un documento

Podrás elegir que tipo de puntero quieres que se vea en todo el documento, en lugar de la clásica "flecha". Podrás elegir entre varios punteros.

2. Colores en los botones

Este es un efecto basico , pero me parecio muy interesante, asi que lo por eso lo puse. Logra grandes resultados con la opción de 'personaliza este Script

<input type="button" value="nombre que quieras" style="background: #FF9800;color:#FF9800; font-family:tahoma, arial; font-weight:bold;">Subir Arriba

3. Color del documento cambiante

El titulo de la ventana, el color de fondo, de las letras, de los links, de los links visitados y de los links activos cambian cada 20 segundos, puedes personalizar tus propios documentos, y darle mas actividad a tus documentos.

<script language="JavaScript"></script> Subir Arriba

4. Mensajes de bienvenida

Con este sencillo javascript podrás darle a tus visitantes un mensaje de bienvenidas deseas que se vea algo de tu documento antes de que salga el mensaje, pega el código después de las palabras

Subir Arriba

5. Datos del navegador

//----

// Javascript en http://club.telepolis.com/infivan

// Intrucciones de uso

// debes poner este código en el Cuerpo (BODY) de la página

function taku1()

{

var o0="Características de su Navegador"

var o1="1.Su Navegador es "

var o2="2.Y es la versión "

var o3="3.appCodeName "

var o4="4.userAgent: "

alert(o0+"\n"+"\n"+o1+navigator.appName+"\n"+o2+navigator.appVersion+"\n"+o3+navigator.appCodeName+"\n"+o4+navigator.userAgent+"\n"+"\n"+" Gracias por visitar el Portal de Windows")

};

</script></p>

//----<br>

// Javascript en http://trucoswindows.iespana.es <br>

// Intrucciones de uso <br>

// debes poner este código en el Cuerpo (BODY) de la página<br>

function taku1()<br>

{<br>

var o0="Características de su Navegador"<br>

var o1="1.Su Navegador es "<br>

var o2="2.Y es la versión "<br>

var o3="3.appCodeName "<br>

var o4="4.userAgent: "<br>

alert(o0+"\n"+"\n"+o1+navigator.appName+"\n"+o2+navigator.appVersion+"\</font></p>

<p style="margin-left: 3"><font size="2" face="MS Sans Serif">n"+o3+navigator.appCodeName+"\n"+o4+navigator.userAgent+"\n"+"\n"+" Gracias por visitar

el portal de Windows")<br>

};<br>

<br>

</script><br>

las características de su Navegador</small><br><br>

</font></p><br>

</form><br>

</font></td>

</tr>

</table>

</body>

</html>

Subir Arriba

6.Texto intermitente

Subir Arriba

7. Colores del borde de un documento

Con este sencillo código podrás poner de que color quieres que aparezca un marco en tu documento. Podrás elegir entre varios diseños, grosores y colores.

Subir Arriba

8. Quitar subrayado del vinculo

Con este sencillo código podrás quitar el subrayado del vinculo

Subir Arriba

9. Imagen en viñeta

Con esté código puedes poner una imagen en una viñeta. Donde pone URL que esta en la sexta línea pones la dirección de donde se encuentra la imagen

Subir Arriba

10. Agregar a favoritos

Haz que tus visitantes vuelvan a tu página
Para hacer que tus visitantes puedan añadir tu página a sus favoritos pinchando en un enlace, tan solo necesitarás insertar las siguientes líneas de código en tu página:

Subir Arriba

11. Abre ventanas popup

Con este código te saldrá una ventana que lo puedes utilizar para hacer propaganda
 <HTML> <script language="javascript">  </script>

Subir Arriba

12. Barra lateral de colores

Con este código podrás poner la barra lateral del color que quieras
<STYLE type=text/css>BODY { BORDER-RIGHT: #FF0000 2px solid; BORDER-TOP: #FF0000 2px solid; SCROLLBAR-FACE-COLOR: #FF0000; SCROLLBAR-HIGHLIGHT-COLOR: #ffd414; BORDER-LEFT: #e7a303 2px solid; SCROLLBAR-SHADOW-COLOR: #ffff00; SCROLLBAR-3DLIGHT-COLOR: #e7a303; SCROLLBAR-ARROW-COLOR: #e7a303; SCROLLBAR-TRACK-COLOR: #ffff00; BORDER-BOTTOM: #e7a303 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #7d3f7d } </STYLE>

Subir Arriba

13. Cargar dos marcos con un solo clic

Los marcos pueden resultar muy cómodos para evitar ralentizar la navegación de tu sitio, sobretodo si tienes partes de código que se repiten en distintas páginas.
Un problema común que puede presentarse, es cómo cargar dos o más frames pinchando en un único enlace, algo que resulta imposible con solo HTML. Una vez más nos va a ayudar JavaScript, con el siguiente código a colocar entre las etiquetas <head> y </head>

Subir Arriba

14. Crear marcos en las ventanas

Con este código puedes crear marcos en todas las ventanas que desees. Para personalizar tu iframe, cambia los siguientes parámetros: src="página.html": corresponde a la dirección de la página que quieres que venga cargada; width="200": el ancho del iframe; height="200": el alto
 <iframe src="pagina.html" width="200" height="200"> <layer src="pagina.html" width="200" height="200"> </layer> </iframe>

Subir Arriba

15. Crear menús con combobox

Un menú desde una "combo box"
Si necesitas un menú de navegación en tu página pero no quieres que ocupe mucho espacio en ella, la solución ideal puede resultar una combo box, tanto eficiente cuanto sencilla de realizar. En la combo aparecerán las distintas opciones, y al seleccionarla tus visitantes se irán directamente a la página que hayas especificado.
Este es el código que necesitas copiar entre las etiquetas <head> y </head>
 <script language="JavaScript">  </script> y este es el código para la combo, que puedes colocar en cualquier punto de tu página: <select onChange="cambia(this.options[selectedIndex].value);"> <option value="" selected>ELIGE EL ENLACE:</option> <option value="enlace1.htm">enlace 1</option> <option value="enlace2.htm">enlace 2</option> </select>

Subir Arriba

16. Ventanas Flotantes

Si tienes muchas fotos que enseñar, Aqui tienes como abrirlas en una ventana independiente que se ajuste a la medida de la foto, un pequeño efecto que quedará muy bien en tu página.
Para ello necesitarás copiar el siguiente código entre las etiquetas <head> y </head> de la página en la cual pondrás los enlaces a las distintas fotos.

Subir Arriba

17. Hojas de estilo

Mejora el diseño con hojas de estilo
Cuando no especificado distintamente, el texto de tus páginas es visualizado en pantalla con la fuente predeterminada del navagedor. Esto suele producir un efecto poco "profesional", ya que difícilmente una fuente predeterminada se adapta de manera precisa al diseño de una página. Con muy pocas líneas de código, podemos dar a nuestro sitio todo otro aspecto!
Para ello crearemos un sencillo archivo de texto, que incluiremos en todas las páginas que queramos, a través del siguiente código a copiar entre las etiquetas <head> y </head>

Por supuesto el archivo puede tener el nombre que quieras, pero con extensión .css. En ese archivo, irán las definiciones de los estilos: primero el nombre de la parte del documento afectada, luego, entre { llaves } y separados por un "punto y coma", los distintos comandos (aquí sólo vienen los principales)

body {

font-family:Geneva, Arial, Helvetica;

font-size:14px;

font-weight:600;

text-indent:20px;

text-decoration:none;

color:#ffd700;

}

en este ejemplo, los estilos afectarán a todo el cuerpo ("body") del documento, de la siguiente manera:

font-family: indica el tipo de fuente. Siempre es conveniente indicar fuentes comunes, que estén instaladas en los ordenadores de tus visitantes.

font-size: indica el tamaño de la fuente, en píxeles (px) o puntos (pt).

font-weight: valor entre 100 y 900, indica el "peso" de la fuente. 600 corresponde a negrita.

text-indent: en píxeles o puntos, representa la sangría a la izquierda en la primera línea. Muy cómodo para definir estilos de los párrafos (etiqueta <p>).

text-decoration:none elimina los subrayados (cómodo para los enlaces), underline los impone.

color:permite definir el valor hexadecimal de un color.

Si queremos definir estilos para determinadas partes de nuestros textos, podemos utilizar las "clases", a las que se les pondrá un punto antes de su definición:

.miestilo {

color:#cc6600;

}

Un estilo así definido podremos utilizarlo a través de la siguiente etiqueta:

<span class="miestilo">Texto afectado por el estilo</span>

Subir Arriba

18. Poner fecha en tu Web

Con este código puedes poner el mes, día, año
 <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

Subir Arriba

19. Imprimir tus artículos

Con este script podrás poner un enlace para que tus visitantes puedan imprimir tus artículos directamente desde tu página
 <a href="javascript:print()">Imprimir</a>

Subir Arriba

20. Pagina de inicio

Para que tus visitantes te hagan su página de inicio, solo tienes que cambiar la dirección de la página WEb y poner la tuya
 <font face="Verdana" size="2"><img border="0" src="images/homepage.jpg" width="21" height="18"> <a onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://es.geocities.com/josmegaweb'); return false;" href="#">Pagina Inicio</a></font></font></p>

Subir Arriba

21. Bloqueo del botón derecho

Con este podrás anular el botón derecho de tus visitantes para que no te copien imágenes o cualquier cosa
 <script language="JavaScript1.1">  </script>

Subir Arriba

22. Perseguidor del puntero

Con este código conseguirás que unos simpatiquillos ojos persigan al cursor por toda la ventana
 <script LANGUAGE="JavaScript1.2">  </script>

Subir Arriba

23. Cuenta de tu Web

Para llevar una cuenta progresiva de tu Web

Subir Arriba

24. Textos con colores

Te muestra un texto con colores diferente en cada letra
 <script language="JavaScript">  </script> <SCRIPT>  Aquí va el Texto  </SCRIPT><br>

Subir Arriba

25. Texto descriptivo debajo del mismo

Un Menú que muestra un texto descriptivo debajo del mismo al pasar el puntero por un determinado link.
Dos pasos para instalar el script: 1-Pon este código dentro del Head <HEAD>  <style>  </style> <script language="JavaScript1.2">  </script> </HEAD> 2-Paso poner este otro código dentro del Body <body> <table border="0" cellpadding="0" cellspacing="0" width="92"> <td width="1" align="center">  <table cellpadding="0" cellspacing="0" width="92"> <tr> <td align="center" width="92"> <table cellpadding="3" cellspacing="0" bgcolor="#000000" class="BorderOff"> <tr> <td><font color="#FEDCBA" size="2" face="Arial">Menu</font></td> </tr> </table>    <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Pon aquí lo que quieras')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://www.tuweb.com" target="_blank">Opción 1</a></font></td> </tr> </table>  <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Descripción 2')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://www.tusitio.com" target="_blank">Opción 2</a></font></td> </tr> </table>  <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Descripción 3')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mGreen" href="http://www.tusitio.com" target="_blank">Opción 3</a></font></td> </tr> </table>  <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Descripción 4')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mYellow" href="http://www.tusitio.com" target="_blank">Opción 4</a></font></td> </tr> </table>    <table cellpadding="1" cellspacing="0" bgcolor="#444444" width="90"> <tr> <td> <table cellpadding="3" cellspacing="0" bgcolor="#000000" width="88" height="100"> <tr> <td align="left" valign="top"><font id="Message" color="#CBA987" size="2" face="Arial">Move your mouse over the menu items.</font></td> </tr> </table> </td> </tr> </table>  </td> </tr> </table>   </td> </table>

Subir Arriba

26. Mensaje en la parte inferior de la barra

Menú que muestra un texto descriptivo en movimiento que sale en la parte baja de la Barra
Pasos para instalar el script: 1-Pon este código dentro del Head <HEAD>  <SCRIPT language=JavaScript> var txt0=" Email: infivan@terra.es, "; var txt1=" -- Bienvenido a La Web Reos "; var txt2=txt0+txt1+" www.webreos.tk -- "; var wait=100; var refresco=null; function rotulo_izquierda() { window.status=txt2; txt2=txt2.substring(1,txt2.length)+txt2.charAt(0); refresco=setTimeout("rotulo_izquierda()",wait); } // --> </SCRIPT> </HEAD>

Subir Arriba

27. Reloj que sigue al cursor

Con esté código puedes poner un reloj con calendario que sigue al ratón y le puedes cambiar los colores del reloj

dCol='ff0000';//date colour.

fCol='0000ff';//face colour.

sCol='ff0000';//seconds colour.

mCol='00ffff';//minutes colour.

hCol='00ffff';//hours colour.

ClockHeight=40;

ClockWidth=40;

ClockFromMouseY=0;

ClockFromMouseX=100;

//Alter nothing below! Alignments will be lost!

d=new Array("DOMINGO","LUNES","MARTES","MIERCOLES","JUEVES","VIERNES","SABADO");

m=new Array("ENERO","FEBRERO","MARZO","ABRIL","MAYO","JUNIO","JULIO","AUGOSTO","SEPTIMBRE","OCTUBRE","NOVIEMBRE","DICIEMBRE");

date=new Date();

day=date.getDate();

year=date.getYear();

if (year < 2000) year=year+1900;

TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;

D=TodaysDate.split('');

H='...';

H=H.split('');

M='....';

M=M.split('');

S='.....';

S=S.split('');

Face='1 2 3 4 5 6 7 8 9 10 11 12';

font='Arial';

size=1;

speed=0.6;

ns=(document.layers);

ie=(document.all);

Face=Face.split(' ');

n=Face.length;

a=size*10;

ymouse=0;

xmouse=0;

scrll=0;

props="<font face="+font+" size="+size+" color="+fCol+"><B>";

props2="<font face="+font+" size="+size+" color="+dCol+"><B>";

Split=360/n;

Dsplit=360/D.length;

HandHeight=ClockHeight/4.5

HandWidth=ClockWidth/4.5

HandY=-7;

HandX=-2.5;

scrll=0;

step=0.06;

currStep=0;

y=new Array();x=new Array();Y=new Array();X=new Array();

for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}

Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();

for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}

if (ns){

for (i=0; i < D.length; i++)

document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');

for (i=0; i < n; i++)

document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');

for (i=0; i < S.length; i++)

document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');

for (i=0; i < M.length; i++)

document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');

for (i=0; i < H.length; i++)

document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');

}

if (ie){

document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < D.length; i++)

document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');

document.write('</div></div>');

document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < n; i++)

document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');

document.write('</div></div>');

document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < H.length; i++)

document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');

document.write('</div></div>');

document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < M.length; i++)

document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');

document.write('</div></div>')

document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < S.length; i++)

document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');

document.write('</div></div>')

}

(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){

ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;

xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;

}

(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

function ClockAndAssign(){

time = new Date ();

secs = time.getSeconds();

sec = -1.57 + Math.PI * secs/30;

mins = time.getMinutes();

min = -1.57 + Math.PI * mins/30;

hr = time.getHours();

hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;

if (ie){

Od.style.top=window.document.body.scrollTop;

Of.style.top=window.document.body.scrollTop;

Oh.style.top=window.document.body.scrollTop;

Om.style.top=window.document.body.scrollTop;

Os.style.top=window.document.body.scrollTop;

}

for (i=0; i < n; i++){

var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;

F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;

F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);

}

for (i=0; i < H.length; i++){

var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;

HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;

HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);

}

for (i=0; i < M.length; i++){

var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;

ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;

ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);

}

for (i=0; i < S.length; i++){

var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;

SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;

SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);

}

for (i=0; i < D.length; i++){

var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;

DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;

DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);

}

currStep-=step;

}

function Delay(){

scrll=(ns)?window.pageYOffset:0;

Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);

Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);

for (i=1; i < D.length; i++){

Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);

Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);

}

y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);

x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);

for (i=1; i < n; i++){

y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);

x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}

ClockAndAssign();

setTimeout('Delay()',20);

}

if (ns||ie)window.onload=Delay;

</SCRIPT>

Subir Arriba

28. Texto según la hora del reloj

Con esté código puedes poner un reloj con mensajes, que además los puedes cambiar a tu gusto

<DIV id=foto4

style="font-weight: normal; font-size: 17px; z-index: 2; left: 8; visibility: visible; color: white; font-family: Arial, Helvetica, SanSeriff; position: absolute; top: 4; text-decoration: none; width: 851; height: 430"><p> Hola

hora = new Date();

var minutos = hora.getMinutes ();

if (minutos<=9) minutos = "0" + minutos;

document.write(hora.getHours()+":"+minutos);

</script>   <script language="JavaScript">

<!--

if (hora.getHours() == "0"){

document.write("Ya es otro día, ¿Aun no tienes sueño?")}

if (hora.getHours() == "1"){

document.write("¿No crees que ya es hora de irse a dormir?")}

if (hora.getHours() == "2"){

document.write("Héi, como no te acuestes pronto mañana no te despiertan ni con la banda de música Municipal ")}

if (hora.getHours() == "3"){

document.write("Pero bueno, ¿Crees que estas son horas para estar navegando todavía?")}

if (hora.getHours() == "4"){

document.write("¿Te levantas ahora o aun no te has acostado?")}

if (hora.getHours() == "5"){

document.write("¿Te levanta ahoras o te vas a dormir?")}

if (hora.getHours() == "6"){

document.write("Que pasa, ¿No tienes nada mejor que hacer a las 6 de la mañana?")}

if (hora.getHours() == "7"){

document.write("¿Que haces conectado a las 7 de la mañana?")}

if (hora.getHours() == "8"){

document.write("¿No crees que es un poco pronto para estar conectado, o es que aprovecha ahora antes de que venga el jefe?")}

if (hora.getHours() == "9"){

document.write("¡Buenos dias! ¿Has desayunado ya?")}

if (hora.getHours() == "10"){

document.write("¡Buenos dias! ¿Has almorzado ya?")}

if (hora.getHours() == "11"){

document.write("¡Buenasss! ¿Como va la mañana?")}

if (hora.getHours() == "12"){

document.write("Aprovechas cualquier momento para conectarte, ¿eh?")}

if (hora.getHours() == "13"){

document.write("Aprovechando la hora de comer para conectarse, ¿eh?")}

if (hora.getHours() == "14"){

document.write("¿Aprovechando la hora de comer para conectarse ¿eh?, ¡Ojo! No mosquees a la parienta")}

if (hora.getHours() == "15"){

document.write("¿Has comido ya?; ¡No! ¿Que haces entonces que no estás comiendo?")}

if (hora.getHours() == "16"){

document.write("¿No tienes nada mejor que hacer, con lo bien que sienta una siestecita?")}

if (hora.getHours() == "17"){

document.write("¡Buenas tardes! ¿Has merendado ya?, ¿O eres de los cafeteros?")}

if (hora.getHours() == "18"){

document.write("Te conectas cuando empieza la tarifa plana, digo ondulada ¿Hee,he?")}

if (hora.getHours() == "19"){

document.write("¡Buenas!¿Como va la tarde?")}

if (hora.getHours() == "20"){

document.write("¡Hola!¿Que tal, como va la tarde?; pronto sera la hora de cenar")}

if (hora.getHours() == "21"){

document.write("¡Buenas noches! ¿Has cenado ya?")}

if (hora.getHours() == "22"){

document.write("Que, ¿Te conectas ahora?; buen momento para navegar")}

if (hora.getHours() == "23"){

document.write("Ya va siendo hora de ir desconectando, ¿no crees?")

}

//-->

</script> </font>

Subir Arriba

29. Super menu dinámico-Menu en Javascript

NS6 = (document.getElementById&&!document.all)

IE = (document.all)

NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")

tempBar='';barBuilt=0;ssmItems=new Array();

moving=setTimeout('null',1)

function moveOut() {

if ((NS6||NS)&&parseInt(ssm.center)<0 || IE && ssm.pixelLeft<0) {

clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}

else {clearTimeout(moving);moving=setTimeout('null',1)}};

function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}

function moveBack1() {

if ((NS6||NS) && parseInt(ssm.center)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {

clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}

else {clearTimeout(moving);moving=setTimeout('null',1)}}

function slideMenu(num){

if (IE) {ssm.pixelLeft += num;}

if (NS||NS6) {ssm.left = parseInt(ssm.left)+num;}

if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;}}

function makeStatic() {

if (NS||NS6) {winY = window.pageYOffset;}

if (IE) {winY = document.body.scrollTop;}

if (NS6||IE||NS) {

if (winY!=lastY&&winY>YOffset-staticYOffset) {

smooth = .2 * (winY - lastY - YOffset + staticYOffset);}

else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {

smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}

else {smooth=0}

if(smooth > 0) smooth = Math.ceil(smooth);

else smooth = Math.floor(smooth);

if (IE) bssm.pixelTop+=smooth;

if (NS6||NS) bssm.top=parseInt(bssm.top)+smooth

lastY = lastY+smooth;

setTimeout('makeStatic()', 1)}}

function buildBar() {

if(barText.indexOf('<IMG')>-1) {tempBar=barText}

else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+" "}}

document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')}

function initSlide() {

if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;

bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";}

else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").style

bssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";}

else if (NS) {bssm=document.layers["basessm1"];

bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];

bssm2.clip.left=0;ssm.visibility = "show";}

if (menuIsStatic=="yes") makeStatic();}

function buildMenu() {

if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+' ;Top : '+YOffset+' ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+' ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">')}

if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">')}

if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>')}

document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'">');

for(i=0;i<ssmItems.length;i++) {

if(!ssmItems[i][3]){ssmItems[i][3]=menuCols;ssmItems[i][5]=menuWidth-1}

else if(ssmItems[i][3]!=menuCols)ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);

if(ssmItems[i-1]&&ssmItems[i-1][4]!="no"){document.write('<TR>')}

if(!ssmItems[i][1]){

document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>')}

else {if(!ssmItems[i][2])ssmItems[i][2]=linkTarget;

document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV  ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')}

if(ssmItems[i][4]!="no"&&barBuilt==0){buildBar();barBuilt=1}

if(ssmItems[i][4]!="no"){document.write('</TR>')}}

document.write('</table>')

if (NS6){document.write('</TD></TR></TABLE>')}

if (IE||NS6) {document.write('</DIV></DIV>')}

if (NS) {document.write('</LAYER></ILAYER></LAYER>')}

theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1)

}

</script>

// Aqui van las opciones del menu

<!--

YOffset=150; // no quotes!!

XOffset=0;

staticYOffset=30; // no quotes!!

slideSpeed=20 // no quotes!!

waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.

menuBGColor="black";

menuIsStatic="yes"; //this sets whether menu should stay static on the screen

menuWidth=150; // Must be a multiple of 10! no quotes!!

menuCols=2;

hdrFontFamily="verdana";

hdrFontSize="2";

hdrFontColor="white";

hdrBGColor="#170088";

hdrAlign="center";

hdrVAlign="center";

hdrHeight="15";

linkFontFamily="Verdana";

linkFontSize="2";

linkBGColor="white";

linkOverBGColor="#FFFF99";

linkTarget="_top";

linkAlign="center";

barBGColor="#444444";

barFontFamily="Verdana";

barFontSize="2";

barFontColor="white";

barVAlign="center";

barWidth=20; // no quotes!!

barText="MENU"; // Soporta una etiqueta IMG para incluir imagen.

// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header

ssmItems[0]=["Sistema Foro", "", ""] //crear cabecera

ssmItems[1]=["Web", "http://uhi.cl/ircpartner", ""]

ssmItems[2]=["Foro ayuda", "http://www.ircpartner.tk", ""]

ssmItems[3]=["Charlas", "http://www.hackers-ircpartner.tk", ""]

ssmItems[4]=["Sugerensias", "http://usuarios.lycos.es/ircpartner", ""]

ssmItems[5]=["UHI", "", ""] //crear cabecera

ssmItems[6]=["UHI web", "http://www.web.cl/", ""]

ssmItems[7]=["UHI Foro", "http://www.web.cl/45", ""]

ssmItems[8]=["UHI e-mail", "http://www.web.cl/834", ""]

ssmItems[9]=["Pruebas", "", ""] //crear cabecera

ssmItems[10]=["Nivel 1", "http://www.web.cl/6", ""]

ssmItems[11]=["Nivel 2", "http://www.web.cl/5", ""]

ssmItems[12]=["Nivel 3", "http://www.web.cl/4", ""]

ssmItems[13]=["Nivel 4", "http://www.web.cl/3", ""]

ssmItems[14]=["Nivel 5", "http://www.web.cl/2", ""]

ssmItems[14]=["Winner", "http://www.web.cl/1", ""]

ssmItems[15]=["Final", "", ""] //crear cabecera

ssmItems[16]=["Herramientas", "http://www.uhi.cl/mini_torneo/nivel6.htm", ""]

ssmItems[17]=["Ganadores", "http://www.uhi.cl/mini_torneo/list.htm", ""]

buildMenu();

//-->

</script>

Subir Arriba

Actualmente Somos