onMouseOut-funktion bare med onClick

hvad mener du med det? Giv et eksempel.

man har jo onMouseOver og onMouseOut

det samme som onMouseOut bare ikke ved at kører musen ud, men først når man klikker uden for feltet. (<div>-boksen)

//themaster

prøv med onblur="funktionsnavn()" i stedet..

mener at der er noget der hedder onlostfocus :-)
Men det er vel ligesom onblur..

men, dvs du klikker et eller andet sted i div-boksen, og så vil du køre en funktion, når man klikker ud igen?

det virker ikke....

her er sourcen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link href="sitemap.css" rel="stylesheet" type="text/css">
<script src="menu.js" language="javascript"></script>
<!-- Minus AutoDato -->
    <title>menu.php</title>
<meta name="Generator" content="Stone's WebWriter 4">
</head>
<body style="z-index:1;">
<img src="flueben.jpg" onclick="vis_sitemap('sitemap');" onblur="luk_sitemap('sitemap');"><br>
<div style="z-index:100;position:absolute;visibility:hidden;" id="sitemap"><table onblur="luk_sitemap('sitemap');" onmouseover="vis_sitemap('sitemap');" style="background-color:#C0C0C0;"><tr><td>Moin<br>men det viker..<br>;-)<br></td></tr></table></div>
<div>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br></div>
</body>
</html>

Og java'en:

function vis_sitemap(w) {
    if (document.getElementById) {
        document.getElementById(w).style.visibility = "visible";
    }
}
function luk_sitemap(w) {
    if (document.getElementById) {
        document.getElementById(w).style.visibility = "hidden";
    }
}

Nå kan klikker udenfor 'sitemap' skal sitemap gå væk. Men jeg kan kun med OnMouseOut. Jeg vil også gerne kunne gøre dette med et klik et tilfældigt sted på siden.
Lidt ligesom startmenu'en i windows. den går også først væk når man klikker på baggrunden.

Kan det lade sig gøre??

//themaster

Jeg er heller ikke sikker på, at jeg forstår, hvad du vil ?-)

Surferen har helt ret i, at det lyder som onblur, men den virker kun, hvis du i forvejen har given div'en focus, f.eks. ved at klikke i den ...

Hvad med at prøve:

function vis_sitemap(w) {
    if (document.getElementById) {
        document.getElementById(w).style.visibility = "visible";
        document.getElementById(w).focus();
    }
}

hmm.. hvordan vil du klikke "et tilfældigt sted", uden først at aktivere onmouseout-eventen? :-)

har du prøvet med?: <table onclick="luk_sitemap('sitemap');" ...>

den skal ikke foretage sige noget ved onMouseOut. Først ved "OnMusseKlikUdenforBoxen". Men findes den funktion??

roenving >> Hjalp ikke...

<body style="z-index:1;" onclick="luk_sitemap('sitemap');">

roenving >> viker ikke...

har du prøvet med?: <table onclick="luk_sitemap('sitemap');"

ja, men det virker jo kun når man klikker inde i <table>-taget, hvilket jo er <div>-boksen. Man må kunne "gå" uden om hirakiet i (D)HTML på en måde.

Så er der et eller andet, jeg ikke har forstået / har misforstået..

Hvordan vil du klikke udenfor div-boksen, uden først at aktivere "onmouseout"?

hvis jeg laver en tabel om hele sourcen:

<table onClick="luk_sitemap('sitemap');">
<tr>
<td>
<img src="flueben.jpg" onclick="vis_sitemap('sitemap');" onblur="luk_sitemap('sitemap');"><br>
<div style="z-index:100;position:absolute;visibility:hidden;" id="sitemap"><table onblur="luk_sitemap('sitemap');" onmouseover="vis_sitemap('sitemap');" style="background-color:#C0C0C0;"><tr><td>Moin<br>men det viker..<br>;-)<br></td></tr></table></div>
<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>
</td>
</tr>
</table>

Så vil man ikke engang kunne åbne <div>-boksen, da den er en del af tabelen.

//themaster

kan godt aktiverer OnMouseOut, men der skal bare først ske noget når ma klikker.

<body style="z-index:1;" onclick="luk_sitemap('sitemap');">
<img src="flueben.jpg" onclick="event.cancelBubble=true;vis_sitemap('sitemap');"><br>
<div style="z-index:100;position:absolute;visibility:hidden;" id="sitemap" onclick="event.cancelBubble=true;">
<table onmouseover="vis_sitemap('sitemap');" style="background-color:#C0C0C0;"><tr><td>Moin<br>men det viker..<br>;-)<br></td></tr>
</table></div>
<div>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br></div>
</body>

virker tildels, men ikke i hele dokumentet.
kun indenfor:

<img src="flueben.jpg" onclick="event.cancelBubble=true;vis_sitemap('sitemap');"><br>
<div style="z-index:100;position:absolute;visibility:hidden;" id="sitemap" onclick="event.cancelBubble=true;">
<table onmouseover="vis_sitemap('sitemap');" style="background-color:#C0C0C0;"><tr><td>Moin<br>men det viker..<br>;-)<br></td></tr>
</table></div>
<div>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br></div>

</div>

Hvilket præcis også er dokumentet, hvis du også vil have det til at virke udenfor det aktuelle window-objekt (frame eller iframe !-), skal du gentage succesen i det omkringliggende dokument:

<body style="z-index:1;" onclick="FRAMENAVN.luk_sitemap('sitemap');">

ok..men det virker heller ikke i marginer og lign.

//themaster

Næh, for det er ikke en del af dokumentet, men så kan du:

<body style="z-index:1;margin:0px;padding:10px;" onclick="luk_sitemap('sitemap');">

ok....thx 4 help......læg lige et svar

Velbekomme '-)

-- og tak for points ;~}

<ole>

Mon ikke også dette kunne gøre det (ikke testet):

window.onload = function() {
  document.documentElement.onclick = function() {
    luk_sitemap('sitemap');
  }
}

/mvh
</bole>

... og den behøver vel ikke ligge på onload ... overkill  :)

  document.documentElement.onclick = function() {
    luk_sitemap('sitemap');
  }