chiusura div nidificati

[webhome]

Ciao, mi date una mano su sta cosa?
------------

<script>
function mercati_ricerca(mercato){
	if(document.getElementById(mercato).style.display == 'none'){
		document.getElementById(mercato).style.display = 'block';
		return;
	} else {
		document.getElementById(mercato).style.display = 'none';
	}
}
function chiudi_div(){
	document.getElementById('vis_energia').style.display = 'none';
}
</script>
<div id="ricerca" style="border:1px solid black; display: block; width:250px; height:300px; background-color:#090;" onclick="chiudi_div()">
  <div id="energia" style="width:150px; height:36px; border:1px solid green; background-color:#F00;" onclick="mercati_ricerca('vis_energia');"> fdff </div>
  <div id="vis_energia" style="background-color: rgb(255, 255, 255);  width: 120px; padding:5px;">
    ENEL

    EDISON

    SORGENIA

    ALTRO

    ENI

    FLY

    A2A

    ITALCOGIM

    EON

  </div>

-------------
Sono 3 div, il primo verde che racchiude undiv rosso e uno bianco.
Riesco a far aprire e chiudere il div bianco cliccando sul div rosso. Volevo far chiuder il div bianco anche cliccando su quello verde ma solo che quando gli ho aggiunto la funzione poi il click sul div rosso nn va +. Ho capito che è un problema di sovrapposizione ma come si può risolvere?

[Vindav]

prova cosi:

<script>
function mercati_ricerca(mercato,ev){
    if(ev.target.id == "ricerca"){
        document.getElementById(mercato).style.display = 'none';
    }else{
        if(document.getElementById(mercato).style.display == 'none'){
            document.getElementById(mercato).style.display = 'block';
        } else {
            document.getElementById(mercato).style.display = 'none';
        }
    }
}
</script>
<div id="ricerca" style="border:1px solid black; display: block; width:250px; height:300px; background-color:#090;" onclick="mercati_ricerca('vis_energia',event);">
  <div id="energia" style="width:150px; height:36px; border:1px solid green; background-color:#F00;"> fdff </div>
  <div id="vis_energia" style="background-color: rgb(255, 255, 255);  width: 120px; padding:5px;">
    ENEL

    EDISON

    SORGENIA

    ALTRO

    ENI

    FLY

    A2A

    ITALCOGIM

    EON

  </div>

[webhome]

nulla .. mi da errore: target.id nullo...

[Vindav]

l'ho provato ora e sembra funzionare correttamente, hai copiato anche la parte html?

[webhome]

Funziona con chrome e firefox ma nn con iexplorer...nel caso vorrei che nn si chiudesse neanche quando si clicca sul bianco...

[Vindav]

per explorer prova usando ev.srcElement

[webhome]

Originariamente inviato da webhome
Funziona con chrome e firefox ma nn con iexplorer...nel caso vorrei che nn si chiudesse neanche quando si clicca sul bianco...

per nn farlo chiudere sul bianco ho risolto...

<script>
function mercati_ricerca(mercato,ev){
    if(ev.target.id == "ricerca"){
        document.getElementById(mercato).style.display = 'none';
    } else if(ev.target.id == "vis_energia"){
		document.getElementById(mercato).style.display = 'block';
		} else { 
			if(document.getElementById(mercato).style.display == 'none'){
				document.getElementById(mercato).style.display = 'block';
			} else {
				document.getElementById(mercato).style.display = 'none';
			}
    }
}
</script>

ora si deve far funzionare su ie...

[webhome]

Modificato ancora ora funziona con firefox, chorme e firefox

<script>
function mercati_ricerca(mercato,ev){
    if((ev.target || ev.srcElement).id == "ricerca"){
        document.getElementById(mercato).style.display = 'none';
    } else if((ev.target || ev.srcElement).id == "vis_energia"){
		document.getElementById(mercato).style.display = 'block';
		} else { 
			if(document.getElementById(mercato).style.display == 'none'){
				document.getElementById(mercato).style.display = 'block';
			} else {
				document.getElementById(mercato).style.display = 'none';
			}
    }
}
</script>