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 PostgreSQL DATABASE ------------------------------ Note that the database must be created with UTF-8 (Unicode) encoding. 1. CREATE DATABASE USER This step is only necessary if you don't already have a user set up (e.g., by your host), or want to create a new user for use with Drupal only. The following command creates a new user named 'username' and asks for a password for that user: createuser --pwprompt --encrypted --no-createrole --no-createdb username If there are no errors, then the command was successful. 2. CREATE DRUPAL DATABASE This step is only necessary if you don't already have a database set up (e.g., by your host) or want to create a new database for use with Drupal only. The following command creates a new database named 'databasename', which is owned by the previously created 'username': createdb --encoding=UTF8 --owner=username databasename If there are no errors, then the command was successful. 3. CREATE SCHEMA OR SCHEMAS (Optional advanced step) Drupal will run across different schemas within your database if you so wish. By default, Drupal runs inside the 'public' schema but you can use $db_prefix inside settings.php to define a schema for Drupal to run inside of, or specify tables that are shared inside of a separate schema. Drupal will not create schemas for you. In fact, the user that Drupal runs as should not be allowed to do this. You'll need to execute the SQL below as a superuser, replace 'username' with the username that Drupal uses to connect to PostgreSQL, and replace 'schema_name' with a schema name you wish to use, such as 'shared': CREATE SCHEMA schema_name AUTHORIZATION username; Do this for as many schemas as you need. See default.settings.php for instructions on how to set which tables use which schemas.