Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    fade in/out testo non in posizione

    Ciao a tutti, non so se il mio post sia più consono in questo forum o nel CSS.
    Ho un javascript che mi fa apparire un testo con dissolvenza al click del mouse su un link.

    Vi posto l'URL del sito di prova così è più chiaro da spiegare http://algaleone.it/test/content.php?bg=galeone; in basso sulla sinistra c'è un riquadro con due pulsanti testo chiamati "mostra testo", "nascondi testo", cliccando su "mostra testo" si apre un box con il contenuto. Un menù sulla destra di questo box permette di navigare all'interno dei suoi contenuti. Il problema è che cliccando sulle voci il testo viene caricato tutto quanto per poi mostrarne solo una porzione in una frazione di secondo. Questo movimento è davvero fastidioso e non preciso. Nel javascript originario [http://javascript.html.it/script/ved...ione-con-fade/] la classe css .msg_body imposta "position" su absolute ovviamente in modo da far si che i testi si sovrappongano quando c'è il fade ma in questo modo mi viene impossibile impostare le dimensioni del box.

    Qualcuno avrebbe una soluzione?

    Altro piccolo problema è che cliccando sulle voci di questo menù la pagina viene ricaricata spostandosi leggermente in basso e facendo coincidere il menù di navigazione generale con il bordo superiore della pagina, è possibile non ricaricare la pagina?

    Grazie n anticipo.

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649

    Re: fade in/out testo non in posizione

    Originariamente inviato da klavs
    è possibile non ricaricare la pagina?
    ...
    $("a.linkclass").click(function()
    {
    $('.msg_body').fadeOut("slow");
    $($(this).attr("href")).fadeIn("slow");
    return false
    });


    l' altro problema non e' cosi' immediato da risolvere,
    non ci sono tanti altri modi di sovrapporre elementi

    ripristinerei il posizionamento assoluto e assegnerei un' altezza fissa a quel contenitore
    ad ogni click ridimensionerei il contenitore

    una cosa del genere
    ...
    $($(this).attr("href")).fadeIn("slow");
    $('.pushup-form').stop().animate({'height':$($(this).attr("hr ef")).height()},500)
    ...

    ciao

  3. #3
    grazie mille dell'aiuto, funziona tutto correttamente, sei stato davvero prezioso.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.