Menù che si espande al click

[Scellino02]

Ciao a tutti, a questo indirizzo ho visto un "semplice" menù verticale che vorrei implementare in un mio sito perchè mi risolverebbe un bel po di problemi... la pagina è questa: http://www.fabbricadelsorriso.medias...e/piazze.shtml


Si tratta dell'elenco di regioni a destra che al click rende visibile le province di una certa regione... vorrei capire come è stato fatto, perche guardando il codice mi sembra di vedere solo un elenco... qualcuno mi spiega un po come posso fare un lavoro simile?


Grazie

[peppetomico]

non vorrei sbagliarmi ma mi sa che si tratti di AJAX

[Scellino02]

grazie peppetomico, grazie per la risposta... comunque ho trovato un bell'articolo sull'argomento ...posto il link: http://javascript.html.it/articoli/l...dinamicamente/

Ora però mi chiedo che compatibilità ha questo script con i vari browser?
Sai/Sapete dirmi qualcosa?

Tnx

Ciaooo

[elysaweb]

ma questo non è un argomento da forum di javascript? :master:

compatibilità? con tutti i browser che non disabilitano di default i javascript...

[Scellino02]

porto in alto questo post, perchè con il sistema che ho trovato in un articolo su javascript.html.it non riesco a fare esattamente quello che voglio:

Cioè, lo script funziona bene, ma vorrei che al click non venisse fuori una semplice scritta un un pezzo di codice a mia scelta(tipo un div con altro testo all'nterno)

qualcuno può aiutarmi?
il codice del JS è questo:

if(document.getElementById && document.createElement){
document.write('<style type="text/css">*.toggle{display:none}</style>');
window.onload=function(){
    /*le modifiche allo script vanno solo fatte qui*/
    Attiva("commenti","mostra commenti","nascondi commenti");
    Attiva("immagine","visualizza immagine","nascondi immagine");
    }
}

function Attiva(id,s1,s2){
var el=document.getElementById(id);
el.style.display="none";
var c=document.createElement("div");
var link=document.createElement("a");
link.href="#";
link.appendChild(document.createTextNode(s1));
link.onclick=function(){
    link.firstChild.nodeValue = (link.firstChild.nodeValue==s1) ? s2 : s1;
    el.style.display=(el.style.display=="none") ? "block" : "none";
    return(false);
    }
c.appendChild(link);
el.parentNode.insertBefore(c,el);
}