/* funzione principale per mostrare/nascondere i
blocchi e caricare l'effetto sul menu'*/
function showBlock(idhref, elemento) {
var nome = new Array ("dati","peo","ctt","off","doc","event");
for(i=0; i < document.getElementsByTagName("div").length; i++) {
var idel = document.getElementsByTagName("div").item(i).getAt tribute("id");
for (j = 0; j < nome.length; ++j) {
if (idel != idhref) {
document.getElementById(idel).style.display='none' ;
} else {
document.getElementById(idel).style.display='block ';
}
}
}
nomeLista(elemento);
}
/* funzione per gestire la lista di link contenenti un id
per identificare quelli del menu' sul quale avra' effetto
il cambio di colore+sfondo */
function nomeLista(elemento) {
var listaEl = new Array();
for(l=0; l < document.getElementsByTagName("a").length; l++) {
if (document.getElementsByTagName("a").item(l).getAtt ribute("id") != "") {
nome = document.getElementsByTagName("a").item(l).getAttr ibute("id");
listaEl = listaEl.concat(nome);
}
}
//alert("elementi trovati= " + listaEl.length + " lista elementi= " + listaEl);
for(x = 0; x < listaEl.length; x++) {
//alert(x);
if (listaEl[x] != elemento) {
//alert(listaEl[x]);
document.getElementById(listaEl[x]).removeAttribute('style');
} else {
document.getElementById(elemento).style.color="#e1 e1e1";
document.getElementById(elemento).style.background Color="#800000";
}
}
}
/*------- ecco come richiamo il tutto in html --------
Persone
--------- la classe per il link e' gestita dal css che segue ---
A.anagmenu, A.anagmenu:visited {
BORDER-RIGHT: silver 1px solid;
BORDER-TOP: silver 1px solid;
BORDER-LEFT: silver 1px solid;
BORDER-BOTTOM: silver 1px solid;
COLOR: #696969; BACKGROUND-COLOR: silver;
TEXT-DECORATION: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; font-weight: normal;
display: block; vertical-align: middle;
text-align: center; width: 90px;
}
A.anagmenu:hover {
BORDER-RIGHT: 1px solid Black;
BORDER-TOP: white 1px solid;
BORDER-LEFT: 1px solid White;
BORDER-BOTTOM: 1px solid Black;
COLOR: black; BACKGROUND-COLOR: silver;
TEXT-DECORATION: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; font-weight: normal;
display: block; vertical-align: middle;
text-align: center; width: 90px;
}
-------- */