Archief - Javascript: drop down menu probleem

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.

malebolgia

Legacy Member
Ik heb de volgende code:

In de HEAD sectie:
Code:
<script language=javaScript>
<!-- Beginning of JavaScript -

// How long shall the submenu be visible? Answer in seconds
var standstill=8

// horizontal distance from the textlink to the submenu (pixels)
var xdistance=10

// vertical distance from the textlink to the submenu (pixels)
var ydistance=20

// Do not edit the variables below
var timer
var x,y
var standstill=250*standstill
var opensubmenu
var closesubmenu
var activated=false

function initiate() {	
	if (document.all) {
		closesubmenu=eval("document.all.submenu1.style")
		activated=true
	}
	if (document.layers) {
		closesubmenu=eval("document.submenu1")
		activated=true
	}
}

function show(whatsubmenu) {
	if (activated) {	
		if (document.all) {
			closesubmenu.visibility="hidden"
			closesubmenu=eval("document.all."+whatsubmenu+".style")
			opensubmenu=eval("document.all."+whatsubmenu+".style")
			opensubmenu.posTop=y+ydistance
			opensubmenu.posLeft=x+xdistance
			opensubmenu.visibility="visible"
			timer=setTimeout("hidesubmenu()",standstill)
		}
		if (document.layers) {
			closesubmenu.visibility="hidden"
			closesubmenu=eval("document."+whatsubmenu)
			opensubmenu=eval("document."+whatsubmenu)
			opensubmenu.top=y+ydistance
			opensubmenu.left=x+xdistance
			opensubmenu.visibility="visible"
			timer=setTimeout("hidesubmenu()",standstill)
		}
	}
}

	
function hidesubmenu() {
    clearTimeout(timer)
	closesubmenu.visibility="hidden"
	opensubmenu.visibility="hidden"
}


function handlerMM(e){
	x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
	y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
}

if (document.layers){
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=handlerMM;
window.onload=initiate

// - End of JavaScript - -->
</script>

In de BODY sectie:

Code:
<DIV ID="submenu1" style="position:absolute;visibility:hidden">
<table border="1" bordercolor="#666666">
<tr>
<td bgcolor="#666666">
Beetje text<br>
Nog meer text<br>
Nog meer!<br>
</td>
</tr>
</table>
</DIV> 
<center>
<A href="" onMouseOver="show('submenu1')">Ga hier met je muis overheen</a>

Maar hoe kan ik nu definieren dat mijn submenu tevoorschijn komt op een plaats die NIET wordt bepaald t.o.v. de positie van de muis, zoals nu gebeurt.

Thx

Relisys

Legacy Member
gewoon je x en je y een vaste waarde geven

x = 150 +'px' ;
y = 350 +'px' ;

doet dat maar bij je var-declaratie.
Alles wat onder function handlerMM(e) staat mag weg trouwens, buiten window.onload=initiate

btw, je code is niet echt valid voor de rest ( center, tags en attributen in caps )
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