Google Search

Tutorial su Drupal

Risorse su Drupal





Link al mio profilo
Contattami

E-mailpsicomantegmailcom

MSNpsicomantekatapekkianet

Google Talkpsicomantesugmaildotcom

Skypepsicomante

Your donations support ongoing development

Creative Commons License

Newsfeed RSS png image
Google Talk png image

CSS: Display:none e jQuery. Un connubio utile

Submitted by psicomante on Tue, 2007-05-22 15:42.

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.


Ti consiglio di impostare

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?

Grazie per l'idea!

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

Gliel'ho fatta!!! Bisogna

Gliel'ho fatta!!! Laughing out loud
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.

Infatti è da ieri che ti

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

Si, si... il mio problema

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

Hai anche ragione

Hai anche ragione Laughing out loud

Post new comment

Smileys
:);):(:D}:):P:O:?8):jawdrop::sick:
The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <div> <br> <img> <strike> <div> <img>
  • Lines and paragraphs break automatically.
  • You may post PHP code. You should include <?php ?> tags.
  • Textual smileys will be replaced with graphical ones.
  • Web page addresses and e-mail addresses turn into links automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • You may quote other posts using [quote] tags.

More information about formatting options

CAPTCHA
Rispondi alla domanda se sei umano!
Image CAPTCHA
Copy the characters (respecting upper/lower case) from the image.

Recent comments

This site is proudly powered by Drupal 5.2 and Drupal Italia .


Creative Commons License

Commentatori più attivi

Ecco la lista dei 5 commentatori più attivi su Psicomante Blog!

Syndicate content5ThirtyOne Design | Psicomante's Blog | Top