Consiglio su funzione per nascondere serie di div

[lyllo]

ciao gente,
sto impazzendo dietro ad uno scriptino scemo che non riesco a far funzionare.
ottengo risultati davvero esilaranti, è vero, ma non funge come dovrebbe.
ho creato un menu orizzontale con i div che compaiono al passaggio del mouse. solo che vorrei che quando l'utente sposta il mouse su un'altro link, si chiuda il precedente e si mostri il successivo interessato.
visto che voglio fare uno script "generico", ovvero che hiuda automaticamente SOLO una serie di div con uno specifico id e lasci gli altri intatti avevo pensato ad una cosa del genere:

...
 var tds = document.getElementsByTagName("div");
    for (var i = 0; i < tds.length; i++) {
    	if(tds[i].id.substring(0,5) == 'MHdiv_'){alert(tds[i].id);
			if(tds[i].id != lascia){
				tds[i].style.display = 'none';
				}
			}
		else{
			tds[i].style.display = 'block';
			}
		}
...

solo che ovviamente non funziona.
mi sapreste dare un'indicazione?

grazie.

[H5N1_Aviaria]

1 - "lascia" è una variabile o una stringa?
2 - invece di usare substring io utilizzerei indexOf.
3 - tieni pulito il codice anche quando non è utile.

Io procederei così:

 var tds = document.getElementsByTagName("div");
    for (var i = 0; i < tds.length; i++) {
    	if(tds[i].id.indexOf('MHdiv_')>-1){
		alert(tds[i].id);
		if(tds[i].id != lascia){ /* chiarisci cosa è lascia */
			tds[i].style.display = 'none';
			}
			}
		else{
			tds[i].style.display = 'block';
			}
		}

[lyllo]

hai ragione, ho copiato dalla riga sotto:

lascia = "MHdiv_"+id;

questo era all'inizio perchè volevo solo scansionare i div che avevano quella radice, nascondere tutti quelli che non servivano, tranne appunto "lascia", nel senso di "lascia visibile solo quello" di tutta la "famiglia" dei div MHDIV_

spero di essermi spiegato meglio ora

[lyllo]

uppo.
nessun consiglio?

[cavicchiandrea]

Prova a vedere qui

[lyllo]

grazie.
poi mi pare di aver comunque risolto così:

function sfondo_on(id) {
    newImage = "url(immagini/menu/tassello"+id+"_up.jpg)";
    document.getElementById("mh_"+id).style.backgroundImage = newImage;
    PosizionaDiv(id);
    lascia = "MHdiv_"+id;
 	var tds = document.getElementsByTagName("div");
    for (var i = 0; i < tds.length; i++) {
    	if(tds[i].id.indexOf('MHdiv_')>-1){
			if(tds[i].id != lascia){
				tds[i].style.display = 'none';
				}
		else{
			tds[i].style.display = 'block';
			}
		}
	}
}

[mosquito70]

Originariamente inviato da lyllo
grazie.
poi mi pare di aver comunque risolto così:

function sfondo_on(id) {
    newImage = "url(immagini/menu/tassello"+id+"_up.jpg)";
    document.getElementById("mh_"+id).style.backgroundImage = newImage;
    PosizionaDiv(id);
    lascia = "MHdiv_"+id;
 	var tds = document.getElementsByTagName("div");
    for (var i = 0; i < tds.length; i++) {
    	if(tds[i].id.indexOf('MHdiv_')>-1){
			if(tds[i].id != lascia){
				tds[i].style.display = 'none';
				}
		else{
			tds[i].style.display = 'block';
			}
		}
	}
}

Scusate se vado in OT.

Vorrei chiedere, se possibile, di postare il link con il risultato finale.

Grazie

[lyllo]

eh, ancora sono totalmente offline.

sto facendo un sito di un programma che avevo creato anni fa per gstire le sessioni di D&D3

quando è pronto vedrai tutto in azione