Psicomante Blog

Per chi non conoscesse bene Javascript e <strike>JQuery</strike> jQuery (segnalato da <em>ehehehe...</em>), mi è venuta in mente pochi giorni fa un metodo stra-conosciuto sicuramente ma di cui non ho mai sentito parlare (ma la mia esperienza nel campo è scarsissima, quindi non fa testo). Associare nel CSS la proprietà <code>display:none</code> permette di evitare la visualizzazione di un <em>div nascosto</em> e da far apparire come slide (un esempio evidente è il filo presente su questo blog, che fa apparire delle informazioni aggiuntive).

Questo codice javascript inserito <strike>nel HEAD</strike> in un file separato, permette di animare il div con classe <em>shelfwrap</em>.

<code>if (Drupal.jsEnabled) {
$(document).ready(Drupal.shelfwrapAuto);
}
Drupal.shelfwrapAuto = function() {
$('#pull').click(function() {
$('#shelfwrap').slideToggle('slow');
return false;
});
};</code>

dove pull è il div contenente il link per srotolarlo.

Come giustamente segnala Mavì, mi sono dimenticato di aggiungere la modifica per il page.tpl.php:

<code><?php
unset($js['core']['misc/jquery.js']);
$js = drupal_add_js(path_to_theme().'/script.js', NULL, 'header');
print drupal_get_js('header', $js);
?></code>

da inserire prima della stampa degli stili e dove script.js è il vostro script dove avete inserito il codice javascript di sopra.