Subir

Integrar Jquery en un sistema Drupal 7. Preparando el entorno

Jquery y Drupal 7

Si habéis trasteado un poco con la librería Jquery, y conocéis las posibilidades potenciales para nuestros proyectos web, en cuánto a funcionalidades y efectos principalmente, vamos a empezar a implementarla desde cero en un sistema drupal 7.

Por lo tanto, hoy únicamente vamos a preparar el entorno para que la librería Jquery funcione sin problemas en Drupal 7.

Primero: nos vamos a descargar las librerías necesarias básicas para su correcto funcionamiento, y la vamos a guardar en el directorio de nuestra plantilla, preferiblemente y si no existe, creamos un carpeta denominada js, y las guardamos ahí.

Enlaces para descarga:
-http://jquery.com/download/
-http://jqueryui.com/download/

Segundo: si vamos a implementar nuestro propio código jquery, debemos crear un archivo js con cualquier editor de texto, por ahora en blanco, y lo guardamos en el mismo directorio del punto anterior (p.ej.: micodigo.js).

Tercero: informamos a nuestro sistema Drupal 7 que ejecute las páginas mirando nuestros archivos js, para lo cuál accedemos, en nuestro theme, al archivo nuestro-theme.info y lo editamos:

Cuarto: dentro de nuestro archivo.info y a continuación de la declaración de nuestras stylesheets, incluímos la declaración de nuestros archivos .js, de esta manera:

scripts[] = js/jquery-1.11.1.min.js
scripts[] = js/jquery-ui-1.11.2.custom.js
scripts[] = js/micodigo.js

Es importante mantener este orden en la declaración para que no nos de problemas.

El formato o sintaxis en nuestro jquery personalizado es el mismo en Drupal 7 que para cualquier otra plataforma o framework, por lo que utilizamos la misma, por ejemplo, para nuestro documento preparado o cargado:

$(document).ready(function() {
nuestro código aquí
});

Esta es la manera más sencilla de implementar nuestro código javascript en nuestro sistema. Posteriormente iremos viendo poco a poco diferentes formas de implementarlo, para nuestro theme específico, archivos php, módulos concretos, etc, etc.

Ahí van algunos ejemplos:

Si queremos implementar un archivo jquery en un archivo tpl.php específico:

drupal_add_js(drupal_get_path('theme', 'my_theme') . '/js/micodigo.js');

Si queremos aplicar una librería externa:

drupal_add_js('http://example.com/example.js', 'external');

En fin, y otras muchas opciones que iremos viendo más adelante.

Temas blog: 
Imagen de rummykhan
SOBRE EL AUTOR

Experto en desarrollo de portales web, comercio electrónico y seo.

Añadir nuevo comentario

Filtered HTML

  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Saltos automáticos de líneas y de párrafos.

Plain text

  • No se permiten etiquetas HTML.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Saltos automáticos de líneas y de párrafos.
Drupal core is built and maintained by the Drupal project community. Everyone is encouraged to submit issues and changes (patches) to improve Drupal, and to contribute in other ways -- see http://drupal.org/contribute to find out how. Branch maintainers ------------------ The Drupal Core branch maintainers oversee the development of Drupal as a whole. The branch maintainers for Drupal 7 are: - Dries Buytaert 'dries' http://drupal.org/user/1 - Angela Byron 'webchick' http://drupal.org/user/24967 - David Rothstein 'David_Rothstein' http://drupal.org/user/124982 Component maintainers --------------------- The Drupal Core component maintainers oversee the development of Drupal subsystems. See http://drupal.org/contribute/core-maintainers for more information on their responsibilities, and to find out how to become a component maintainer. Current component maintainers for Drupal 7: Ajax system - Alex Bronstein 'effulgentsia' http://drupal.org/user/78040 - Earl Miles 'merlinofchaos' http://drupal.org/user/26979 Base system - Károly Négyesi 'chx' http://drupal.org/user/9446 - Damien Tournoud 'DamZ' http://drupal.org/user/22211 - Moshe Weitzman 'moshe weitzman' http://drupal.org/user/23 Batch system - Yves Chedemois 'yched' http://drupal.org/user/39567 Cache system - Damien Tournoud 'DamZ' http://drupal.org/user/22211 - Nathaniel Catchpole 'catch' http://drupal.org/user/35733 Cron system - Károly Négyesi 'chx' http://drupal.org/user/9446 - Derek Wright 'dww' http://drupal.org/user/46549 Database system - Larry Garfield 'Crell' http://drupal.org/user/26398 - MySQL driver - Larry Garfield 'Crell' http://drupal.org/user/26398 - David Strauss 'David Strauss' http://drupal.org/user/93254 - PostgreSQL driver - Damien Tournoud 'DamZ' http://drupal.org/user/22211 - Josh Waihi 'fiasco' http://drupal.org/user/188162 - Sqlite driver - Damien Tournoud 'DamZ' http://drupal.org/user/22211 - Károly Négyesi 'chx' http://drupal.org/user/9446 Database update system - Károly Négyesi 'chx' http://drupal.org/user/9446 - Ashok Modi 'BTMash' http://drupal.org/user/60422 Entity system - Wolfgang Ziegler 'fago' http://drupal.org/user/16747 - Nathaniel Catchpole 'catch' http://drupal.org/user/35733 - Franz Heinzmann 'Frando' http://drupal.org/user/21850 File system - Andrew Morton 'drewish' http://drupal.org/user/34869 - Aaron Winborn 'aaron' http://drupal.org/user/33420 Form system - Károly Négyesi 'chx' http://drupal.org/user/9446 - Alex Bronstein 'effulgentsia' http://drupal.org/user/78040 - Wolfgang Ziegler 'fago' http://drupal.org/user/16747 - Daniel F. Kudwien 'sun' http://drupal.org/user/54136 - Franz Heinzmann 'Frando' http://drupal.org/user/21850 Image system - Andrew Morton 'drewish' http://drupal.org/user/34869 - Nathan Haug 'quicksketch' http://drupal.org/user/35821 Install system - David Rothstein 'David_Rothstein' http://drupal.org/user/124982 JavaScript - Théodore Biadala 'nod_' http://drupal.org/user/598310 - Steve De Jonghe 'seutje' http://drupal.org/user/264148 - Jesse Renée Beach 'jessebeach' http://drupal.org/user/748566 Language system - Francesco Placella 'plach' http://drupal.org/user/183211 - Daniel F. Kudwien 'sun' http://drupal.org/user/54136 Lock system - Damien Tournoud 'DamZ' http://drupal.org/user/22211 Mail system - ? Markup - Jacine Luisi 'Jacine' http://drupal.org/user/88931 - Daniel F. Kudwien 'sun' http://drupal.org/user/54136 Menu system - Peter Wolanin 'pwolanin' http://drupal.org/user/49851 - Károly Négyesi 'chx' http://drupal.org/user/9446 Path system - Dave Reid 'davereid' http://drupal.org/user/53892 - Nathaniel Catchpole 'catch' http://drupal.org/user/35733 Render system - Moshe Weitzman 'moshe weitzman' http://drupal.org/user/23 - Alex Bronstein 'effulgentsia' http://drupal.org/user/78040 - Franz Heinzmann 'Frando' http://drupal.org/user/21850 Theme system - Earl Miles 'merlinofchaos' http://drupal.org/user/26979 - Alex Bronstein 'effulgentsia' http://drupal.org/user/78040 - Joon Park 'dvessel' http://drupal.org/user/56782 - John Albin Wilkins 'JohnAlbin' http://drupal.org/user/32095 Token system - Dave Reid 'davereid' http://drupal.org/user/53892 XML-RPC system - Frederic G. Marand 'fgm' http://drupal.org/user/27985 Topic coordinators ------------------ Accessibility - Everett Zufelt 'Everett Zufelt' http://drupal.org/user/406552 - Brandon Bowersox-Johnson 'bowersox' http://drupal.org/user/186415 Documentation - Jennifer Hodgdon 'jhodgdon' http://drupal.org/user/155601 Translations - Gerhard Killesreiter 'killes' http://drupal.org/user/83 User experience and usability - Roy Scholten 'yoroy' http://drupal.org/user/41502 - Bojhan Somers 'Bojhan' http://drupal.org/user/87969 Node Access - Moshe Weitzman 'moshe weitzman' http://drupal.org/user/23 - Ken Rickard 'agentrickard' http://drupal.org/user/20975 - Jess Myrbo 'xjm' http://drupal.org/user/65776 Security team ----------------- To report a security issue, see: https://drupal.org/security-team/report-issue The Drupal security team provides Security Advisories for vulnerabilities, assists developers in resolving security issues, and provides security documentation. See http://drupal.org/security-team for more information. The security team lead is: - Michael Hess 'mlhess' https://drupal.org/user/102818 Module maintainers ------------------ Aggregator module - ? Block module - John Albin Wilkins 'JohnAlbin' http://drupal.org/user/32095 Blog module - ? Book module - Peter Wolanin 'pwolanin' http://drupal.org/user/49851 Color module - ? Comment module - Nathaniel Catchpole 'catch' http://drupal.org/user/35733 Contact module - Dave Reid 'davereid' http://drupal.org/user/53892 Contextual module - Daniel F. Kudwien 'sun' http://drupal.org/user/54136 Dashboard module - ? Database logging module - Khalid Baheyeldin 'kbahey' http://drupal.org/user/4063 Field module - Yves Chedemois 'yched' http://drupal.org/user/39567 - Barry Jaspan 'bjaspan' http://drupal.org/user/46413 Field UI module - Yves Chedemois 'yched' http://drupal.org/user/39567 File module - Aaron Winborn 'aaron' http://drupal.org/user/33420 Filter module - Daniel F. Kudwien 'sun' http://drupal.org/user/54136 Forum module - Lee Rowlands 'larowlan' http://drupal.org/user/395439 Help module - ? Image module - Nathan Haug 'quicksketch' http://drupal.org/user/35821 Locale module - Gábor Hojtsy 'Gábor Hojtsy' http://drupal.org/user/4166 Menu module - ? Node module - Moshe Weitzman 'moshe weitzman' http://drupal.org/user/23 - David Strauss 'David Strauss' http://drupal.org/user/93254 OpenID module - Vojtech Kusy 'wojtha' http://drupal.org/user/56154 - Christian Schmidt 'c960657' http://drupal.org/user/216078 - Damien Tournoud 'DamZ' http://drupal.org/user/22211 Overlay module - Katherine Senzee 'ksenzee' http://drupal.org/user/139855 Path module - Dave Reid 'davereid' http://drupal.org/user/53892 PHP module - ? Poll module - Andrei Mateescu 'amateescu' http://drupal.org/user/729614 Profile module - ? RDF module - Stéphane Corlosquet 'scor' http://drupal.org/user/52142 Search module - Doug Green 'douggreen' http://drupal.org/user/29191 Shortcut module - David Rothstein 'David_Rothstein' http://drupal.org/user/124982 Simpletest module - Jimmy Berry 'boombatower' http://drupal.org/user/214218 - Károly Négyesi 'chx' http://drupal.org/user/9446 Statistics module - Tim Millwood 'timmillwood' http://drupal.org/user/227849 Syslog module - Khalid Baheyeldin 'kbahey' http://drupal.org/user/4063 System module - ? Taxonomy module - Jess Myrbo 'xjm' http://drupal.org/user/65776 - Nathaniel Catchpole 'catch' http://drupal.org/user/35733 - Benjamin Doherty 'bangpound' http://drupal.org/user/100456 Toolbar module - ? Tracker module - David Strauss 'David Strauss' http://drupal.org/user/93254 Translation module - Francesco Placella 'plach' http://drupal.org/user/183211 Trigger module - ? Update module - Derek Wright 'dww' http://drupal.org/user/46549 User module - Moshe Weitzman 'moshe weitzman' http://drupal.org/user/23 - David Strauss 'David Strauss' http://drupal.org/user/93254 Theme maintainers ----------------- Bartik theme - Jen Simmons 'jensimmons' http://drupal.org/user/140882 - Jeff Burns 'Jeff Burnz' http://drupal.org/user/61393 Garland theme - John Albin Wilkins 'JohnAlbin' http://drupal.org/user/32095 Seven theme - Jeff Burns 'Jeff Burnz' http://drupal.org/user/61393 Stark theme - John Albin Wilkins 'JohnAlbin' http://drupal.org/user/32095