Craftyman Blog

Anatips: tooltip para Prototype

Anatips es una librería para hacer tooltips y es muy sencillo de utilizar. Ha sido probado con Firefox 2+, IE 6+, Opera 9+, y Safari 3.1 Ahora explicaremos como implementarlo en una imagen, para este ejemplo utilizaremos Prototype 1.6.0. Para ello descargaremos Anatips desde aqui, que nos vendrá con Prototype. Crearemos un archivo .html en incluiremos en el [...]

Continue reading...

Multidropdown: menus relacionales con Prototype

MultiDropDown es un script para realizar la tarea de convertir una respuesta json en elementos de un dropdown, y poder construir dropdowns relacionales. Este script esta probado en distintos navegadores(Firefox 2+, IE 6+, Safari 9+). Características Su implementación es muy sencilla. El dropdown puede ser totalmente modificable. Soporta dropdowns dependientes. Implementación Para este ejemplo utilizaremos PHP y MySQL, primero entramos a [...]

Continue reading...

Prototype Funciones Utiles

Prototype Capitulo 04 - Funciones $A(), $H(), $R(), $w() Siguiendo con las funciones útiles: que trae prototype, en este capitulo concluyo con tales, les dare una explicacion breve y algunos ejemplos con cada funcion. 1) Utilizando la funcion $A() La funcion $A() convierte el argumento pasado por parametro en un objeto array esta funcion combinada con las extensiones que trae [...]

Continue reading...

Prototype Funciones DOM

Prototype Capitulo 03 - Utilizando la funcion $$() A veces las usuales herramientas del artesanal DOM document.getElementById() document.getElementsByTagName() document.getelementsByClassName() no son suficientes para encontrar rapidamente nuestros elementos o colecciones de elementos. Si conoces la la estructura de arbol de DOM sencillamente puedes recurrir a las CSS selectores para realizar un determinado trabajo. $$('div'); // retorna todos los divs en el documento $$('#contents'); // es [...]

Continue reading...

Prototype Introduccion

Prototype Capitulo 02 - Introduccion a Prototype Prototype es una libreria Javascript que esta Orientada a Objetos,fue escrita por Sam Stephenson. Este bien pensado y excrito trozo de codigoes compatible con los estandares web, muy enriquesida para la creacion de paginas web interactivaslo que caracterizan a las Web 2.0. Si han echado un vistazo al framework Ruby [...]

Continue reading...

Prototype JS

Prototype Capitulo 01 - Introduccion a Ajax Hola a todos, estoy realizando un primer curso en mi blog, y crei que seria un buen tema la del framework prototype (Javascript, Ajax)En esta intro les escribire sobre una introduccion a Ajax. Ajax ¿Para que sirve? Ajax en una propuesta para paginas web que quieran mejorar su interfaz y su [...]

Continue reading...