Archivo de la categoría ‘Javascript’

Añade un calendario con Javascript

Cuando creamos un proyecto en el que hay que usar fechas y formularios no enfrentamos un problema: el estándar de formato de fecha.

Algunos usuarios escribirán DIA/MES/AÑO, otros DIA-MES-AÑO, otros AÑO/DIA/MES y un sin fin de posibilidades más.

Hoy Desde hace unos días en El mundo de Deckerix podemos encontrar un tutorial para añadir un calendario en Javascript sin recurrir a jQuery, Mootools y demás frameworks.

Podéis leer el tutorial aquí, y descargar el script aquí.

Crea galerías con jQuery.popeye

Vía Anieto2k descubro jQuery.popeye, con el cual podemos crear galerías de imágenes usando una capa y un listado.

El código HTML básico sería una cosa así:

<div style="clear:both;">
<div id="popeye1" class="galeria">
<ul>
<li><a href="imagen1.jpg"><img src="imagen1.jpg" alt="Imagen 1" /></a></li>
<li><a href="imagen2.jpg"><img src="imagen2.jpg" alt="Imagen 2" /></a></li>
</ul>
</div>
</div>

Y el código Javascript quedaría así


// jQuery
$(document).ready(function() {
$('.galeria').popeye();
});

Descarga jQuery.popeye.

Demo de jQuery.popeye.

Jx, una interfaz de usuario gráfica para Mootools

Vía Anieto2k descubro Jx, una interfaz de usuario gráfica para Mootools, con la que podemos crear barras de tareas, menús desplegables, pestañas, ventanas y demás, que nos facilita la tarea de crear aplicaciones online.

Podéis ver una demostración aquí.

Página ofical de Jx.

Crea un panel deslizante con jQuery

Si ya os conté cómo evitar conflictos entre jQuery y Mootools, hoy os explico para qué estaba usando jQuery en el nuevo diseño.

Probablemente os habréis fijado en el link que dice Sidebar, en el index del blog. Pues bien, este link despliega la sidebar superior del blog.

Para añadir este efecto a tu web debes seguir unos pasos sencillos, comenzando por descargar jQuery.

Lee el resto del artículo »

Ya disponible Mootools 1.2.1

Vía anieto2k descubro que ya está disponible Mootools 1.2.1.

Descárgalo.

Añade un selector de horas con jQuery

Vía anieto2k descubro otra función más de jQuery: Añadir un selector de horas a nuestros formularios.

Aprende a crear tu propio framework javascript

Andrés Nieto ha publicado un excelente tutorial donde nos explica cómo hacer nuestro propio framework javascript.

Si estás interesado, no tienes más que leer el artículo de Andrés.

Invaders from Mars con Javascript

Leyendo anieto2k he descubierto una versión en Javascript de Space Invaders.

Podéis jugar a la versión en Javascript en esta página.

Como evitar conflictos entre Mootools y jQuery

No sé a vosotros, pero a mí trabajar con frameworks me facilita mucho la cosa, ya que no sé mucho de javascript y puedo lograr bonitos efectos sin tener que invertir mucho tiempo.

El último trabajo que he realizado con frameworks de javascript ha sido en el diseño de este blog.

WordPress utiliza jQuery para algunas funciones, y yo personalmente prefiero Mootools. Esta vez he decidido usar ambos, y el principal problema que he encontrado han sido los conflictos entre ambos.

Para evitar tener que usar solo un frameworks, podemos recurrir a una función que nos permitirá usar ambos, la función jQuery.noConflict().

Lee el resto del artículo »