Voilà, voilà... Fin de l'aventure...

 

Fermeture de kolossaldrupal.org dans...


Bonjour tout le monde,

Drupal évolue, les versions changent et Kolossaldrupal.org était essentiellement consacré à la version 6 de Drupal.

Autant dire que les infos présentées ici commencent à dater...

Faute de temps, je ne peux plus garder le site Kolossaldrupal à jour...

Je vous aurais bien proposé de reprendre le flambeau mais... c'est tellement simple de nos jours de se faire son propre site à soi...Pourquoi s'embêter alors ? :-)

Ce site restera donc en l'état, tel qu'il était en 2011...

Ah la la ! Cela ne nous rajeunit pas !

Manuel Vila - Avril 2016

Exemple : affichage personnalisable

Traduction de la page http://drupal.org/node/581786
publiée / actualisée le 1 Mars 2011 sur drupal.org


Comment personnaliser le code HTML du bloc de recherche

Cet exemple explique comment personnaliser le code HTML pour le bloc de recherche proposé par défaut. Ce bloc est créé par le module Search.

Cela peut se faire en utilisant la méthode fichier tpl.php :

  1. Depuis la racine de votre site, aller dans le dossier modules/search.
  2. Copier le fichier modules/search/search-block-form.tpl.php dans sites/all/themes/votretheme/search-block-form.tpl.php.

Vous allez maintenant modifier le fichier qui se trouve dans le dossier de votre thème.

Dans search-block-form.tpl.php vous trouverez ce code-source :

<div class="container-inline">
  <?php print $search_form; ?>
</div>

Dans le code qui suit, on a enlevé l'instruction d'affichage précédente et on l'a remplacé par nouveau code HTML en charge de l'affichage, comme indiqué dans les directives figurant au début du fichier:

<div class="container-inline">
<?php $search['search_block_form'] = '
   <div class="form-item" id="edit-search-block-form-1-wrapper">

     <input type="text" maxlength="128" name="search_block_form" id="edit-search-block-form-1" size="15" value="" title="Enter the terms you wish to search for." class="form-text" />
     <br />
     <label for="edit-search-block-form-1">Search posts and comments</label>
    </div>';
   print $search['search_block_form'];
   print $search['submit'];
   print $search['hidden'];
    ?>
</div>

Ce code HTML a simplement été prélevé dans le code-source de la page d'origine (via Firebug, ou en affichant le code-source de la page) puis a été réorganisé. Vous pouvez bien évidemment ajouter d'autres balises, des CSS ou d'autres contenus dont vous auriez besoin. Assurez-vous cependant de ne pas modifier les noms et les ID des éléments, faute de quoi le formulaire ne sera pas correctement traité.

La destination des variables affichées dans ce code-source modifié est expliquée dans le fichier search-block-form.tpl.php initial (situé dans racine_du-site/modules/search/search-block-form.tpl.php).

Voici les clés de $search, disponibles dans les commentaires :

  • $search['search_block_form']: zone de saisie du texte, encadrée dans un div.
  • $search['submit']: Bouton d'envoi du formulaire.
  • $search['hidden']: Éléments cachés du formulaire. Utilisée pour valider le formulaire lorsqu'il est envoyé.