Archief - JS: Controle onmouseover

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
M

Menace

Legacy Member
Ik moet een controle kunnen uitvoeren wanneer er een onmouseover of een onmouseout gebeurt op een bepaalde div

iemand een idee hoe ik dit moet doen?

oElement.onmouseover() werkt niet volgens mij.. of werkt dit wel en zit de fout ergens anders?

Dank bij voorbaat
D

DJ_Trash

Legacy Member
getest
Code: 
<head>
<script language="Javascript">
var div1=0;
var div2=0;
</script>
</head>
<body>
<div id=div1 onmouseover="javascript:div1++;" style="width:100;height:100;border:solid thin black">layer1</div>
<div id=div2 onmouseover="javascript:div2++;" style="width:100;height:100;border:solid thin black">layer2</div>
<input value="geef waarde button 1 type="button" onclick="javascript:document.write(div1)">
<input value="geef waarde button 2 type="button" onclick="javascript:document.write(div2)">
</body>
L

Lashknife

Legacy Member
Code: 
function imBeingHovered() {
	this.style.border = "1px solid red";
}
function iLostHover() {
	this.style.border = "";
}

function init() {
	var divlijst = document.getElementsByTagName('div');
	for (var i = 0; i < divlijst.length; i++) {
		divlijst[i].onmouseover = imBeingHovered;
		divlijst[i].onmouseout = iLostHover;
	}
}
window.onload = init;
ge kunt zelf wel uitzoeken als het slechts voor 1 bepaalde div is via document.getElementById.onmouseover = myFunction; en function Myfunction()...

en zonder lelijke mega code gelijk hierboven in de body ;)
btw dj trash, in een onclick="..." zet je niet javascript: want onlclick is reeds javascript...
D

DJ_Trash

Legacy Member
hehe ja beetje gewoonte vreezek; maar bedankt om het even te zeggen :)

ikzelf hou ook zoveel mogleijk gescheiden, maar ik gign er vanuit dat da principe van functions en commandlines nu wel gekend was ;)

soit, nu kannek kiezen; quick or semantic :p
M

Menace

Legacy Member
Lashknife zei:
Code: 
function imBeingHovered() {
	this.style.border = "1px solid red";
}
function iLostHover() {
	this.style.border = "";
}

function init() {
	var divlijst = document.getElementsByTagName('div');
	for (var i = 0; i < divlijst.length; i++) {
		divlijst[i].onmouseover = imBeingHovered;
		divlijst[i].onmouseout = iLostHover;
	}
}
window.onload = init;
ge kunt zelf wel uitzoeken als het slechts voor 1 bepaalde div is via document.getElementById.onmouseover = myFunction; en function Myfunction()...

en zonder lelijke mega code gelijk hierboven in de body ;)
btw dj trash, in een onclick="..." zet je niet javascript: want onlclick is reeds javascript...
Klik om te vergroten...

met die window.onload = init.. wordt dat elke keer aangeroepen als ik een onmouseover doe?
L

Lashknife

Legacy Member
nee, window.onload = init; is hetzelfde als: <body onload="init()">

in de init functie hang ik aan elke div in heel mijn html document 2 eventhandlers: onmouseover en onmouseout

met andere woorden: ik doe dynamisch bij pageload (anders bestaan sommige elementen nog niet als je het niet bij een onload doet) hetzelfde dat jij overal manueel <div onmouseover="doedit()" onmouseout="doedat()"> gaat typen
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan