Upload
francisco-giovanny
View
212
Download
0
Embed Size (px)
DESCRIPTION
Manual de JavaScript
Citation preview
Fecha y hora ( M-JavaScript )
Para poner una fecha y hora en tu web tienes que poner lo siguiente:
<script language="LiveScript">
<!-- Escondiendo
today = new Date()
document.write("La hora actual es: ",today.getHours(),":",today.getMinutes())
document.write("La fecha es: ", today.getMonth()+1,"/",today.getDate(),"/",today.getYear());
// se termina de esconder -->
</script>
Caja codificadora ( M-JavaScript )
Para poner una caja codificadora en tu web tienes que poner lo siguiente:
<script language="JavaScript"><!--function codifica(txt) { var str='',chr; var i=0,f=txt.length; while (i<f){ chr=txt.charAt(i); if (chr=='a')chr='!'; if (chr=='e')chr='þ'; if (chr=='i')chr='·'; if (chr=='o')chr='$'; if (chr=='u')chr='%';
if (chr=='b')chr='¦'; if (chr=='c')chr='Á'; if (chr=='d')chr='©'; if (chr=='f')chr='¥'; if (chr=='g')chr='¶'; if (chr=='h')chr='µ'; if (chr=='n')chr='±';
if (chr=='p')chr='û'; if (chr=='r')chr='ÿ'; if (chr=='s')chr='Ö'; if (chr=='t')chr='Ü';
if (chr=='1')chr='£'; if (chr=='3')chr='Ø'; if (chr=='4')chr='¬'; if (chr=='5')chr='½'; if (chr=='7')chr='¼'; if (chr=='9')chr='«'; if (chr=='0')chr='»';
if (chr==' ')chr='¹';
if (chr=='T')chr='Û'; if (chr=='M')chr='Ù'; if (chr=='L')chr='Ý'; if (chr=='A')chr='&hibar;'; if (chr=='E')chr='¾'; if (chr=='Y')chr='§'; if (chr=='O')chr='°'; if (chr=='J')chr='³'; if (chr=='N')chr='ø';
str=str+chr; i++;} document.f.txt.value=str;}
function decodifica(txt) { var str='',chr; var i=0,f=txt.length; while (i<f){ chr=txt.charAt(i); if (chr=='!')chr='a'; if (chr=='þ')chr='e'; if (chr=='·')chr='i'; if (chr=='$')chr='o'; if (chr=='%')chr='u';
if (chr=='¦')chr='b'; if (chr=='Á')chr='c'; if (chr=='©')chr='d'; if (chr=='¥')chr='f'; if (chr=='¶')chr='g'; if (chr=='µ')chr='h'; if (chr=='±')chr='n'; if (chr=='û')chr='p'; if (chr=='ÿ')chr='r'; if (chr=='Ö')chr='s';
if (chr=='Ü')chr='t';
if (chr=='£')chr='1'; if (chr=='Ø')chr='3'; if (chr=='¬')chr='4'; if (chr=='½')chr='5'; if (chr=='¼')chr='7'; if (chr=='«')chr='9'; if (chr=='»')chr='0';
if (chr=='¹')chr=' ';
if (chr=='Û')chr='T'; if (chr=='Ù')chr='M'; if (chr=='Ý')chr='L'; if (chr=='&hibar;')chr='A'; if (chr=='¾')chr='E'; if (chr=='§')chr='Y'; if (chr=='°')chr='O'; if (chr=='³')chr='J';
if (chr=='ø')chr='N';
str=str+chr; i++;} document.f.txt.value=str;}
// --></script>
<form name="f"> <div align="left"><table border="0" cellspacing="0"><TBODY> <tr> <td colspan="3"><textarea name="txt" rows="10" cols="40"></textarea></td> <td width="20"> </td> <td valign="top"><font size="2" face="Arial"><strong>Pasos para decodificar/codificar textos:</strong></font> <p><font size="2" face="Arial"><strong>1.- Seleccionar un texto </strong></font><font color="#FF8040" size="2" face="Arial"><strong>control + E</strong></font><font size="2" face="Arial"><strong><br> 3.- Copiarlo </strong></font><font color="#FF8000" size="2" face="Arial"><strong>Control + C</strong></font><font size="2" face="Arial"><strong><br> 4.- Ven a esta pagina<br> 5.- Pincha en cuadro de al lado.<br> 6.- Pegar </strong></font><font color="#FF8000" size="2" face="Arial"><strong>Control + V</strong></font><font size="2" face="Arial"><strong><br> 7.- Pincha en </strong></font><font color="#FF8000"
size="2" face="Arial"><strong>Muestra/oculta</strong></font><font size="2" face="Arial"><strong>.</strong></font></p> </td> </tr> <tr> <td><p align="center"><input type="button" name="deco" value="Muestra" onclick="decodifica(txt.value);"></p> </td> <td> </td> <td><p align="center"><input type="button" name="cod" value="Oculta" onclick="codifica(txt.value);"> </p> </td> <td> </td> <td> </td> </tr></TBODY> </table> </div></form><SCRIPT language="JavaScript" SRC="/include/frames.js"></SCRIPT><SCRIPT language="JavaScript">
Caja codificadora ( M-JavaScript )
Para poner una caja codificadora en tu web tienes que poner lo siguiente:
<script language="JavaScript"><!--function codifica(txt) { var str='',chr; var i=0,f=txt.length; while (i<f){ chr=txt.charAt(i); if (chr=='a')chr='!'; if (chr=='e')chr='þ'; if (chr=='i')chr='·'; if (chr=='o')chr='$'; if (chr=='u')chr='%';
if (chr=='b')chr='¦'; if (chr=='c')chr='Á'; if (chr=='d')chr='©'; if (chr=='f')chr='¥'; if (chr=='g')chr='¶'; if (chr=='h')chr='µ'; if (chr=='n')chr='±';
if (chr=='p')chr='û'; if (chr=='r')chr='ÿ'; if (chr=='s')chr='Ö'; if (chr=='t')chr='Ü';
if (chr=='1')chr='£'; if (chr=='3')chr='Ø'; if (chr=='4')chr='¬'; if (chr=='5')chr='½'; if (chr=='7')chr='¼'; if (chr=='9')chr='«'; if (chr=='0')chr='»';
if (chr==' ')chr='¹';
if (chr=='T')chr='Û'; if (chr=='M')chr='Ù'; if (chr=='L')chr='Ý'; if (chr=='A')chr='&hibar;'; if (chr=='E')chr='¾'; if (chr=='Y')chr='§'; if (chr=='O')chr='°'; if (chr=='J')chr='³'; if (chr=='N')chr='ø';
str=str+chr; i++;} document.f.txt.value=str;}
function decodifica(txt) { var str='',chr; var i=0,f=txt.length; while (i<f){ chr=txt.charAt(i); if (chr=='!')chr='a'; if (chr=='þ')chr='e'; if (chr=='·')chr='i'; if (chr=='$')chr='o'; if (chr=='%')chr='u';
if (chr=='¦')chr='b'; if (chr=='Á')chr='c'; if (chr=='©')chr='d'; if (chr=='¥')chr='f'; if (chr=='¶')chr='g'; if (chr=='µ')chr='h'; if (chr=='±')chr='n'; if (chr=='û')chr='p'; if (chr=='ÿ')chr='r'; if (chr=='Ö')chr='s';
if (chr=='Ü')chr='t';
if (chr=='£')chr='1'; if (chr=='Ø')chr='3'; if (chr=='¬')chr='4'; if (chr=='½')chr='5'; if (chr=='¼')chr='7'; if (chr=='«')chr='9'; if (chr=='»')chr='0';
if (chr=='¹')chr=' ';
if (chr=='Û')chr='T'; if (chr=='Ù')chr='M'; if (chr=='Ý')chr='L'; if (chr=='&hibar;')chr='A'; if (chr=='¾')chr='E'; if (chr=='§')chr='Y'; if (chr=='°')chr='O'; if (chr=='³')chr='J';
if (chr=='ø')chr='N';
str=str+chr; i++;} document.f.txt.value=str;}
// --></script>
<form name="f"> <div align="left"><table border="0" cellspacing="0"><TBODY> <tr> <td colspan="3"><textarea name="txt" rows="10" cols="40"></textarea></td> <td width="20"> </td> <td valign="top"><font size="2" face="Arial"><strong>Pasos para decodificar/codificar textos:</strong></font> <p><font size="2" face="Arial"><strong>1.- Seleccionar un texto </strong></font><font color="#FF8040" size="2" face="Arial"><strong>control + E</strong></font><font size="2" face="Arial"><strong><br> 3.- Copiarlo </strong></font><font color="#FF8000" size="2" face="Arial"><strong>Control + C</strong></font><font size="2" face="Arial"><strong><br> 4.- Ven a esta pagina<br> 5.- Pincha en cuadro de al lado.<br> 6.- Pegar </strong></font><font color="#FF8000" size="2" face="Arial"><strong>Control + V</strong></font><font size="2" face="Arial"><strong><br> 7.- Pincha en </strong></font><font color="#FF8000"
size="2" face="Arial"><strong>Muestra/oculta</strong></font><font size="2" face="Arial"><strong>.</strong></font></p> </td> </tr> <tr> <td><p align="center"><input type="button" name="deco" value="Muestra" onclick="decodifica(txt.value);"></p> </td> <td> </td> <td><p align="center"><input type="button" name="cod" value="Oculta" onclick="codifica(txt.value);"> </p> </td> <td> </td> <td> </td> </tr></TBODY> </table> </div></form><SCRIPT language="JavaScript" SRC="/include/frames.js"></SCRIPT><SCRIPT language="JavaScript">
Cuadro explicativo ( M-JavaScript )
Para poner un cuadro explicativo en tu web tienes que poner lo siguiente:
en opciones de la web:
onload="escribe(' Explicación\n -----------\n Pasar el puntero del ratón por encima de los enlaces.');">
en body
<script language="JavaScript"><!--function escribe(frase){document.desplaza.cuadro.value=frase; }// --></script>
<table border="0"> <tr> <td width="200"><p align="center"><strong>Opciones.</strong></p> <p><a href="index.htm" onmouseover="escribe(' Página principal\n ----------------\n\n Cuando hagas Click en este enlace irás directamente a la página de inicio de mi web');">Página principal</a><br> <a href="index.htm"
onmouseover="escribe(' JavaScript\n -----------\n\n Este enlace te llevará a la página de inicio de Scripts en la que puedes encontrar muchos más trucos interesantes para realizar e incluir en tus páginas web');">JavaScripts</a><br> <a href="glosario_index.htm" onmouseover="escribe(' Diccionarios\n -------------- \n\n Si tienes alguna duda sobre alguna palabra que no conoces, aqui encontrarás una recopilación de las palabras más comunes utilizadas en Internet.');">Diccionarios</a><br> </p> </td> <td><form name="desplaza"> <p><textarea name="cuadro" rows="8" cols="30" wrap="physical"></textarea></p> </form> </td> </tr></table>
Ejemplo del cuadro (los links no funcionan): Menú Desplegable ( BigAlien)
Para poner un menú desplegable en tu web tienes que poner lo siguiente:
<script language="JavaScript" type="text/javascript"><!-- function irA(menu){window.location.href = menu.options[menu.selectedIndex].value;} // fin de javascript --></script>
<form name="formulario"> <p><select name="menu" size="1" onchange="irA(this)" style="BACKGROUND-COLOR: #ffa54a; COLOR: #000080; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold"> <option selected value>Visitar</option> <option value="http://www.ole.es">¡Olé!</option> <option value="http://www.ozu.es">Ozú es</option> <option value="http://www.ozu.com">Otro com</option> <option value="http://www.es.lycos.de">Lycos</option> <option value="http://www.metabusca.com">Metabusca</option> </select> </p></form><SCRIPT language="JavaScript" SRC="/include/frames.js"></SCRIPT>
Ejemplo del menú desplegable:
Texto que va apareciendo (M-JavaScript )
Para poner un texto que vaya apareciendo (Ej abajo) en tu web tienes que poner lo siguiente:
<form name="form1" method="get"><p align="left"> <input type="text" name="scrolltext1" value="Este es el texto que va apareciendo" size="40"></p></form>
Boton que te habla ( BigAlien )
Para poner un boton que te habla en tu web tienes que poner lo siguiente:
<SCRIPT LANGUAGE="JavaScript">var alerted_already;var remark;function theytyped(form) {for ( j = 1;j<=remark.length && remark[j]!=form.myoutxt.value;j++){}if (j>remark.length)form.myoutxt.value = "Do not type here!";return false;}function touched_frog() {if (!alerted_already) {alert(""+
""+""+""+""+"");alerted_already = true;}return alerted_already;}function compute(form) {for (var i = 1; i<=remark.length && remark[i]!=form.myoutxt.value ;i++){}if (i==remark.length)history.back();if (i==remark.length-1) alert("Querido amigo/a:"+"\n\nCreo haberle dicho repetidas veces que deje de pulsarme. "+"Si vuelve a pulsarme tendre que tomar medidas mas drasticas."+"\nAtentamente, recibe un cordial saludo.");if (i<remark.length)form.myoutxt.value = remark[i+1];else form.myoutxt.value = remark[1];}function initArray() {this.length = initArray.arguments.length;for (var i = 0; i < this.length; i++)this[i+1] = initArray.arguments[i];}remark = new initArray( "Gracias!","Una vez mas?!","Te dije solo una vez mas!", "Estas pedo!!!", "Tu has bebido aceite de colza!", "Te digo que pares!!.", "He dicho que te pares!!!", "Estas sordo??!!!", "Me tienes hasta los *******!!!", "Te vas a enterar!!!.", "Vuelve a pulsarme y veras...!");alerted_already = false;// End --></SCRIPT><BODY>
<FORM name="buttons" method="post" onSubmit="return false"><input type="button" name="pushme" value="Pulsame" onClick="compute(this.form)"return touched_frog()"><input type="text" value=" " name="myoutxt" onBlur="theytyped(this.form)" onFocus="theytyped(this.form)"
onChange="theytyped(this.form)" size=45></FORM><P><BR></CENTER>
Para hacer un buen formulario... ( M-JavaScript )
Para poner un formulario en tu web tienes que poner lo siguiente:
<p><strong><u>Libro de visitas</u></strong> </p>
<form action="mailto:tu-direccion-de-correo" method="post"><table border="0">
<tr><td align="right"><strong>Nombre:</strong></td><td><input type="text" size="36" name="nombre"></td><td rowspan="4"><p align="center"><input type="reset" value="Borrar Datos"></p><p align="center"><input type="submit" value="Enviar Datos"></p></td></tr>
<tr><td align="right"><strong>Dirección E-mail: </strong></td><td><input type="text" size="36" name="direccion"></td></tr>
<tr><td align="right"><strong>¿Cómo me has encontrado?: </strong></td><td><input type="text" size="36" name="procedencia"></td></tr>
<tr><td align="right"><strong>Hazme un comentario: </strong></td><td><textarea name="comentario" rows="5" cols="30"></textarea></td></tr></table></form>
Numero al Azar ( M-JavaScript )
Para poner un numero al azar en tu web tienes que poner lo siguiente:
<head><script language="LiveScript">function RandomNumber() { today = new Date(); num= Math.abs(Math.sin(today.getTime())); return num; }</script></head><body><script language="LiveScript"><!-- document.write("Este es un numero al azar:", RandomNumber());// --></script></body>
Ultima modificación ( M-JavaScript )
Para poner la fecha de la última modificación en tu web tienes que poner lo siguiente:
<html><body>Esta es una simple página en HTML.<br>Ultima modificación: <script language="LiveScript"> <!-- oculta el script de los browsers obsoletos document.write(document.lastModified) // termina de esconder el contenido --> </script></body> </html>
Preguntar nombre ( M-JavaScript )
Para preguntar algo y después ponerlo a algu sitio en tu web tienes que poner lo siguiente: (en Head)
<script language="JavaScript"><!--function namosw_infotext(){ var username; var type, i, top, obj; for (i = 1, top = 0; i < namosw_infotext.arguments.length; i += 2) { obj = eval('document.'+namosw_infotext.arguments[i]); if (obj == null) continue; type = namosw_infotext.arguments[i+1]; if (type == 'username') { if (username == null) username = prompt(namosw_infotext.arguments[0], ""); username = (username == null) ? '' : username; obj.value = username; } else if (type == 'moddate') { obj.value = document.lastModified; } else if (type == 'ipaddr' || type == 'hostname') { if (navigator.appName == 'Netscape') { var host = java.net.InetAddress.getLocalHost(); obj.value = (type == 'ipaddr') ? host.getHostAddress() : host.getHostName(); } else { obj.value = ''; } } }}
//--></script>
</head>
DESPUES, DONDE LO QUIERAS...
<form name="form1" method="get"><p align="left"> <input type="text" name="infotext1" value="User Name" size="30" style="text-decoration:none;"></p></form>
Nueva v