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.
Domain Default page

Welcome to Parallels!

If you are seeing this message, the website for is not available at this time.
If you are the owner of this website, one of the following things may be occurring:

  • You have not put any content on your website.
  • Your provider has suspended this page.

Please login to to receive instructions on setting up your website

New to Parallels?

Parallels is a worldwide leader in virtualization and automation software that optimizes computing for consumers, businesses, and Cloud services providers across all major hardware, operating systems, and virtualization platforms.

For the Cloud, Parallels automation and virtualization software enables cloud services providers to rapidly and profitably deliver the widest range of cloud services that small businesses want and need. Our software includes key building blocks of cloud service delivery - self service control panels, billing, cloud service provisioning and virtualization. We enable the delivery of all types of services that small businesses need - shared web hosting and web applications, messaging and collaboration services, virtualized infrastructure services and thousands of other applications.

Our Automation products allow businesses to optimize their systems to maximize profit. Our Virtualization products allow personal computers to run several operating systems on one computer (like OSX and Windows) and for individual servers to function like many servers at once for creating cloud computing environments.

This website was created using our Parallels Panel product. We offer a full line of Billing, Sitebuilder and cloud computing tools. Please visit www.parallels.com to find out more information.

Test pages

Parallels Plesk Panel provides several test pages that you can use for checking the scripting features, testing database connections and mail sending. Click an icon to see test pages for different scripts:

Consumer Products

Parallels® Desktop
for Mac

Parallels® Desktop for Mac The best solution for running Windows, Linux, or any of many other operating systems alongside OS X.

Parallels® Desktop for
Windows and Linux

Parallels® Desktop for Windows and Linux Simultaneously run multiple operating systems on your PC

Service Provider Products

Parallels® Automation

Parallels® Automation Hosting, SaaS, and cloud computing automation solution.

Parallels® Panel

Parallels® Panel The Best Control Panel Ever For Easy, Complete and Profitable Hosting