il Blog di Psicomante - CSS: Display:none e jQuery. Un connubio utile - Comments

Hai anche ragione

psicomante — Wed, 23 May 2007 17:20:58 +0200

Hai anche ragione

Si, si... il mio problema

Mavimo — Wed, 23 May 2007 15:47:41 +0200

Si, si... il mio problema era un altro (anche se non ho capito qual ).. semplicemente suggerivo di inserirla nel post anche per gli altri, altrimenti non funziona nulla

Infatti è da ieri che ti

psicomante — Wed, 23 May 2007 13:47:52 +0200

Infatti è da ieri che ti linkavo quella porzione di codice del mio tema mica per niente

Gliel'ho fatta!!! Bisogna

Mavimo — Wed, 23 May 2007 12:48:55 +0200

Gliel'ho fatta!!!
Bisogna mettere anche

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

Nell'header della pagina in page.tpl.php, dove ovviamente script.js è il nome del file in cui avete inserito il codice precedente.

Grazie per l'idea!

psicomante — Tue, 22 May 2007 18:59:24 +0200

Grazie per l'idea! Indubbiamente molto più "user-friendly".

Ti consiglio di impostare

Andrea Micheloni — Tue, 22 May 2007 17:40:47 +0200

Ti consiglio di impostare per il "filo" una proprietà dello stile, in mdo che mostri una mano come nei link:

style="cursor:pointer;"

Penso sia più utile, no?

CSS: Display:none e jQuery. Un connubio utile

psicomante — Tue, 22 May 2007 15:42:16 +0200

Per chi non conoscesse bene Javascript e ~~JQuery~~ jQuery (segnalato da ehehehe...), 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à display:none permette di evitare la visualizzazione di un div nascosto 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 ~~nel HEAD~~ in un file separato, permette di animare il div con classe shelfwrap.

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

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:

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

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