CODIGOS JAVA

Noticias	Horoscopos	Cadiz	Loterias	Juegos	TrivialCaletero	Utilidades	Foro
Fotos	Chistes	Sabiasque	Comollamas	Html	Javascript	Cine	Progr.Tv

JavaScript es una de las múltiples aplicaciones que han surgido para extender las capacidades del Lenguaje HTML. JavaScript es un lenguaje script orientado a documento. Nunca podrá hacer un programa, tan sólo podrá mejorar sus páginas Web.

Las normas para poder escribir cualquier código de JavaScript se basan en 5 puntos básicos y que debemos cumplir siempre. Estas normas son las siguientes:

Todo el código (sentencias) esta dentro de funciones.
Las funciones se desarrollan entre las etiquetas <script> y </script>.
Las etiquetas "<script>" deben colocarse entre las etiquetas <head> y </head>.
Las etiquetas "<title>" no pueden estar colocadas entre las de "<script>".
La llamada a la función se hace a través de un evento de un elemento del documento.

Aqui os dejo algunos codigos, espero que os sirrvan de ayuda

PONER FECHA, MES Y DIA

SABER EL NAVEGADOR QUE USAN TUS VISITANTES

MENU CON DIRECTORIOS DESPLEGABLES

FONDO ALEATORIO

TEXTO CON FOCOS

<SCRIPT LANGUAGE="JavaScript"> function ShadowWave() { if(document.getElementById && window.print) { var dir=Math.random(); if (dir<.25) {dir=315;color="#FFFF00"} if (dir<.50) {dir=45;color="#99FF00"} if (dir<.75) {dir=135;color="#66FFFF"} if (dir<1) {dir=225;color="#FFCCFF"} document.getElementById("texto_foco").style.filter="shadow(color="+color+",direction="+dir+",enabled=1)"; } } </SCRIPT> // Luego pega esto en donde quieras que se ponga el texto <DIV ID="texto_foco" STYLE="HEIGHT=2"><center>www.elrincondelcaletero.es.kz<br>Tu mejor Web</center></DIV> <SCRIPT LANGUAGE=JavaScript> setInterval("ShadowWave()",500); </SCRIPT>

TERREMOTO EN PANTALLA

<SCRIPT language=JavaScript1.2>  </SCRIPT>

HACER PAGINA DE INICIO

<a href onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.elrincondelcaletero.es.kz');" style="CURSOR: hand">Página de inicio?</a>

AÑADIR A FAVORITOS

CONTRASEÑA DE ACCESO

CURSOR QUE TIEMBLA CON IMAGENES

<style> .shakeimage{ position:relative } </style>  <script language="JavaScript1.2"> var rector=3 var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } </script>  <img src="imagen.gif" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)">

CUADRO DE TEXTO EXPLICATIVO AL PASAR RATON

<STYLE TYPE="text/css">  </STYLE>  <p ID="dek" CLASS="dek"> <SCRIPT TYPE="text/javascript">  </SCRIPT> </p>  <p><a href="#" onMouseOver="popup('El enlace esta anulado no vas a ningún sitio')"; onMouseOut="kill()">Opcion 1</a></p> <p><a href="#" onMouseOver="popup('Aqui tampoco vas a ningún sitio')"; onMouseOut="kill()">Opción 2</a> </p>

AVISO AL CARGAR LA PAGINA

</script> <body onLoad="loadalert()">

ANULAR BOTON DERECHO DEL RATON

<script LANGUAGE="JavaScript1.1"> function derecha(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){ alert('Botón derecho inhabilitado') return false; } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2)){ alert('Botón derecho inhabilitado') } } document.onmousedown=derecha </script>

ANULAR BOTON IZQUIERDO DEL RATON

ANULAR LOS DOS BOTONES DEL RATON

IMAGENES QUE CAMBIAN SOLAS CADA CIERTO TIEMPO

UN TEXTO SIGUE AL RATON

UNAS IMAGENES SIGUEN AL RATON

<div id="dot0" style="position: absolute; visibility: hidden; height: 30; width: 30;"> <dd><img src="http://...." height="30" width="30"></dd> </div><div id="dot1" style="position: absolute; height: 30; width: 30;"> <dd><img src="http://...." height="30" width="30"></dd> </div><div id="dot2" style="position: absolute; height: 30; width: 30;"> <dd><img src="http://...." height="30" width="30"></dd> </div><div id="dot3" style="position: absolute; height: 30; width: 30;"> <dd><img src="http://...." height="30" width="30"></dd> </div><div id="dot4" style="position: absolute; height: 30; width: 30;"> <dd><img src="http://...." height="30" width="30"></dd> </div><div id="dot5" style="position: absolute; height: 30; width: 30;"> <dd><img src="http://...." height="30" width="30"></dd> </div><div id="dot6" style="position: absolute; height: 30; width: 30;"> <dd><img src="http://...." height="30" width="30"></dd> </div><script LANGUAGE="JavaScript">  </script> </body> </html>

UN RELOJ MUY VISTOSO SIGUE AL RATON

<SCRIPT language=JavaScript> dCol='FF0000';//date colour. fCol='0000FF';//face colour. sCol='FFFF00';//seconds colour. mCol='00FF00';//minutes colour. hCol='00FF00';//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","AGOSTO","SEPTIEMBRE","OCTUBRE","NOVIEMBRE","DECIEMBRE"); 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='Verdana'; size=1; speed=0.4; 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>

TEXTO ANIMADO EN EL TITULO DE LA PAGINA

TEXTO ESTILO MECANOGRAFIA EN LA BARRA DE ESTADO

MENU FLOTANTE

<div id="point1" STYLE="position:absolute;visibility:visible;">  <table width="100" border="1" bordercolor="#BBBBBB" cellspacing="0" cellpadding="4"> <tr> <td align=center> <img src="image1.gif" alt="Menu"> </td> </tr> <tr> <td align=center> <font size="2"><a href="somepage.html">Link One</a></font> </td> </tr> <tr> <td align=center> <font size="2"><a href="somepage.html">Link Two</a></font> </td> </tr> <tr> <td align=center> <font size="2"><a href="somepage.html">Link Three</a></font> </td> </tr> <tr> <td align=center> <font size="2"><a href="somepage.html">Link Four</a></font> </td> </tr> <tr> <td align=center> <font size="2"><a href="somepage.html">Link Five</a></font> </td> </tr> </table>  </div> <script LANGUAGE="JavaScript1.2"> var XX=20; // X position of the scrolling objects var xstep=1; var delay_time=30; //Begin of the unchangable area, please do not modify this area var YY=0; var ch=0; var oh=0; var yon=0; var ns4=document.layers?1:0 var ie=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 if(ie){ YY=document.body.clientHeight; point1.style.top=YY; } else if (ns4){ YY=window.innerHeight; document.point1.pageY=YY; document.point1.visibility="hidden"; } else if (ns6){ YY=window.innerHeight document.getElementById('point1').style.top=YY } function reloc1() { if(yon==0){YY=YY-xstep;} else{YY=YY+xstep;} if (ie){ ch=document.body.clientHeight; oh=point1.offsetHeight; } else if (ns4){ ch=window.innerHeight; oh=document.point1.clip.height; } else if (ns6){ ch=window.innerHeight oh=document.getElementById("point1").offsetHeight } if(YY<0){yon=1;YY=0;} if(YY>=(ch-oh)){yon=0;YY=(ch-oh);} if(ie){ point1.style.left=XX; point1.style.top=YY+document.body.scrollTop; } else if (ns4){ document.point1.pageX=XX; document.point1.pageY=YY+window.pageYOffset; } else if (ns6){ document.getElementById("point1").style.left=XX document.getElementById("point1").style.top=YY+window.pageYOffset } } function onad() { if(ns4) document.point1.visibility="visible"; loopfunc(); } function loopfunc() { reloc1(); setTimeout('loopfunc()',delay_time); } if (ie||ns4||ns6) window.onload=onad </script>