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.
CREATE THE MySQL DATABASE -------------------------- This step is only necessary if you don't already have a database set up (e.g., by your host). In the following examples, 'username' is an example MySQL user which has the CREATE and GRANT privileges. Use the appropriate user name for your system. First, you must create a new database for your Drupal site (here, 'databasename' is the name of the new database): mysqladmin -u username -p create databasename MySQL will prompt for the 'username' database password and then create the initial database files. Next you must log in and set the access database rights: mysql -u username -p Again, you will be asked for the 'username' database password. At the MySQL prompt, enter the following command: GRANT SELECT, INSERT, UPDATE, DELETE, CREATE, DROP, INDEX, ALTER, CREATE TEMPORARY TABLES ON databasename.* TO 'username'@'localhost' IDENTIFIED BY 'password'; where: 'databasename' is the name of your database 'username' is the username of your MySQL account 'localhost' is the web server host where Drupal is installed 'password' is the password required for that username Note: Unless the database user/host combination for your Drupal installation has all of the privileges listed above (except possibly CREATE TEMPORARY TABLES, which is currently only used by Drupal core automated tests and some contributed modules), you will not be able to install or run Drupal. If successful, MySQL will reply with: Query OK, 0 rows affected If the InnoDB storage engine is available, it will be used for all database tables. InnoDB provides features over MyISAM such as transaction support, row-level locks, and consistent non-locking reads.