Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2006
    Messaggi
    89

    menu ajax 2 livelli con click

    Salve a tutti, sto impazzendo per creare un menu a due livelli con visualizzazione dei sottomenu al click (non hover) e il posizionamento (sempre dei sottomenu sulla sinistra) dall'inizio della prima voce menu e non sotto ai propri link "parent". Il tutto senza che ricarichi mai la pagina perché ho un video in flv di sfondo che continua a girare. Cliccando sulla voce del sottomenu carico il contenuto sempre attraverso ajax in un div.


    schema esplicativo
    test

    Sapete indicarmi qualcosa da cui prendere spunto (script, tutorials, ecc) oppure sapreste darmi una mano per modificare lo script che ho utilizzato?
    In pratica, dello script linkato sopra dovrei modificare:
    1 - posizionare i sottomenu all'estrema sinistra, all'inzio della prima voce del menu principale.
    2 - al click della voce del sottomenu renderla attiva (evidenziata) facendo rimanere evidenziata anche la relativa voce del menu principale.
    e caricare un contenuto in un div... ma questo è il passo successivo...

    grazie.

  2. #2
    Becero, schifoso, ma funzionante:
    codice:
    ...
    ...
    function depressButton(button) {
    
      var x, y;
    
      // Update the button's style class to make it look like it's
      // depressed.
    
      button.className += " menuButtonActive";
    
      // Position the associated drop down menu under the button and
      // show it.
    
      x = getPageOffsetLeft(button);
      y = getPageOffsetTop(button) + button.offsetHeight;
    
      button.menu.style.left = "8px";  //x + "px";
      button.menu.style.top  = y + "px";
      button.menu.style.visibility = "visible";
    }
    ...
    ...
    HTH
    Zappa
    [PC:Presario 2515EU][Cpu:P4@2.3GHz][Ram: 512M][HDU:80G@5400 RPM]
    [Wireless:LinkSys][OS: Ubuntu 9.04 - Jaunty Jackalope]

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2006
    Messaggi
    89
    Grazie mille homezappa (bel nick). Il primo punto è risolto: test ->

    Ora l'obiettivo è quello di rendere selezionata anche la voce del sottomenu quando viene cliccata. (e nel caso in cui (dopo aver selezionato una voce del sottomenu) cliccassi un'altra voce del menu principale, rendere non evidenziata la voce precedentmente selezionata (in praticare portare allo stato non selezionato tutte le voci dei sottomenu).

    QUalceh idea?

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.