Posts Tagged “JavaScript”

9 manuales en formato PDF relacionados con diseño y programación de páginas Web: HTML, XHTML, CSS, JAVASCRIPT y AJAX.

Leer esta entrada completa »

SexyAlertBox es un clon “sexy” del clásico alert de javascript.

Está basado en PBBAcpBox — un script que lamentablemente el autor paró de desarrollar — sin embargo, el código fue publicado bajo una licencia libre, con lo cual el autor pudo mejorarlo y adaptarlo a la versión 1.2 de Mootools.

El autor es Eduardo Sada, y puedes encontrar más información sobre él en su Web: CODERS.

Entre las características de SexyAlertBox encontramos:

• Estilo: Mostrar mensajes de error de una manera más bonita.
• Compatibilidad: Funciona tanto en navegadores modernos, como en Internet Explorer.
• Requiere: Mootools 1.2

Demostración

Puedes ver la demostración del script en el siguiente enlace: Ver demo.

Instalación

Sube todos los archivos de SexyAlertBox a tu servidor. Las imágenes, el CSS y el Javascript. Si ubicas la carpeta imágenes en un directorio diferente, no olvides cambiar las rutas que están dentro del archivo CSS.

Descarga mootools con domready, e incluye los archivos Javascript en el header de tu página.

<script src="mootools.js" type="text/javascript"></script>
<script src="sexyalertbox.v1.js" type="text/javascript"></script>

Finalmente, agrega sexyalertbox.css en el header:

<link rel="stylesheet" href="sexyalertbox.css" type="text/css" media="all" />

Leer esta entrada completa »

Según la introducción de la propia autora:

«Este curso no es ni más ni menos que un "remake" del curso de JavaScript existente en el sitio web El Rincón del Programador. He intentado ampliar en la medida de lo posible los puntos que se me quedaron cojos, sobre todo con ejemplos, que es lo que muchos de vosotros me habeis pedido. También he aprovechado para poner en práctica lo aprendido con hojas de estilo, e intentar llevar a cabo una presentación más agradable. Los capítulos han sido segmentados para que no ocupen demasiado por fichero html, agrupándose bajo la temática común en la que estaban en la web.

Aquí no vais a encontrar menos material que en el curso inicial, al contrario: lo he revisado para ampliarlo y, si acaso, he reescrito algún párrafo. Así que si teníais suficiente con aquel curso, aquí únicamente veréis más ejemplos.

Este programa y esta versión especial del curso existen porque la web cumple un año desde que vio la luz . Desde entonces he recibido muchas visitas, muchos mensajes con dudas (que he intentado responder en la medida de mis posibilidades y mi tiempo), con ánimos, con sugerencias, y como aprecio mucho la respuesta obtenida, quiero agradeceros a todos vosotros que habeis entrado en mi página y aprendido con mis cursos, con una versión muy especial del que ha sido el curso estrella de la web durante este año: el curso de JavaScript.

La ocasión merecía un regalo especial, y por ello no me he limitado a un simple fichero PDF. Aparte del programa para navegar por el curso, al que quizá encontréis otras aplicaciones, ofrezco todo el fuente del curso: HTML + CSS + JavaScript, para que podais ver (y estudiar) con tranquilidad cómo he hecho las cosas.»

Pulsa AQUÍ para descargar el documento (son 442 KB).