anoniem Geplaatst: 13 december 2004 Delen Geplaatst: 13 december 2004 Ik ben een site aan het maken, maar ik heb een probleem. Ik heb met javascript een menu gemaakt (met knoppen ‘home’, ‘forum’, ‘nieuws’ enz.) maar ik krijg naast dat menu geen pagina, ook niet als ik op die knoppen druk, het is daar helemaal wit en ik kan dat niet veranderen. Ik wil heel graag dat naast dat menu de site komt en als ik dan op een ander knop druk, moet er een andere pagina naast het menu komen (als ik op bijv. forum klik, moet het forum verschijnen), maar het menu moet gewoon blijven staan. Ik hoop dat jullie begrijpen wat ik bedoel, en ik hoop dat iemand mij hiermee kan helpen Maryse Quote Link naar reactie
anoniem Geplaatst: 13 december 2004 Auteur Delen Geplaatst: 13 december 2004 hoe is je site opgebouwd? een enkele pagina of werk je met frames, i-frames ofzo? geef anders de code eens door van wat je hebt Quote Link naar reactie
anoniem Geplaatst: 13 december 2004 Auteur Delen Geplaatst: 13 december 2004 Ik werk met frames De code van het menu: <title>web reference</title> <script language="JavaScript1.2" type="text/javascript"> var maxmnus = 5 function opTab(){ var mnu = document.getElementById("menubar") var arrdiv = document.getElementById("arrow") var arrtxt = document.getElementById("arr") if((mnu.style.display != "block") || (mnu.style.display == "")){ mnu.style.display = "block" arrdiv.style.pixelLeft = mnu.style.width.substring(0 , mnu.style.width.length - 2) arrtxt.innerText = "3"; } else { mnu.style.display = "none" arrtxt.innerText = "4"; arrdiv.style.pixelLeft = 0; } event.cancelBubble = true; } function toggleMenu(el){ for(var i = 0;i < maxmnus;i++) document.getElementById(document.getElementById("c" + i).menu).style.display = "none"; if(el.status == "closed"){ el.status = "open" document.getElementById(el.menu).style.display = "block"; } else { el.status = "closed" } } function toggleSub(e){ el = document.getElementById(e) if(el.status == "closed"){ el.style.display = "block"; el.status = "open" } else { el.style.display = "none"; el.status = "closed" } event.cancelBubble = true; } </script> <style type="text/css"> #menubar{position:absolute;top:0px;left:0px;display:none;font-family:Verdana,Helvetica,Arial;font-weight:700;font-size:12px;cursor:hand;z-index:7;background-image:url(mnu.jpg)width;150px;background-repeat:repeat-y;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',gradientType='1',startColorstr='#2644b2', endColorstr='#e7e8f1');} .indicator{color:#b24426;font-family:Webdings;font-weight:bold;font-size:10px;} .r1{position:relative;top:10px;left:5px;width:149px;color:#e7e8f1;border-left:#e7e8f1 2px outset;border-top:#e7e8f1 2px outset;border-right:#e7e8f1 2px outset;border-bottom:#e7e8f1 2px outset;padding-left:5px;padding-top:1px;adding-right:5px;padding-bottom:1px;background-image:url(mnu.jpg);background-repeat:repeat-y;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',gradientType='1',startColorstr='#2644b2', endColorstr='#e7e8f1');} .submenu1{position:relative;top:5px;left:0px;right:0px;height:95%;width:100%;border-left:#e0f8e3 2px inset;border-top:#e0f8e3 2px inset;border-right:#e0f8e3 2px inset;border-bottom:#e0f8e3 2px inset;padding-left:3px;padding-top:3px;padding-right:3px;padding-bottom:3px;display:none;color:#2644b2;font-family:Verdana,Helvetica,Arial;font-weight:700;font-size:10px;background-color:#cff1d4;background-image:url(sub.jpg);background-repeat:repeat-y;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',gradientType='1',startColorstr='#bec1e4', endColorstr='#e7e8f1');} .submenu2{position:relative;top:0px;left:0px;width:90%;border-left:#e0f8e3 3px groove;border-top:#e0f8e3 3px groove;border-right:#e0f8e3 3px groove;border-bottom:#e0f8e3 3px groove;padding-left:3px;padding-top:3px;padding-right:3px;padding-bottom:3px;margin-top:4px;display:none;background-color:#cff1d4;color:#2644b2;font-family:Verdana,Helvetica,Arial;font-weight:700;font-size:10px;background-image:url(sub.jpg);background-repeat:repeat-y;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',gradientType='1',startColorstr='#bec1e4', endColorstr='#e7e8f1');} .pulltab{position:absolute;top:0px;left:0px;height:100%;width:20px;padding-left:2px;cursor:hand;color:#2644b2;font-family:Webdings;font-weight:bold;font-size:10px;z-index:5;background-image:url(tab.jpg);background-repeat:repeat-y;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',gradientType='1',startColorstr='#e7e8f1', endColorstr='#2644b2');} .inner{height:100%;width:100%;} .mtab{position:relative;top:0px; .btninner{height:100%;width:100%;} .fr{position:absolute;top:0px;left:30px;} </style> en in de body: <div id="menubar" style="; HEIGHT: expression(document.body.offsetHeight); WIDTH: 150px"> <br> <CENTER><IMG SRC="http://www.webpiraat.nl/upload/uploader/4236-1102749394.jpg" ALIGN=MIDDLE></CENTER> <div id="c0" class="r1" onclick="toggleMenu(this)" status="closed" menu="m0"> <div id="cbtn" class="btninner">Home</div> <option value="www.site1.nl"> <div class="mtab"> <table id="m0" class="submenu1" align="center" border="0" cellspacing="0" cellpadding="0"> </table> </div> </div> <div id="c1" class="r1" onclick="toggleMenu(this)" status="closed" menu="m1"> <div id="cbtn" class="btninner">Forum</div> <div> <table id="m1" class="submenu1" align="center" border="0" cellspacing="0" cellpadding="0"> </table> </div> </div> <div id="c2" class="r1" onclick="toggleMenu(this)" status="closed" menu="m2"> <div id="cbtn" class="btninner">Nieuws</div> <div> <table id="m2" class="submenu1" align="center" border="0" cellspacing="0" cellpadding="0"> <tr><td>Juni 2005</td></tr> <tr><td>Mei 2005</td></tr> <tr><td>April 2005</td></tr> <tr><td>Maart 2005</td></tr> <tr><td>Februari 2005</td></tr> <tr><td>Januari 2005</td></tr> <tr><td>December 2004</td></tr> <tr><td>Tijdens Popstars</td></tr> </table> </div> </div> <div id="c3" class="r1" onclick="toggleMenu(this)" status="closed" menu="m3"> <div id="cbtn" class="btninner">Fotoalbum</div> <div> <table id="m3" class="submenu1" align="center" border="0" cellspacing="0" cellpadding="0"> <tr><td>Nieuwe Foto's</td></tr> </table> </div> </div> <div id="c4" class="r1" onclick="toggleMenu(this)" status="closed" menu="m4"> <div id="cbtn" class="btninner">Freestuff</div> <div> <table id="m4" class="submenu1" align="center" border="0" cellspacing="0" cellpadding="0"> <tr><td>Avaters</td></tr> <tr><td>Blinkies</td></tr> <tr><td>Wallpapers</td></tr> <tr><td>Overig</td></tr> </table> </div> </div> <div id="c5" class="r1" onclick="toggleMenu(this)" status="closed" menu="m5"> <div id="cbtn" class="btninner">Media</div> <div> <table id="m5" class="submenu1" align="center" border="0" cellspacing="0" cellpadding="0"> </table> </div> </div> <div id="c6" class="r1" onclick="toggleMenu(this)" status="closed" menu="m6"> <div id="cbtn" class="btninner">Gastenboek</div> <div> <table id="m6" class="submenu1" align="center" border="0" cellspacing="0" cellpadding="0"> </table> </div> </div> <div id="c7" class="r1" onclick="toggleMenu(this)" status="closed" menu="m7"> <div id="cbtn" class="btninner">Links</div> <div> <table id="m7" class="submenu1" align="center" border="0" cellspacing="0" cellpadding="0"> </table> </div> </div> </div> <div id="arrow" class="pulltab" onclick="opTab()"><table class="inner"><tr><td id="arr" valign="middle">4</td></tr></table></div> de code van de pagina waarin het menu moet komen: <HTML> <HEAD> </HEAD> <FRAMESET> <frameset cols="176,*"> <FRAME SRC = " home.htm"> <FRAME SRC = " page.html"> <FRAMESET FRAMEBORDER="no"> </FRAMESET> </HTML> Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen