[JS] Positie menu houden bij andere resolutie

[anoniem]

Hej allemaal, Ik ben een website aan het maken. Daarbij wil ik gebruik gaan maken van java script uitschuif knoppen (de knoppen schuiven nog niet uit). Ik heb het menu gemaakt met AllWebmenus Pro. Nu het probleem: Je moet opgeven hoeveel pixels het menu verticaal en horizontaal uit de kant moet staan. (vanuit links boven gemeten) Ik heb dat dus nu zo ingesteld dat hij precies boven het tabbeltje main staat. Maar als je nu een andere schermresolutie hebt dan waarop ik het menu heb ingesteld staat het menu niet meer recht boven het tabbeltje main. Weet iemand hier een oplossing voor? (de knoppen staan goed bij een resolutie van 1024x 768) Website: [url]http://nielz.tmservers.com[/url] plaats javasript: [url]http://nielz.tmservers.com/main.js[/url] Deze bestanden staan nog in een losse map: [url]http://nielz.tmservers.com/awmData-main/awmlib0.js[/url] [url]http://nielz.tmservers.com/awmData-main/awmlib1.js[/url] [url]http://nielz.tmservers.com/awmData-main/awmlib2.js[/url] [url]http://nielz.tmservers.com/awmData-main/awmlib3.js[/url] [url]http://nielz.tmservers.com/awmData-main/awmlib4.js[/url] [url]http://nielz.tmservers.com/awmData-main/awmlib5.js[/url] [url]http://nielz.tmservers.com/awmData-main/dot.gif[/url] Alvast bedankt, Niels ps. Ik weet bijna niks van java script :oops: , dus als je een oplossing weet wil je die dan proberen goed uitteleggen

[anoniem]

Ik vind de opzet gewoon verkeerd. Hij staat nu dus op [i:9def41a64d]position: absolute[/i:9def41a64d] en het moet een 'tekstgevoelig' object worden. Zodat je hem gewoon in die cel kan plaatsen. Wat ik zelf een prettig script vind is dit:[code:1:9def41a64d]<script type="text/javascript"> var menumax = 2; var menustatus = new Array; function init() { var i = 1; while(i <= menumax) { document.getElementById("menu" + i).style.display = "none"; menustatus[i] = false; i++; } controleren(); } function klik(i) { if (menustatus[i] == false) { menustatus[i] = true; document.getElementById("menu" + i).style.display = "block"; } else { menustatus[i] = false; document.getElementById("menu" + i).style.display = "none"; } controleren(); } function uitvouwen () { for(var i = 1;i <= menumax; i++) { document.getElementById("menu" + i).style.display = "block"; menustatus[i] = true; } controleren(); } function controleren() { var ingevouwen = 0; for(var i=1; i <= menumax; i++) if (menustatus[i] == false) ingevouwen++; if (ingevouwen == menumax) document.getElementById("kruis").style.display = "none"; else document.getElementById("kruis").style.display = "block"; if (ingevouwen == 0) document.getElementById("ster").style.display = "none"; else document.getElementById("ster").style.display = "block"; } </script>[/code:1:9def41a64d] Deel HTML:[code:1:9def41a64d]<a href="javascript:klik(2);" target="_self"><img src="../files/map.png" border="0" align="absmiddle">Vakantie 2004</a> <div id="menu2" class="menu"> <img src="../files/mapklein.png" width="18" height="16"><a href="vakantie/info.htm">Info</a><br> <img src="../files/mapklein.png" width="18" height="16"><a href="vakantie/foto.htm">Foto's</a> </div>[/code:1:9def41a64d] Wat je moet doen is het aantal menu's aangeven, in jouw geval 3. Een voor elk menu bovenstaand stukje HTML kopiëren en het nummer aanpassen: [i:9def41a64d]href="javascript:klik(2);"[/i:9def41a64d] en [i:9def41a64d]id="menu2"[/i:9def41a64d] Online VB: http://members.home.nl/margreet25/menu/menu/ PS: Ik weet niet of het qua programmeren allemaal zo netjes is, maar het werkt.