Codigos JavaScript
Codigos JavaScript.[?]
¿Qué es JavaScript?
JavaScript es un lenguaje de scripting basado en objetos no tipeado y liviano, utilizado para acceder a objetos en aplicaciones. Principalmente, se utiliza integrado en un navegador web permitiendo el desarrollo de interfaces de usuario mejoradas y páginas web dinámicas. JavaScript es un dialecto de ECMAScript y se caracteriza por ser un lenguaje basado en prototipos, con entrada dinámica y con funciones de primera clase.
Wikipedia.org
Widgets.Menu horizontal Mac OsX
Advertencia referente al campo de contenido:
Para fijar la posición del menu modifica los valores en rojo:
<div style="position:absolute;left:600px;top:170px;">
Menu desplegable con links
Efectos.
Codigos de marquesinas
De derecha a izquierda:
De derecha a izquierda con fondo de color:
Rebota de derecha a izquierda:
Texto que sube:
Texto que baja:
Rebota de arriba a abajo:
De derecha a izquierda con marco de color:
De derecha a izquierda zigzagueando:
Rebota en todo el borde:
De derecha a izquierda con fondo en color:
Como cambiar la fuente de la letra
Para poder visualizar la fuente esta debe estar instalada en el ordenador del visitante.
Verificador de links rotos
Galerias.
Imagenes en todas las esquinas
Arriba derecha:
Arriba izquierda:
Abajo derecha:
Abajo izquierda:
Imagen semi transparente se vuelve normal
Escribir arriba de una imagen
Mensajes/areas de textos.
- Cuentas de usuarios.
Login de usuarios en cualquier sitio
Añadir Formulario Iniciar Sesión
<CENTER><FORM action="URL (parte final) de nuestra página del extra ejemplo: AccessKeys.htm" method="POST"><TABLE><TR><TD>Nombre de usuario:</TD><TD><input type="text" name="logindata[name]" value=""></TD></TR> <TR><TD>Contraseña:</TD><TD><input type="PASSWORD" name="logindata[kennwort]" value=""></TD></TR> </TABLE> <input type="hidden" name="mode" value="1"> <input type="hidden" name="checklogin" value="1"> <input type="hidden" name="logindata[checklogin]" value="1"> <input type="submit" value="Lo que dira el boton ejemplo: ACCEDER"> </CENTER></form> |
Añadir botón para desconectarse
<CENTER>Frase Ejemplo: Ya estás conectado.<br> <br> <FORM action="URL (parte final) de nuestra página del extra ejemplo: AccessKeys.htm" method="POST"> <input type="hidden" name="mode" value="2"> <input type="hidden" name="logindata[checklogin]" value="1"> <input type="submit" value="Lo que pondrá en el botón ejemplo: Cerrar sesión"> </CENTER></form> |
- Diseños.
Modificar la plantilla Flash
Menús.
- Mensajería instantanea.
Chat ICQ
Messenger en tu web
- Reproductores.
Reproductor MP3
Donde dice tucancion.mp3 debes colocar la url de la canción mp3. Para obtener la url de una canción sigue este Tutorial
- Traductores.
Traductor para tu web con banderas
Tu pagina web en otros idiomas
- Buscadores.
Buscador de Google
Buscador de imagenes
- Uploads.
Colección de uploads externos
Imageshack.us (solo imagenes)
ImagUp.com (solo imagenes)
InWorG.com (solo imagenes)
Typenot.com (solo videos)
EasyShare.com (de todo)
Uploadmb.com (de todo)
Imágenes.
- Formularios.
Formulario de contacto simple
<FORM NAME="Enviar" Enctype="text/plain" action="mailto:email@email.com?Subject=Cualquier comentario" method="post">
Cuentanos tus comentarios<br><br>
<b>
Nombre: <input type="text" name="Nombre"><br>
Apellido: <input type="text" name="Apellido"><br>
<input type="submit" value="enviar"></b>
</FORM>
Tu propio formulario simple
<form action="mailto:Tu@Email.com" method="post"> <table align="center"> <tbody> <tr> <td align="right">Nombre1:</td> <td><input size="36" name="nombre" type="text" /></td> </tr> <tr> <td align="right">Nombre2:</td> <td><input size="36" name="nombre" type="text" /></td> </tr> <tr> <td align="right">Nombre3:</td> <td><input size="36" name="direccion" type="text" /></td> </tr> <tr> <td align="right">Nombre4:</td> <td><input size="36" name="procedencia" type="text" /></td> </tr> <tr> <td align="right">Mensaje:</td> <td><textarea rows="5" cols="30" name="comentarios"></textarea></td> </tr> </tbody> </table> <p align="center"><input type="submit" value="Enviar" /><input type="reset" value="Borrar todo" /></p> </form> |
- Botones.
Botón
<FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Aqui el texto de button" Style="BACKGROUND-COLOR: #FFFFFF" onClick=window.open('http://Aqui la URL')"></FORM>
Botón sencillo
- Otros.
Google Maps
Iframe transparente
Cambien la etiqueta: |
<body> |
Por esta: |
<body style="background-color: transparent;"> |
Codigo del iframe: |
<iframe src="pagina.htm" AllowTransparency> </iframe> |
Iframe normal:
Iframe transparente: