Visualizzazione dei risultati da 1 a 3 su 3

Discussione: active link / menu

  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2006
    Messaggi
    89

    active link / menu

    Salve, ho una interfaccia in cui la pagina non viene mai refreshata, ma i contenuti vengono caricati in un div attraerso ajax. Il primo problema è stato quello di eliminare quella bordatura che viene visualizzata in firefox intorno al link dopo che è stato cliccato:
    a:active{outline: none;}
    a:focus{-moz-outline-style: none;}


    e fin qui tutto bene. Il problema che vi voglio porre è l'evidenziazione del link del menu, cioé come rendere attiva la voce del menu appena cliccata.
    Ho provato un metodo ma funziona solo su firefox:
    function activate(link){
    if(document.getElementById)
    document.getElementById(link).focus();
    else if (document.all)
    document.all(link).focus();
    }


    link1

    Questa soluzione non funziona su safari e non oso neppure immaginare cosa accada su IE. Conoscete una qualche soluzione crossbrowser?
    grazie.

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    un esempio di base,
    non vado oltre perche' probabilmente la tua situazione e' piu' complessa (dici di caricare via ajax contenuti tramite questi link, quindi hai gia' funzioni lanciate onclick sui link)
    e se non riesci ad integrare le due cose serve vedere la pagina

    ciao

    codice:
    function evidenzia(quale){
      var lnks=document.getElementById('id_menu').getElementsByTagName('a');
      for(var k=0,l=lnks.length;k<l;k++){
        if(lnks[k]==quale) lnks[k].className="evidenziato";
        else lnks[k].className='';
      }
    }
    <style type="text/css">
    .evidenziato {background-color:#0f0;}
    </style>

    <div id="id_menu">
    link
    ...
    </div>

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2006
    Messaggi
    89
    funziona perfettamente. grazie.

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.