Avatar billede themaster Nybegynder
04. april 2004 - 21:14 Der er 28 kommentarer og
1 løsning

onMouseOut-funktion bare med onClick

Hej Exp's

Findes der en funktion i Javascript, der gør det samme som OnMouseOut, men bare med onClick?

//themaster
Avatar billede thesurfer Nybegynder
04. april 2004 - 21:16 #1
hvad mener du med det? Giv et eksempel.
Avatar billede themaster Nybegynder
04. april 2004 - 21:20 #2
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
Avatar billede thesurfer Nybegynder
04. april 2004 - 21:21 #3
prøv med onblur="funktionsnavn()" i stedet..
Avatar billede thesurfer Nybegynder
04. april 2004 - 21:27 #4
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?
Avatar billede themaster Nybegynder
04. april 2004 - 21:30 #5
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
Avatar billede roenving Novice
04. april 2004 - 21:30 #6
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 ...
Avatar billede roenving Novice
04. april 2004 - 21:33 #7
Hvad med at prøve:

function vis_sitemap(w) {
    if (document.getElementById) {
        document.getElementById(w).style.visibility = "visible";
        document.getElementById(w).focus();
    }
}
Avatar billede thesurfer Nybegynder
04. april 2004 - 21:35 #8
hmm.. hvordan vil du klikke "et tilfældigt sted", uden først at aktivere onmouseout-eventen? :-)
Avatar billede thesurfer Nybegynder
04. april 2004 - 21:37 #9
har du prøvet med?: <table onclick="luk_sitemap('sitemap');" ...>
Avatar billede themaster Nybegynder
04. april 2004 - 21:37 #10
den skal ikke foretage sige noget ved onMouseOut. Først ved "OnMusseKlikUdenforBoxen". Men findes den funktion??
Avatar billede themaster Nybegynder
04. april 2004 - 21:38 #11
roenving >> Hjalp ikke...
Avatar billede roenving Novice
04. april 2004 - 21:42 #12
<body style="z-index:1;" onclick="luk_sitemap('sitemap');">
Avatar billede themaster Nybegynder
04. april 2004 - 21:44 #13
roenving >> viker ikke...
Avatar billede thesurfer Nybegynder
04. april 2004 - 21:47 #14
har du prøvet med?: <table onclick="luk_sitemap('sitemap');"
Avatar billede themaster Nybegynder
04. april 2004 - 21:52 #15
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.
Avatar billede thesurfer Nybegynder
04. april 2004 - 21:54 #16
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"?
Avatar billede themaster Nybegynder
04. april 2004 - 21:56 #17
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
Avatar billede themaster Nybegynder
04. april 2004 - 21:57 #18
kan godt aktiverer OnMouseOut, men der skal bare først ske noget når ma klikker.
Avatar billede roenving Novice
04. april 2004 - 21:59 #19
<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>
Avatar billede themaster Nybegynder
04. april 2004 - 22:04 #20
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>
Avatar billede themaster Nybegynder
04. april 2004 - 22:07 #21
</div>
Avatar billede roenving Novice
04. april 2004 - 22:07 #22
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');">
Avatar billede themaster Nybegynder
04. april 2004 - 22:09 #23
ok..men det virker heller ikke i marginer og lign.

//themaster
Avatar billede roenving Novice
04. april 2004 - 22:15 #24
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');">
Avatar billede themaster Nybegynder
04. april 2004 - 22:18 #25
ok....thx 4 help......læg lige et svar
Avatar billede roenving Novice
04. april 2004 - 22:29 #26
Velbekomme '-)
Avatar billede roenving Novice
04. april 2004 - 22:41 #27
-- og tak for points ;~}
Avatar billede olebole Juniormester
04. april 2004 - 23:37 #28
<ole>

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

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

/mvh
</bole>
Avatar billede olebole Juniormester
04. april 2004 - 23:38 #29
... og den behøver vel ikke ligge på onload ... overkill  :)

  document.documentElement.onclick = function() {
    luk_sitemap('sitemap');
  }
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Seneste spørgsmål Seneste aktivitet
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging