Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di semolino
    Registrato dal
    Nov 2004
    Messaggi
    1,499

    attivare elementi lista

    se ho una lista con n link, posso al click rendere attivo quel link e riformattare la lista?
    Mi spiego, ad ingresso pagina ho tre link 'spennti' e uno 'acceso', se ne clicco un'altro quello acceso passa spento e quello cliccato si accende.

    Da questi link io carico dei contenuti con ajax, quindi la parte dei link non si ricarica, quindi non posso passare una variabile di controllo. COn Javascript si può fare?

  2. #2
    Se ho capito quello che vai cercando

    Codice PHP:
    function init(){
        var 
    navdocument.getElementById('navbar');
        var 
    linksList nav.getElementsByTagName('a');
        for(var 
    0len linksList.lengthileni++){
            
    linksList.item(i).onclick= function(){
                for(var 
    0len linksList.lengthjlenj++){
                    
    linksList.item(j).className='';
                }
                
    this.className='active';
                return 
    false;
            }
        }
        
    };
    window.onload=function(){
    init();


    Without faith, nothing is possible. With it, nothing is impossible
    http://ilwebdifabio.it

  3. #3
    Utente di HTML.it L'avatar di semolino
    Registrato dal
    Nov 2004
    Messaggi
    1,499
    e la applico ad una lista cosi formattata?
    <ul id="navbar">
    <li class="???"><a href=...>
    <li class=""><a href=...>
    <li class=""><a href=...></a>[/list]

    Quindi se li è selezionato gli do' al link la classe attiva, altrimenti classe spento?

  4. #4
    Originariamente inviato da semolino
    e la applico ad una lista cosi formattata?
    <ul id="navbar">
    <li class="???"><a href=...>
    <li class=""><a href=...>
    <li class=""><a href=...></a>[/list]

    Quindi se li è selezionato gli do' al link la classe attiva, altrimenti classe spento?
    Si fai una cosa del genere:
    Codice PHP:
    <ul id="navbar">
    <
    li class="active">[url="...></a>
    <li"
    ]<a href=...>[/url]
    <
    li >[url="...></a>
    <li"
    ]<a href=...>[/url]
    <
    li ><a href=...></a>[/list] 
    Without faith, nothing is possible. With it, nothing is impossible
    http://ilwebdifabio.it

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.