+ Rispondi al messaggio
Visualizzazione dei risultati da 1 a 6 su 6

[javascript] Evidenziare voce del menu relativa alla pagina selezionata

  1. #1
    PavlovTheDog non  in linea Novello
    Post
    4
    Like Inviati  
    0
    Like Ricevuti  
    0
    Ciao a tutti.
    Vorrei fare in modo di evidenziare la voce del menu attiva. Ho provato vari script trovati in giro, ma non funzionano, o non riesco ad adattarli per ignoranza in materia. C' qualcuno che pu aiutarmi?

    Il codice html del mio menu di navigazione il seguente:
    <div id="page-zones__template-widgets__extendednavigation-navigation" class="widget extendednavigation" data-widget-type="extendednavigation" data-uniqueid="page-zones__template-widgets__extendednavigation-navigation">
      <div class="extendednavigation"  align="center">
        <ul id="menunav" class="js-menu-list 13-items">
          <li id="menu-item_1" class="home  page"><a href="/"><span class="text">pagina iniziale</span></a></li>
          <li id="menu-item_2" class="page  folder" aria-haspopup="true"><a href="/galleria"><span class="text">galleria</span></a>
          <ul class="js-menu-list 2-items page">
            <li id="menu-item_3" class="page"><a href="/acquerello"><span class="text">acquerello</span></a></li>
            <li id="menu-item_4" class="page"><a href="/incisione"><span class="text">incisione</span></a></li>
          </ul>
          </li>
         <ul>
      </div>
    </div>
    
    Grazie mille in anticipo a chiunque voglia darmi una mano.

  2. #2
    L'avatar di Brontolo
    Brontolo non  in linea Very Important Person
    Post
    3,134
    Like Inviati  
    5
    Like Ricevuti  
    5
    L'evidenziazione della voce di menu attiva si ottiene agendo sugli stili. Nel codice che mostri ci sono vari riferimenti a classi di stile che fanno presupporre l'esistenza di file CSS. E' su questo/i file che si deve intervenire.
    ℹ️ Leggi di pi su Brontolo ...

  3. #3
    PavlovTheDog non  in linea Novello
    Post
    4
    Like Inviati  
    0
    Like Ricevuti  
    0
    Quote Originariamente inviato da Brontolo Visualizza il messaggio
    L'evidenziazione della voce di menu attiva si ottiene agendo sugli stili. Nel codice che mostri ci sono vari riferimenti a classi di stile che fanno presupporre l'esistenza di file CSS. E' su questo/i file che si deve intervenire.
    Ciao Brontolo.
    S, nei CSS ho una classe ".selected" e se la inserisco tra le classi di un "li", effettivamente mi evidenzia la voce menu relativa. Solo che vorrei evitare di aggiungere una parte html tante volte per quante sono le pagine, spostando di volta in volta la classe "selected". Perci cercavo una funzione js che riconoscesse in automatico la voce attiva del menu, aggiungendovi la classe "selected".

  4. #4
    L'avatar di Brontolo
    Brontolo non  in linea Very Important Person
    Post
    3,134
    Like Inviati  
    5
    Like Ricevuti  
    5
    Nel file css devi agire sugli attributi dei tag <a>.
    ℹ️ Leggi di pi su Brontolo ...

  5. #5
    PavlovTheDog non  in linea Novello
    Post
    4
    Like Inviati  
    0
    Like Ricevuti  
    0
    puoi spiegarmi meglio?

  6. #6
    L'avatar di Brontolo
    Brontolo non  in linea Very Important Person
    Post
    3,134
    Like Inviati  
    5
    Like Ricevuti  
    5
    Il codice che hai mostrato , con tutta evidenza, prodotto da un qualche editor semiautomatico (probabilmente quello di aruba) il cui funzionamento fortemente basato sul CSS, che non mi pare essere il tuo forte.
    Ora devi fare una scelta: o ti affidi ad un generatore automatico (ce ne sono tanti!) ed ottieni la tua barra di menu perfettamente funzionante ma non facilmente modificabile, oppure te la fai da solo acquisendo prima almeno le basi di Html e CSS.
    Nella mia precedente risposta ho citato tre cose: file CSS, tag <a>, attributi. Quale di questi tre concetti basilari non ti suona chiaro?

    P.S.: Invito il moderatore a togliere dal titolo il prefisso [javascript] che almeno per ora non c'entra niente.
    ℹ️ Leggi di pi su Brontolo ...

+ Rispondi al messaggio

Potrebbero interessarti anche ...

  1. [Javascript]Evidenziare voce di men selezionata
    Da Marco2012 nel forum HTML, CSS e JavaScript
    Risposte: 13
    Ultimo Post: 22-04-2018, 18:36
  2. Risposte: 7
    Ultimo Post: 18-11-2009, 12:44
  3. MonthCalendar evidenziare una data selezionata
    Da UbySoft71 nel forum Visual Basic .Net
    Risposte: 3
    Ultimo Post: 24-08-2008, 11:40
  4. Form1 alla voce 1...
    Da luca_vb nel forum Visual Basic .Net
    Risposte: 18
    Ultimo Post: 22-01-2008, 20:26
  5. Risposte: 7
    Ultimo Post: 19-07-2007, 18:36