Usando a interface do usuário jQuery integrada no meu tema

Cada página do meu tema precisará usar a interface do usuário do jquery. Sei que está incluído no Drupal 7, mas não consigo decifrar a documentação técnica demais do Drupal. Parece que a única maneira de fazer isso é com o arquivo template.php. Mas como não entendo esse arquivo, estou tentando evitar fazer dessa maneira.

Existe outra maneira, ou devo apenas tentar o arquivo template.php?

Adicionar JS a uma página não é tão difícil assim, mesmo que você precise usar o php.

Para arquivos JS normais, você pode fazer algo assim

drupal_add_js($path_to_js)

No entanto, o Drupal registrou a interface do usuário do jQuery nas bibliotecas, facilitando a adição de arquivos JS e CSS para determinados plugins da interface do usuário do jQuery. Isso pode ser feito usando

drupal_add_library($module, $library);

Todos os plugins da interface do usuário do jQuery existem no módulo do sistema, então você pode fazer

drupal_add_library('system', 'ui');

ou

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

Alguns desses plugins têm dependências porque usam outros plugins. O Drupal lida com isso de maneira inteligente e incluirá os componentes necessários.

Você pode ver a lista completa de plugins jQuery aqui . Isso é formatado como uma matriz PHP, mas geralmente a convenção de nomenclatura é ui.PLUGIN-NAME.

Se você precisar adicionar o JS em todas as páginas, basta adicionar um gancho de página de pré-processamento e adicioná-los lá. Isso seria algo parecido com isso no arquivo 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');
}

você já experimentou o módulo date_popup ? funciona bem com a API do formulário

1. Refatore seu formulário codificado no arquivo .tpl em uma implementação da API de formulário. Como o @LSU_JBob disse, não há razão para criar um formulário sem usar a FAPI. Eu recomendo que você leia o Guia de início rápido da API de formulários e marque a referência da API de formulários página de .
2. Depois de criar seu formulário e poder enviar valores a ele, processá-lo etc., faça o download e leia o código no módulo Data Contrib. A data é usada para fornecer o tipo de data pop-up que você deseja criar, mas para CCK em D6 e Core Fields em D7. Embora você não esteja procurando trabalhar com campos, o módulo Data usa a JQuery UI para realizar o que você está tentando fazer. Este módulo deve fornecer um exemplo sólido.

Obrigado googletorppor responder.

Apenas para adicionar, se as coisas ainda não estiverem muito claras relacionadas à ativação de plugins de interface do usuário .

Observe que quando você mencionar: drupal_add_library('system', 'ui');
Isso NÃO ativará todos os plugins da interface do usuário automaticamente.

Você pode encontrar a lista de plugins jquery ui disponíveis no drupal 7 aqui: /misc/ui/

Para habilitar um plug-in perticular, por exemplo:, jquery.ui.slider.min.jsvocê precisa adicionar esta linha:

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

Espero que isso seja útil.

Eu tive esse problema recentemente. Alguém me deu seu módulo personalizado para forçar o carregamento da interface do usuário do JQuery em todas as páginas. Você pode recriá-lo simplesmente. Primeiro, instale jquery_update e verifique se está funcionando. Em seguida, crie e ative este módulo:

Crie uma pasta no caminho / to / modules chamado 'jquery_force'.

Dentro, adicione dois arquivos:

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');
}

Adicionando um gancho de pré-processo no template.php arquivo não funcionou para mim.

Eu simplesmente coloco drupal_add_library('system', 'ui');no template.phparquivo por si só, funciona.