Hey, ik ben al 3 dagen (echt hele dagen) een oplossing voor mijn probleem aan het zoeken.
op
http://www.axzc.com/savantis/ staat de nieuwe site, maar het menu reageert net niet helemaal goed.
Dat moet reageren als op
http://www.savantis.nl/, het probleem is echt dat ik die niet te pakken krijg...
Iemand ideeen?
Alvast bedankt!
ja... dat is inderdaar pokke werk om het allemaal goed te krijgen... maar voor zover ik op de "oude" site het menu zie is het alleen maar, dat als je op een knopje drukt, je zonder wat dan ook de submenu's te zien krijgt... (wat is redelijk saai vind)... maar hoe dan ook:
ik heb het op deze manier gedaan: voorbeeld is hier te zien:
http://www.jbtje.com/
op de volgende manier heb ik het opgelost:
Het hoofdmenu, hierin komt dan nog een layout, tekst, enz.
Zodra er op de DIV gedrukt wordt, zal linken('1') uitgevoerd worden
Code:
<div style="visibility:visible; position: relative;" onclick="linken('1')">Hoofdmenu 1</div>
Dit komt onder elk hoofdmenu, een LEEGE DIV box, hidden, 0px hoog. Het submenu is in begin positie dus ingeklapt
Code:
<div id="1" style="font-size:0px; visibility:hidden; height:0px; width:137px;"></div>
Dit is de HTML code VAN het submenu... Dit plaats ik in een andere DIV links boven in het beeld, niemand die het zal zien omdat het hidden is.... maar hij bestaat wel
Code:
<div id="content_1" style="left:1px; top:1px; position:absolute; visibility:hidden; width:10px; height:10px; overflow:hidden;">
<a href="www.google.com">Google.com</a><br><br> <a href="www.jbtje.com">JBtje.com</a><br><br> <a href="www.wikipedia.org">Wikipedia.org</a>
</div>
Zodra er op het hoofdemenu gedrukt word, zal een javascriptje gebruikt worden om de HTML code UIT "content_1" te halen, en in "1" te zetten...
Code:
<script language="javascript" type="text/javascript">
<!--
function linken(id)
{
if(document.getElementById(id).style.visibility == 'hidden')
{
document.getElementById(id).style.visibility = 'visible';
document.getElementById(id).style.height = 'auto';
document.getElementById(id).innerHTML = document.getElementById('content_'+id).innerHTML;
}else{
document.getElementById(id).style.visibility = 'hidden';
document.getElementById(id).style.height = '0px';
document.getElementById(id).innerHTML = '';
}
}
-->
</script>
Een voorbeeld van dit alles is dus gebruikt op
www.JBtje.com...
De reden dat ik hierop reageer is, naast dat ik graag help
, ik op zoek ben naar een methode om de submenu's "langzaam" te voorschijn te laten komen ! zoals jij hebt gedaan op
http://www.axzc.com/savantis/...
Kun je deze Javascript code met ons delen?
Gegroet,
JBtje
P.S. Het naar beneden scrollen gaat ook niet echt lekker op die site :S
P.P.S. Als je het script hierboven wilt testen, zie bijlage ! of:
www.jbtje.com/test.html
P.P.P.S. Heb je het javascript deel zelf gemaakt, of is dit een coppy and past werkje ???
