Throbber drupal gif hospedagem

Enviado por Apoio Drupion em 25 de setembro de 2012 12:44

janelas modais são excelentes características de design, pois permite que você exiba facilmente obter mais informações sobre uma página sem causar os inconvenientes para o público, tornando-os carregar uma página totalmente diferente. Eu uso modais onde eu quero exibir mais informações que não são volumosos o suficiente para merecer uma carga separada de página inteira.

Figura 1: Trata-se de ligações dos títulos, gerados por uma vista de que, quando clicado gatilho uma janela modal com conteúdo adicional.

Throbber drupal gif hospedagem em Drupal

Figura 2: Depois de clicar em um link como mostrado na figura 1, uma janela modal é exibida com informação adicional.

Há duas maneiras gerais para criar facilmente modais em Drupal. O primeiro, e comum método consiste em utilizar o CaixaColorida ou os módulos Lightbox2. Ambos os módulos têm algumas funcionalidades incorporado e pode ser configurado no site de nível construtor.

Para mais controle sobre theming eo conteúdo do modal, e adquirir conhecimento de como janelas modais trabalhar, tomei a mergulhar em Earl Miles' (aka Merlin do Caos) Ferramentas Caos, ou método CTools da criação modal. Aqui está como eu fiz isso.

Este tutorial requer um intermediário para nível avançado de compreensão do Drupal 7. Você vai precisar para construir um módulo para fazer isso.

1. Chamaremos nosso módulo "Happy", de modo criar um diretório dentro do seu Drupal instalação chamado, sites / all / modules / feliz.

Dentro do diretório 'feliz', crie dois arquivos em branco, 'happy.module' e 'happy.info.' Além disso, baixar e ativar o módulo CTools eo módulo Views. como CTools uma dependência para o modal e Views é uma dependência para este exemplo.

Além disso, adicione o seguinte para as personalizações modais dentro do diretório do módulo:

  • A pasta "js" com "happy.js" dentro de, por exemplo, 'sites / all / modules / / felizes js / happy.js').
  • Um diretório "css" com "happy.css" dentro de, por exemplo, 'Sites / all / modules / css / happy.css').
  • Um diretório de imagens para os AJAXs personalizados throbber gifs (se desejado), por exemplo, 'Sites / all / modules / feliz / images / [imagem-name] .jpg'
  • Um diretório do tema para o nosso costume Vistas modelo em 'sites / all / modules / feliz / tema', e dentro deste diretório um modelo de vista vai ser colocado mais adiante neste tutorial.

2. Configure o módulo com o arquivo 'happy.info'.

Open, colar o abaixo no arquivo, e salvar:

name = feliz
description = Um módulo de exemplo para criar janelas modais usando a estrutura CTools.
= núcleo 7.x
pacote = Interface de Usuário
php = 5.2.4
dependências [] = ctools
dependências [] = vistas

Nota lateral: Para fins deste exemplo, estamos usando Views para generat uma lista de links para nós que, quando clicado, abrir o conteúdo do nó dentro da janela modal. Portanto, para este exemplo, Views é uma dependência.

Throbber gif drupal hospedagem Configure o módulo com o

3. Abra o 'happy.module' e coloque o padrão Drupal módulo de andaime no topo, em seguida, salvar.

4. O primeiro passo é definir o caminho do menu do link modal será aberto quando a janela modal aparece.

Aqui estão alguns pontos avançados: O módulo CTools identifica "% ctools_js" como um espaço reservado no caminho pedido. CTools irá substituir esse argumento espaço reservado com "js" ou "nojs", dependendo capacidades de JavaScript do navegador do usuário. O "retorno de chamada página" é uma função que irá definir seguinte. Isto é onde a maior parte do trabalho pesado tem lugar. Finalmente, não há restrições de acesso neste exemplo. Ou seja, os usuários anônimos podem acessar o conteúdo do modal desde a 'página de retorno de chamada' é definido como TRUE.

5. Defina a função 'página callback':

Embora pareça complicado, a função acima é simples. Se o navegador do usuário não suporta Javascript, conforme determinado por nós CTools, então vamos dar-lhes conteúdo não Javascript. Caso contrário, nós disparar o modal CTools e dar-lhes o modo de visualização Teaser de um nó.

6. Em seguida, precisamos injetar as configurações para a janela modal para carregamento da página do pai.

Você pode fazer isso é um número de funções de gancho onde Drupal torna conteúdo para a página. Exemplo ganchos em que o seguinte código vai trabalhar incluem hook_node_view (modificar o Nó- $> conteúdo peça objecto), hook_block_view, hook_field_load, e etc.

Para os fins deste exemplo, eu estou gerando uma vista de títulos de nó que, quando clicado, mostrar provocação do nó dentro do modal. Para isso, usei o gancho Views, hook_views_pre_render ():

Este é um monte de escrever ao criar um modal. Em resumo, temos que carregar todos os arquivos CTools JS. Em seguida, nós definimos o tamanho e as características do modal usando a matriz de configuração CTools (neste exemplo, o happy_style $). E, finalmente, injetamos as definições necessárias, arquivos Javascript e CSS arquivo para theming o conteúdo modais.

7. Defina as ligações que irão acionar a janela modal para aparecer.

Até agora, temos definida a página e conteúdo que será exibido dentro do modal, e definimos os estilos iniciais do modal. Agora, precisamos definir o gatilho que irá abrir a janela modal. Tudo o que é realmente necessário são links com aulas particulares CTools. Desde que eu estou usando Views, eu estou indo para definir um modelo de vistas para a minha lista de títulos passíveis de ligação. Dessa forma, eu posso modificar os links dentro da vista a ser CTools desencadear conscientes.

Alternativamente, você pode definir os links que desencadeiam o modal sobre a camada de tema usando os ganchos hook_preprocess, ou dentro de um modelo de vista dentro do diretório tema do site.

Eu prefiro ter todas as funcionalidades de um módulo personalizado dentro do mesmo diretório módulo. É mais limpo. Por isso, optei por criar um modelo de vista dentro do diretório módulo feliz.

Aqui é a melhor maneira. Primeiro registrar o modelo de tema e vistas:

Depois de declarar isso, você precisará criar um diretório [module_dir] / tema e colocar os 'Views-view-campos - happy.tpl.php' arquivo dentro. Para o conteúdo inicial, utilize o conteúdo do padrão "vista-view-fields.tpl.php" o modelo do módulo Views, localizado dentro do diretório tema do módulo Views.

Porque eu tiver registrado a hook_theme e dentro do hook_theme, declarou um modelo Views, eu posso usar hook_preprocess_view Visualizações () para disputar com a eventual exibição dos links de título que criei:

Neste ponto, a variável $ ctools_link estará disponível para mim nas vistas de vista-campos - arquivo happy.tpl.php. Dentro desse modelo, basta adicionar a linha:

9. arquivo JavaScript.

Temos feito todo o tass PHP para a criação de um modal CTools. Agora vamos voltar nossa atenção para o Javascript.

Você pode começar com o arquivo padrão CTools modal js dentro do módulo ctools_ajax_example, mas eu tenho simplificado esse arquivo para você, declarando tudo que você precisa para começar.

Aqui estão os sites / todos os módulos / felizes / js / conteúdos / do arquivo happy.js:

10. Agora você está pronto para o estilo do modal.

Usando 'sites / all / modules / feliz / css / happy.css', estilo da janela modal para os seus gostos.

Neste ponto, você criou um modal CTools em Drupal 7. Para obter mais informações, evitar Google até que tenha consumido os extensos arquivos de ajuda HTML dentro do módulo CTools em 'sites / all / modules / ctools / help / modal.html.'

Modaling feliz com Drupal 7!

Assista esse video!

Artigos relacionados

sites de multi hospedagem drupalSe você estiver executando mais de um site Drupal, você pode simplificar a gestão e pode atualizar seus sites usando o recurso de multi-site. Multi-site permite que você compartilhar um único Drupal ...
Webfm módulo drupal hospedagemEstou criando um arquivo de site que permitirá aos usuários fazer upload de vários tipos diferentes de conteúdo de mídia, incluindo vídeo, áudio, imagens, documentos e textos. Eu quero torná-lo fácil para os usuários ...
Drupal hospedagem com SSLHTTPS é um protocolo que criptografa as solicitações HTTP e suas respostas. Isso garante que se alguém fosse capaz de comprometer a rede entre o computador eo servidor você está solicitando ...
Facetada pesquisa apache Solr drupal hospedagemNota: extra agradecimento especial a Doug Vann para fornecer motivação para finalmente publicar este post! No início de 2016, quando o Search API e módulos relacionados com o Solr para Drupal 8 estavam em alfa cedo ...
Hospedagem vários sites DrupalHá muitas razões por que um administrador de sistemas ou desenvolvedor pode escolher para hospedar vários sites no mesmo servidor em uma configuração multisite. Por exemplo, uma tal configuração pode: ...