Usando la interfaz de usuario jQuery integrada en mi tema

Cada página de mi tema necesitará usar jquery UI. Sé que está incluido con Drupal 7, pero realmente no puedo descifrar la documentación demasiado técnica de Drupal. Parece que la única forma de hacerlo es con el archivo template.php. Pero como no entiendo ese archivo, estoy tratando de evitar hacerlo de esa manera.

¿Hay alguna otra manera, o debería probar el archivo template.php?

Agregar JS a una página realmente no es tan difícil, aunque necesite usar php.

Para archivos JS normales, podría hacer algo como esto

drupal_add_js($path_to_js)

Sin embargo, Drupal ha registrado jQuery UI en bibliotecas, lo que facilita la adición de archivos JS y CSS para ciertos complementos de jQuery UI. Esto se puede hacer usando

drupal_add_library($module, $library);

Todos los complementos de jQuery UI existen en el módulo del sistema, por lo que podría hacer

drupal_add_library('system', 'ui');

o

drupal_add_library('system', 'ui.accordion');

Algunos de estos complementos tienen dependencias porque usan otros complementos. Drupal maneja esto de manera muy inteligente e incluirá los componentes necesarios.

Puede ver la lista completa de complementos de jQuery aquí . Está formateado como una matriz PHP, pero generalmente la convención de nomenclatura es ui.PLUGIN-NAME.

Si necesita agregar el JS en cada página, simplemente puede agregar un enlace de página de preproceso y agregarlos allí. Esto se vería así en el archivo template.php.

function NAME_OF_THEME_preprocess_page(&$variables) {
  drupal_add_library('system', 'ui');
  drupal_add_library('system', 'ui.accordion');
  drupal_add_library('system', 'effects.highlight');
}

¿Has probado el módulo date_popup ? funciona bien con el formulario API

1. Refactorice su formulario codificado en el archivo .tpl en una implementación de API de formulario. Como dijo @LSU_JBob, no hay ninguna razón por la que deba crear un formulario sin usar FAPI. Le recomiendo que lea la Guía de inicio rápido de Form API y marque la página de referencia de Form API .
2. Una vez que haya creado su formulario y pueda enviarle valores, procesarlo, etc., descargue y lea el código en el módulo Contribución de fecha . La fecha se utiliza para proporcionar el tipo de ventana emergente de fecha que desea crear, pero para CCK en D6 y Core Fields en D7. Aunque no está buscando trabajar con campos, el módulo Fecha usa la interfaz de usuario de JQuery para lograr lo que está tratando de hacer. Este módulo debería darle un ejemplo sólido.

Gracias googletorppor responder esto.

Solo para agregar, si las cosas aún no están muy claras relacionadas con la habilitación de complementos de IU .

Tenga en cuenta que cuando mencione: drupal_add_library('system', 'ui');
Esto NO habilitará todos los complementos de la interfaz de usuario automáticamente.

Puede encontrar la lista de complementos de jquery ui disponibles en drupal 7 aquí: /misc/ui/

Para habilitar un complemento perticular, por ejemplo:, jquery.ui.slider.min.jsnecesita agregar esta línea:

drupal_add_library('system', 'ui.slider');

Espero que esto sea útil.

Tuve este problema recientemente. Alguien me dio su módulo personalizado para forzar la carga de la interfaz de usuario de JQuery en cada página. Puedes recrearlo simplemente. Primero, instale jquery_update y asegúrese de que esté funcionando. Luego, crea y habilita este módulo:

Haga una carpeta en la ruta / a / módulos llamada 'jquery_force'.

En el interior, agregue dos archivos:

jquery_force.info :

name = JQuery UI Force
description = Forces JQuery UI to always load
dependencies[] = jquery_update
package = User Interface
core = 7.x
files[] = jquery_force.module

jquery_force.module :

<?php
/**
 * @file jquery_force.module
 * TODO: Enter file description here.
 */

/**
 * Implements hook_init().
 */
function jquery_force_init() {
    drupal_add_library('system', 'ui');
}

Agregar un gancho de preproceso en el template.phparchivo no funcionó para mí.

Simplemente pongo drupal_add_library('system', 'ui');en el template.phparchivo por sí mismo, funciona.