El Comercio Digital

Webmaster Libre

Desarrollo Web con Software Libre

Estás navegando por el archivo de la categoría Javascript

DOMTab: Navegación por pestañas con CSS y DOMscripting

DOMTab

DOMTab nos permite crear estupendas interfaces divididas por pestañas por medio de Javascript no intrusivo.

Aplicar DOMTab a nuestras páginas es francamente sencillo. Primero llama al script desde la cabecera de tu documento

El código html de nuestra página debe ser algo así,

Proof 1

Test to prove that more than one menu is possible

back to menu

Proof 2

Test to prove that more than one menu is possible

back to menu

[... and so on ...]

Tenemos, además, la opción de presentar un enlace donde se mostrarán todos los contenidos en una sola pantalla, por ejemplo para imprimir.

Puedes editar todas las opciones del script ya que todos lo que se espera del HTML son parámentros.
tabClass:’domtab’, // class para activar las pestañas
listClass:’domtabs’, // class de los menús
activeClass:’active’, // class del enlace actual
contentElements:’div’, // elements to loop through
backToLinks:/#top/, // patrón para buscar enlaces “volver arriba”
printID:’domtabprintview’, // id del enlace para imprimir todo
showAllLinkText:’show all content’, // texto del enlace para imprimir todo

A la hora de dar estilo, tenemos a nuestra disposición tanto las clases e id utilizadas por el script como el resto de recursos a nuestro alcance por medio de CSS:

DOMTab: http://onlinetools.org/tools/domtabdata/

Javascript, Scripts

9 Comentarios

Javascript Unobstrusivo para Rails

Rails es un excelente framework, especialmente para construir aplicaciones AJAX, pero el Javascript que resulta de utilizar los helpers de serie de Rails es la manzana de la discordia para muchos. Unobtrusive Javascript for Rails pretende ayudar a solucionar eso.

Con UJS for Rails podrás:

  • Definir tus comportamientos usando selectores tipo CSS y Ruby
  • Usar los Helpers para Javascript y AJAX de forma no obstrusiva
  • Aplicar efectos de la librería script.aculo.us no obstrusivamente y con facilidad


UJS Rails Plugin:
http://www.ujs4rails.com/

Javascript, Ruby

Comenta

JavaScript Lint: Limpia de errores tus scripts

Con Javascript Lint podrás comprobar todo tu código Javascript en busca de errores comunes sin necesidad de abrir la página en un navegador.
El programa está basado en el motor de Javascript de Firefox, con lo que, además de buscar errores puede también mostrar advertencias sobre prácticas no recomendables.

Javascript Lint está disponible para Windows y Linux. Además, es muy versátil y te permite utilizarlo de diversas formas:


Javascript Lint:
http://www.javascriptlint.com
Demo Online: http://www.javascriptlint.com/online_lint.php

Via del.icio.us/popular

Aplicaciones, Javascript, Recursos

2 Comentarios

Despídete de los PopUps con DOMinclude

Todos sabemos que los popups son un asco, la mayoría de los usuarios los ignora para simplemente cerrarlos y el resto los bloquea automáticamente con su navegador. A pesar de todo, en muchas ocasiones nos interesaría utilizar un popup para mostrar alguna información adicional sin que el visitante tuviese que abandonar la página o abrir otra ventana de su navegador.

Captura del efecto de DOMincludeDOMinclude es un script que nos permite abrir archivos adicionales, como por ejemplo fotografías o imágenes, en una nueva capa dentro del documento. Cuando no se encuentra disponible el Javascript se abre un iFrame.

DOMinclude es muy sencillo de implementar en tus páginas, incluye lo siguiente en la cabecera (head) de tu documento:

Información:

Webmaster Libre es un blog de Alma Fernández Página alojada en Redcoruna