webForumDet fria alternativet

OnBlur & OnFocus på icke-formulärfält

JavaScriptur Javascript

2 svar · 204 visningar · startad av hltm

hltmMedlem sedan nov. 2004438 inlägg
#1

Vill kunna klicka på ett block-element, visa en dold div och sedan om användaren klickar utanför den sistnämnda ska diven döljas igen, alltså inte mouseover/out.
Har jag fel när jag tycker det verkar som om onfocus inte funkar på en vanlig div och/eller finns det någon workaround?

nitro2k01Medlem sedan aug. 20039 342 inlägg
#2

Vad tänker du på som buggar?
Pröva denna kod kanske?

<html>
<head>
<script>
var ielementet=false;
function visa(){
	document.getElementById("visas").style.visibility=ielementet?"visible":"hidden";
}
</script>

</head>
<body onclick="visa();">
<div onmouseover="ielementet=true;" onmouseout="ielementet=false;">
DIV-element

</div>
<div id="visas" style="visibility:hidden;">
Visas

</div>
</body>
</html>
hltmMedlem sedan nov. 2004438 inlägg
#3

Såg min typo nu, onBlur på en div var det jag undrade över.
Mm, det den lösningen funderade jag på också, mest för att det loopas ut n antal divar i en produktlista och isf måste jag i scriptet som anropas via body köra samma loop en gång till.
- Tackar för svaret, återkommer & markerar löst/frågar mer när jag labbat runt lite
:)

124 ms totalt · 3 externa anrop · v20260731065814-full.a2ca460b
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
122 ms — hämta tråd, inlägg och bilagor (db)