sunny Sky

short slogan here

Free CSS Templates

Javascript 3

Contenidos

Texto con sombra
Inhabiitar teclado
Mensajes que aparecen
Rota Imágenes
Botón con varios enlaces
Reloj que sigue a cursor
Scrolling Translucido
Pacman en tu cursor
Calendario que indica hora fecha y día
Enlaces llamativos

Cronçometro en la web:
<form name="crono"> <input type="text" size="7" name="face" title="Cronm00650074ro" > <script language="JavaScript">  </script> </form>

Conversor monetario:
Javascript
<script language="javascript" type="text/javascript"> /* Noviembre 2001, David Hernn0064ez Sanz http://www.terra.es/personal3/davidhdezsanz/ Realiza cambios monetarios entre las monedas nacionales de los paises de la "zona euro" y el euro y el dolar estadounidense (US$). Al cambiar el valor de cualquier moneda, se calculan las cantidades equivalentes en el resto. Para el calculo del cambio con el dolar estadounidense se requiere introducir la razon de cambio US$/euro. Si esta no se indica se toma un valor por defecto. Si el navegador no admite scripts, se visualizan los tipos de cambio manejados pero no se realizan cambios. */ //Este script y otros muchos pueden //descarse on-line de forma gratuita //en El Cd00690067o: www.elcodigo.com // DECLARACION DE FUNCIONES // function euroconversor(mon, form) JS1.1; // function vacio(cadena) JS1.0; euroconversor // function normalizar(formato_ant) JS1.0; euroconversor // function cambiar(cambios, inf, sup, euros, formato, form) // JS1.1; euroconversor // DECLARACION DE CONSTANTES var cambio_dolar = 0.8770; // cambio US$/euro var cambio_dolar_fecha = "23/11/2001"; // DECLARACION DE VARIABLES GLOBALES var valor; // valor de la moneda a cambiar var error; // error o no /* convierte mon al resto, en form */ function euroconversor(mon, form) { // DECLARACION DE VARIABLES cambios = [1.0, // cambios monetarios x/euro; euro cambio_dolar, // US$ 1.95583, // marcos alemanes 13.7603, // chelines austriacos 40.3399, // francos belgas 166.386, // pesetas espanolas 5.94573, // marcos finlandeses 6.55957, // francos franceses 340.75, // dracmas griegos 2.20371, // florines holandeses 0.787564, // libras irlandesas 1936.27, // liras italianas 40.3399, // francos luxemburgueses 200.482]; // escudos portugueses var valor_euros; // cantidad de mon en euros var formato; // formato (?, 0; 1,1, 1; 1.0, 2) var decimal; // punto decimal segun formato valor = form.dolar.value; // INICIO if(!vacio(valor)) { formato = normalizar(0); // normaliza form.dolar if(isNaN(valor)) alert("El cambio US$/euro no es un nm00650072006f correcto.n" + "Debe estar en la forma 1552,95 o 1552.95.n" + "Se tomar 0065l valor " + cambios[1] + " US$/euro por defecto " + "(" + cambio_dolar_fecha + ")."); else cambios[1] = valor; } else formato = 0; decimal = formato == 1 ? ',' : '.'; valor = form.moneda[mon].value; // normaliza form.moneda[mon] if(vacio(valor)) alert("No hay cantidad a cambiar."); else { formato = normalizar(formato); if(isNaN(valor)) alert("La moneda no es un nm00650072006f correcto.n" + "Debe estar en la forma 1552,95 o 1552.95."); else if(error) alert("La moneda no est 0065n la misma forma que el valor " + "US$/euro.n" + "Debe estar en la forma 1552" + decimal + "95."); else { if(mon == 0) // cambia a euros valor_euros = valor; // cambios[0] = 1.0 else valor_euros = valor / cambios[mon]; cambiar(cambios, 0, mon, valor_euros, formato, form); cambiar(cambios, mon + 1, cambios.length, valor_euros, formato, form); } } } /* dice si cadena es texto no vacio o no */ function vacio(cadena) { // DECLARACION DE CONSTANTES var blanco = " nrt"; // blancos (SP, LF, CR, TAB) // DECLARACION DE VARIABLES var i; // indice en cadena var es_vacio; // cadena es vacio o no for(i = 0, es_vacio = true; (i < cadena.length) && es_vacio; i++) // INICIO es_vacio = blanco.indexOf(cadena.charAt(i)) != - 1; return(es_vacio); } /* escribe valor en forma inglesa (1552,95 -> 1552.95) y dice la forma ori- */ /* ginal, segun sea el formato_ant */ function normalizar(formato_ant) { // DECLARACION-INICIALIZACION VARIABLES var formato_act = 0; // formato actual (?, 1,1, 1.0) var coma = valor.indexOf(','); // indice de ',' en valor var punto = valor.indexOf('.'); // indice de '.' en valor if((coma == -1) && (punto == -1)) // INICIO { // valor 9999 formato_act = formato_ant; error = false; } else if(coma != -1) // valor 9999,99 { formato_act = 1; error = formato_ant == 2; } else // punto; valor 9999.99 { formato_act = 2; error = formato_ant == 1; } if((formato_act == 1) && (coma != -1)) // pasa a formato ingles valor = valor.substring(0, coma) + '.' + valor.substring(coma + 1, valor.length); return(formato_act); } /* cambia euros a monedas [inf, sup], desnormaliza segun formato y copia en */ /* form */ function cambiar(cambios, inf, sup, euros, formato, form) { // DECLARACION DE VARIABLES var i; // indice en form.monedas var valor_x; // valor de moneda x var punto; // indice de '.' en valor_x for(i = inf; i < sup; i++) // INICIO { // cambia valor_x = euros * cambios[i]; valor_x = valor_x.toString(); if(formato == 1) // desnormaliza { punto = valor_x.indexOf('.'); if(punto != -1) valor_x = valor_x.substring(0, punto) + ',' + valor_x.substring(punto + 1, valor_x.length); } form.moneda[i].value = valor_x; // copia en form } } </script>
Forluario (HTML)
<div align="center"> <table><tr><td class="buscador"> <p> <form> Introduce el cambio actual US$/€:<br> <input type="text" name="dolar" size="20"><br><br> Introduce el valor en € o US$ a convertir y pulsa enter:<br> <input type="text" name="moneda" value="" size="20" onchange_fckprotectedatt="%20onchange%3D%22javascript%3Aeuroconversor(0%2C%20this.form)%3B%22">€<br> <input type="text" name="moneda" value="" size="20" onchange_fckprotectedatt="%20onchange%3D%22javascript%3Aeuroconversor(1%2C%20this.form)%3B%22">US$<br><br> Resultado de la conversin003a003cbr> <input type="text" name="moneda" value="1,95583" size="20" onchange_fckprotectedatt="%20onchange%3D%22javascript%3Aeuroconversor(2%2C%20this.form)%3B%22"> Marcos alemanes<br> <input type="text" name="moneda" value="13,7603" size="20" onchange_fckprotectedatt="%20onchange%3D%22javascript%3Aeuroconversor(3%2C%20this.form)%3B%22"> Chelines austriacos<br> <input type="text" name="moneda" value="40,3399" size="20" onchange_fckprotectedatt="%20onchange%3D%22javascript%3Aeuroconversor(4%2C%20this.form)%3B%22"> Francos belgas<br> <input type="text" name="moneda" value="166,386" size="20" onchange_fckprotectedatt="%20onchange%3D%22javascript%3Aeuroconversor(5%2C%20this.form)%3B%22"> Pesetas espao006c0061s<br> <input type="text" name="moneda" value="5,94573" size="20" onchange_fckprotectedatt="%20onchange%3D%22javascript%3Aeuroconversor(6%2C%20this.form)%3B%22"> Marcos finlandeses<br> <input type="text" name="moneda" value="6,55957" size="20" onchange_fckprotectedatt="%20onchange%3D%22javascript%3Aeuroconversor(7%2C%20this.form)%3B%22"> Francos franceses<br> <input type="text" name="moneda" value="340,75" size="20" onchange_fckprotectedatt="%20onchange%3D%22javascript%3Aeuroconversor(8%2C%20this.form)%3B%22"> Dracmas griegos<br> <input type="text" name="moneda" value="2,20371" size="20" onchange_fckprotectedatt="%20onchange%3D%22javascript%3Aeuroconversor(9%2C%20this.form)%3B%22"> Florines holandeses<br> <input type="text" name="moneda" value="0,787564" size="20" onchange_fckprotectedatt="%20onchange%3D%22javascript%3Aeuroconversor(10%2C%20this.form)%3B%22"> Libras irlandesas<br> <input type="text" name="moneda" value="1936,27" size="20" onchange_fckprotectedatt="%20onchange%3D%22javascript%3Aeuroconversor(11%2C%20this.form)%3B%22"> Liras italianas<br> <input type="text" name="moneda" value="40,3399" size="20" onchange_fckprotectedatt="%20onchange%3D%22javascript%3Aeuroconversor(12%2C%20this.form)%3B%22"> Francos luxemburgueses<br> <input type="text" name="moneda" value="200,482" size="20" onchange_fckprotectedatt="%20onchange%3D%22javascript%3Aeuroconversor(13%2C%20this.form)%3B%22"> Escudos portugueses </form> </p> </td></tr></table> </div>

Cuadro con mensajes consecutivos
<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 mensajes fcontent[0]="<b>Ejemplo...</b><br><br>Este script es muy practico para hacer una rapida presentacin00200064e 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 //ancho var fheight=150 //alto ///No editar///////////////// var ie4=document.all&&!document.getElementById var ns4=document.layers var DOM2=document.getElementById var faderdelay=0 var index=0 if (DOM2) faderdelay=2000 //function to change content function changecontent(){ if (index>=fcontent.length) index=0 if (DOM2){ document.getElementById("fscroller").style.color="rgb(255,255,255)" document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag colorfade() } else if (ie4) document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag else 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 process if(frame>0) { hex-=12; // increase color value document.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>

Bloquear IP
<script type="text/javascript"> // Codigo by wWw.RmE.eS.tL Banear - IPs var bannedips=["22.22.22.22", "11.11.11.11"] var ip = '18.191.84.32' var handleips=bannedips.join("|") handleips=new RegExp(handleips, "i") if (ip.search(handleips)!=-1){ alert("Tu IP ha sido baneada de este sitio web. Redireccionando...") window.location.replace("http://www.google.com") } </script>

Tablas con scroll
Code Javascript
<link rel="stylesheet" href="http://img44.xooimage.com/files/6/3/7/tabs-da4cff.css" type="text/css" media="screen, projection"/> <script type="text/javascript" src="http://img21.xooimage.com/files/b/b/3/jquery-1.3.2.min-b8f180.js"></script> <script type="text/javascript" src="http://img26.xooimage.com/files/9/f/0/jquery-ui-1.7.custom.min-da4d0c.js"></script> <script type="text/javascript"> $(function() { var $tabs = $('#tabs').tabs(); $(".ui-tabs-panel").each(function(i){ var totalSize = $(".ui-tabs-panel").size() - 1; if (i != totalSize) { next = i + 2; $(this).append("<a href='#' class='next-tab mover' rel='" + next + "'>Siguiente Tabla </a>"); } if (i != 0) { prev = i; $(this).append("<a href='#' class='prev-tab mover' rel='" + prev + "'> Tabla Previa</a>"); } }); $('.next-tab, .prev-tab').click(function() { $tabs.tabs('select', $(this).attr("rel")); return false; }); }); </script>
Code pocisionar
<div id="page-wrap"> <div id="tabs"> <ul> <li><a href="#fragment-1" _fcksavedurl="#fragment-1">1</a></li> <li><a href="#fragment-2" _fcksavedurl="#fragment-2">2</a></li> <li><a href="#fragment-3" _fcksavedurl="#fragment-3">3</a></li> <li><a href="#fragment-4" _fcksavedurl="#fragment-4">4</a></li> <li><a href="#fragment-5" _fcksavedurl="#fragment-5">5</a></li> <li><a href="#fragment-6" _fcksavedurl="#fragment-6">6</a></li> <li><a href="#fragment-7" _fcksavedurl="#fragment-7">7</a></li> <li><a href="#fragment-8" _fcksavedurl="#fragment-8">8</a></li> <li><a href="#fragment-9" _fcksavedurl="#fragment-9">9</a></li> <li><a href="#fragment-10" _fcksavedurl="#fragment-10">10</a></li> <li><a href="#fragment-11" _fcksavedurl="#fragment-11">11</a></li> <li><a href="#fragment-12" _fcksavedurl="#fragment-12">12</a></li> <li><a href="#fragment-13" _fcksavedurl="#fragment-13">13</a></li> <li><a href="#fragment-14" _fcksavedurl="#fragment-14">14</a></li> <li><a href="#fragment-15" _fcksavedurl="#fragment-15">15</a></li> <li><a href="#fragment-16" _fcksavedurl="#fragment-16">16</a></li> </ul> <div id="fragment-1" class="ui-tabs-panel"> <p>Fuente by: Chris Coyier</p> </div> <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide"> <p>Fuente by: Chris Coyier</p> </div> <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide"> <p>Fuente by: Chris Coyier</p> </div> <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide"> <p>Fuente by: Chris Coyier</p> </div> <div id="fragment-5" class="ui-tabs-panel ui-tabs-hide"> <p>Fuente by: Chris Coyier</p> </div> <div id="fragment-6" class="ui-tabs-panel ui-tabs-hide"> <p>Fuente by: Chris Coyier</p> </div> <div id="fragment-7" class="ui-tabs-panel ui-tabs-hide"> <p>Fuente by: Chris Coyier</p> </div> <div id="fragment-8" class="ui-tabs-panel ui-tabs-hide"> <p>Fuente by: Chris Coyier</p> </div> <div id="fragment-9" class="ui-tabs-panel ui-tabs-hide"> <p>Fuente by: Chris Coyier</p> </div> <div id="fragment-10" class="ui-tabs-panel ui-tabs-hide"> <p>Fuente by: Chris Coyier</p> </div> <div id="fragment-11" class="ui-tabs-panel ui-tabs-hide"> <p>Fuente by: Chris Coyier</p> </div> <div id="fragment-12" class="ui-tabs-panel ui-tabs-hide"> <p>Fuente by: Chris Coyier</p> </div> <div id="fragment-13" class="ui-tabs-panel ui-tabs-hide"> <p>Fuente by: Chris Coyier</p> </div> <div id="fragment-14" class="ui-tabs-panel ui-tabs-hide"> <p>Fuente by: Chris Coyier</p> </div> <div id="fragment-15" class="ui-tabs-panel ui-tabs-hide"> <p>TAS</p> </div> <div id="fragment-16" class="ui-tabs-panel ui-tabs-hide"> <p>TAS</p> </div> </div> </div>

Cambiar de imagen al actualizar
<script language="JavaScript">  </script>

Mostrar mensaje al pasar por algún Contenido
Cd00690067o javascript
<script type="text/javascript"> /*********************************************** * Cool DHTML tooltip script- Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ var offsetxpoint=-60 //Customize x offset of tooltip var offsetypoint=20 //Customize y offset of tooltip var ie=document.all var ns6=document.getElementById && !document.all var enabletip=false if (ie||ns6) var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : "" function ietruebody(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function ddrivetip(thetext, thecolor, thewidth){ if (ns6||ie){ if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px" if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor tipobj.innerHTML=thetext enabletip=true return false } } function positiontip(e){ if (enabletip){ var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft; var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop; //Find out how close the mouse is to the corner of the window var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20 var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20 var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000 //if the horizontal distance isn't enough to accomodate the width of the context menu if (rightedge<tipobj.offsetWidth) //move the horizontal position of the menu to the left by it's width tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px" else if (curX<leftedge) tipobj.style.left="5px" else //position the horizontal position of the menu where the mouse is positioned tipobj.style.left=curX+offsetxpoint+"px" //same concept with the vertical position if (bottomedge<tipobj.offsetHeight) tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px" else tipobj.style.top=curY+offsetypoint+"px" tipobj.style.visibility="visible" } } function hideddrivetip(){ if (ns6||ie){ enabletip=false tipobj.style.visibility="hidden" tipobj.style.left="-1000px" tipobj.style.backgroundColor='' tipobj.style.width='' } } document.onmousemove=positiontip </script><style type="text/css"> #dhtmltooltip{ position: absolute; width: 150px; border: 2px solid black; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); } </style>
Cd00690067o para pocisionar
<div onmouseout_fckprotectedatt="%20onmouseout%3D%22hideddrivetip()%22" onmouseover_fckprotectedatt="%20onmouseover%3D%22ddrivetip('Contenido%20para%20poner!%20!!.'%2C'lightgreen'%2C%20250)%22" style="padding: 4px; width: 250px; height: 150px; background-color: rgb(233, 233, 233);">Contenido que desees poner ! Textarea ofrecido por warioteayuda !</div>  <div id="dhtmltooltip"> </div>

Sections

sunny Sky

Free CSS Templates

Cavsimx

Javascript 3

Sections

Sections