ugrás a tartalomhoz

div megjelenites/eltuntetes js-tel

mahoo · 2009. Már. 20. (P), 16.34
en mar a hajam befonom, hogy mert nem megy ez az egyszeru kis kod, de nem tudok rajonni... talan valaki itt tud segiteni.

<HTML>
<HEAD>

<script language="JavaScript">

function select_list(divid)
{
var me = document.getElementById(divid);
if (me.style.visibility=="hidden")
{
me.style.visibility="visible";
}
else
{
me.style.visibility="hidden";
}
}

document.onclick = select_list;
</script>
</style>
</HEAD>
<BODY>
<div id="select_list">
<img onclick="select_list('select_lista')" ><div class="select"></div>
<div id="select_lista" style="visibility: hidden;">
<ul>
<li><a href="#">elso</a></li>
<li><a href="#">masodik</a></li>
<ul>
</div>
</BODY>
</HTML>

az adott kod, addig tok jol mukodik, amig raklikkelek a kepre vagy annak helyere. a rejett div larhatova valik. eltunik, ha a kepre kattintok. de nekem az kene, hogy akkor tunjon el, ha barhova az ures oldalon klikkelek...

segitseget elore is koszonom!
 
1

ezt akarod?

rockybro · 2009. Már. 20. (P), 17.34
ha azt akarod, hogy "akkor tűnjön el, ha bárhova az üres oldalon klikkelsz", akkor az onclicket ne a képre hanem a bodyra állítsd be!

mellesleg van jópár hiba a kódodban... pl. mit keres ott az a </style> záróelem egymagában? meg van egy lezáratlan div is... plusz a záró </ul> helyett <ul>-t írtál... nem okoskodásból mondom, de magadnak takarítasz meg időt, ha figyelsz a helyes kódra... nem kell fölösleges perceket töltened hibakereséssel
2

a hibak miatt igazad van...

mahoo · 2009. Már. 21. (Szo), 08.44
a hibak miatt igazad van... le akartam csupaszitani a teljes kodomat, hogy csak a lenyeget illesszem ide be... hat nem teljesen sikerult :)
de javttva sem megy :(

<HTML>
<HEAD>

<script language="JavaScript">

function select_list(divid)
{
var me = document.getElementById(divid);
if (me.style.visibility=="hidden")
{
me.style.visibility="visible";
}
else
{
me.style.visibility="hidden";
}
}

document.onclick = select_list;

</script>
</HEAD>

<BODY>
<div id="select_list">
<img onclick="select_list('select_lista')" ><div class="select"></div>
<div id="select_lista" style="visibility: hidden;">
<ul>
<li><a href="#">elso</a></li>
<li><a href="#">masodik</a></li>
</ul>
</div>
</div>


</BODY>
</HTML>

a kepre kattintva is el kell tunnie a divnek, de mashova kattintva is!!! ez lenne a lenyeg...
senkinek nincs konkret 5lete?
3

megoldás

rockybro · 2009. Már. 21. (Szo), 12.49
<body onclick="select_list('select_lista')">
4

koszi szepen! mar muxik :)

mahoo · 2009. Már. 23. (H), 10.44
koszi szepen! mar muxik :)