Categories
drupal JavaScript Trucos

Usando Javascript en Drupal 7, algunos cambios

Haciendo algunos cambios en un theme de Drupal 6 a Drupal 7, he notado que los scripts antiguos no funcionan.

Buscando mucho, he encontrado que jQuerya hora está "namespaced", por lo tanto si tenías un código parecido a este:

JAVASCRIPT:

$(document).ready(function() {
        // Código
});
 

Ahora tiene que ser:

JAVASCRIPT:

(function($) {
    $(document).ready(function() {
        // Código
    });
})(jQuery);
 

Funciona y parece ser la solución final, sin embargo no se si hay otro tipo de solución. Si es asi, házmelo saber.

Actualización

Alejandro Barrio, me escribe y me sugiere que use los "behaviors" de Drupal para agregar los scripts:

Para Drupal 6

JAVASCRIPT:

Drupal.behaviors.exampleModule = function (context) {
    $('.example', context).click(function () {
            $(this).next('ul').toggle('show');
    });
}
 

Para Drupal 7

JAVASCRIPT:

(function ($) {
    Drupal.behaviors.exampleModule = {
        attach: function (context, settings) {
            $('.example', context).click(function () {
                $(this).next('ul').toggle('show');
                });
        }
    };
}(jQuery));
 

De la misma manera Eber Irigoyen sugiere no usar document.ready, sino:

JAVASCRIPT:

jQuery(function ($) {
        // codigo, puedes usar $ sin conflictos
});
 

Gracias por sus aportes 🙂

Enlace: Managing Javascript in Drupal 7

Categories
Herramientas JavaScript

jQuery Boilerplate: empieza a escribir tus propios plugins de jQuery

Boilerplate constructor de plugins jQuery

Si estás interesado en construir plugins jQuery, Boilerplate te da una plantilla lista para empezar.

El código está comentado de tal manera que peudas empezar fácilmente. No sólo servirá para construir un plugin, sino también sirve para entender el comportamiento de otros ya existentes.

Enlace: jQuery BoilerPlate

Fuente: Kabytes

Categories
Miniposts

Procesa documentos HTML con phpQuery

Por si alguna vez hay la necesidad de procesar documentos HTML, esta librería permite tratarlos con una sintaxis similar a jQuery.

Categories
Herramientas JavaScript

Usa etiquetas de manera sencilla con jQuery Input Tags

jQuery TagsSi usas etiquetas en tu sitio, te presentamos a jQuery Input Tags; un plugin de jQuery que te permite gestionar tus etiquetas rápidamente y con un bonito diseño.

Entre sus características se encuentran el uso o no de autocompletado, la separación por comas, etc.

Aunque su funcionamiento es como otros, añade un aspecto más amigable a la gestión.

El sitio nos da además algunos ejemplos de uso y la manera de instalarlo en nuestro sitio.

Enlace y descarga: jQuery Tags Input.

Vía: kabytes.

Categories
JavaScript

jQuery deshabilitará el hotlinking

La gente de jQuery nos informa (muy tarde) que desde el día de hoy desde el 31 de Enero del 2011 deshabilitará el hotlinking de sus archivos. Es decir que tienes que actualizar tus enlaces de jQuery o guardar una copia local:

Alternativas

Tenemos algunas alternativas que pueden servirte:

Usar el jQuery desde CDN

HTML:

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.4.js" type="text/javascript"></script>

Usar el jQuery desde Google

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>

Usar desde Cached Commons

HTML:

<script type="text/javascript" src="http://cachedcommons.org/cache/jquery/1.4.2/javascripts/jquery.js"></script>

O simplemente puedes bajarte la última versión y guardarla en tu propio sitio.

También te puede interesar: Tres razones por las que dejar que Google hostee jQuery por tí.

Fuente | jQuery Blog