Ga naar inhoud

AdxMenu


Aanbevolen berichten

Hallo allemaal, Via dit forum ben ik bij het volgende script terecht gekomen: [url=http://www.aplus.co.yu/ADxMenu/]ADxMenu[/url]. Ik heb de bestanden van het script gedownload. (adxmenu.js, wch.js, csshover.htc) Ik snap alleen niet wat ik ermee moet doen. Ik begrijp niets van het script. Moet ik het script includen oid? Ik begrijp er niets van. Wie kan me een eindje op weg helpen zodat ik het zelf kan gaan gebruiken!? Alast heel erg bedankt.
Link naar reactie
In de index.htm van het voorbeeld staat:[code:1:46907e9394]<script type="text/javascript" src="../../../../WCH/code3/WCH.js"></script> <script type="text/javascript" src="../../../code2/ADxMenu.js"></script> <script type="text/javascript"> // add the menu for processing ADXM.Add( "menuList", "H" ); </script> <style type="text/css"> body { behavior:url("../../../code2/csshover.htc"); } </style>[/code:1:46907e9394] Dat moet jij dus ook in je broncode hebben staan. Kan je het willekeurig neerzetten, als je de [i:46907e9394]src[/i:46907e9394] maar veranderd. Zo is het menu opgebouwd:[code:1:46907e9394]<div id="menu"> <ul id="menuList"> <li><a href="#" class="submenu">Products</a> <ul id="ProductsMenu"> <li><a href="#">Overview</a></li> <li id="itemCategories"><a class="submenu" href="#">Categories</a> <ul id="CategoriesMenu"> <li><a href="#">Software</a></li> <li><a class="submenu" href="#">Hardware</a> <ul id="HardwareMenu"> <li><a href="#">START</a></li> <li><a href="#">Printers</a></li> <li><a href="#">Memory</a></li> <li><a href="#">Monitors</a></li> <li><a href="#">Printers</a></li> <li><a href="#">Memory</a></li> <li><a href="#">Monitors</a></li> <li><a href="#">Printers</a></li> <li><a href="#">Memory</a></li> <li><a href="#">Monitors</a></li> <li><a href="#">Printers</a></li> <li><a href="#">Memory</a></li> <li><a href="#">Monitors</a></li> <li><a href="#">Printers</a></li> <li><a href="#">END</a></li> </ul> </li> <li><a href="#" class="disabled">Electronics</a></li> </ul> </li> <li><a href="#">Wishlist</a></li> <li id="itemSearch"><a href="#">Search</a></li> </ul> </li> <li><a href="#" class="disabled">Our stores</a></li> <li><a class="submenu" href="#">My account</a> <ul id="MyAccountMenu"> <li id="itemBasket"><a href="#">Basket</a></li> <li><a href="#">Orders</a></li> <li id="itemHistory"><a href="#">History</a></li> </ul> </li> <li><a class="submenu" href="#">Support</a> <ul id="SupportMenu"> <li><a href="#">Frequently asked questions</a></li> <li id="itemHelp"><a href="#">Help</a></li> <li><a href="#">Contact</a></li> </ul> </li> <li><a href="#">Logout</a></li> </ul> </div>[/code:1:46907e9394]Let op de [i:46907e9394]classes[/i:46907e9394]
Link naar reactie
Bedankt MichielPH. Het is (gedeeltelijk) gelukt. Als ik een aparte pagina maak met daarin alleen het script voor het menu, werkt het menu perfect. Zodra ik het menu echter in een tabelcel plaats, werkt het niet meer zoals het zou moeten. Een iframe is ook geen optie, want dan moet ik het frame zo breed maken als dat het uitklapt en dan wordt het wel heel erg breed. [i:edcf1d8947]Includen[/i:edcf1d8947] met PHP werkt ook niet, dan heb je hetzelfde effect als dat je de code gewoon in een tabelcel plaatst. Wie weet raad? edit: Ik heb wel eens iets gelezen over layers op een website. Misschien is dat nu een optie?
Link naar reactie
Het menu doet het! Alleen nog niet zoals ik wil. :wink: Zodra ik het zo doe, werkt 'ie perceft alleen worden de linker en rechterkolom dan iets lager geplaatst dan de middelste kolom: :-? [code:1:fd10ddf778]<HTML> <HEAD> <TITLE>Three plus top box</TITLE> <style type="text/css" media="screen, tv, projection"> @import "vlr.css"; </style> <STYLE type=text/css media=all>@import url( 3box.css ); </STYLE> <!--[if lte IE 6]> <style type="text/css"> body { behavior:url("csshover.htc"); } </style> <![endif]--> </HEAD> <BODY> <div id="top"> <p>1</p> </div> <div id="left"> <div id="menu"> <ul id="menuList"> <li><a href="#" class="submenu">Products</a> <ul id="ProductsMenu"> <li><a href="#">Overview</a></li> <li id="itemCategories"><a class="submenu" href="#">Categories</a> <ul id="CategoriesMenu"> <li><a href="#">Software</a></li> <li><a class="submenu" href="#">Hardware</a> <ul id="HardwareMenu"> <li><a href="#">START</a></li> <li><a href="#">Printers</a></li> <li><a href="#">Memory</a></li> <li><a href="#">Monitors</a></li> <li><a href="#">Printers</a></li> <li><a href="#">Memory</a></li> <li><a href="#">Monitors</a></li> <li><a href="#">Printers</a></li> <li><a href="#">Memory</a></li> <li><a href="#">Monitors</a></li> <li><a href="#">Printers</a></li> <li><a href="#">Memory</a></li> <li><a href="#">Monitors</a></li> <li><a href="#">Printers</a></li> <li><a href="#">END</a></li> </ul> </li> <li><a href="#" class="disabled">Electronics</a></li> </ul> </li> <li><a href="#">Wishlist</a></li> <li id="itemSearch"><a href="#">Search</a></li> </ul> </li> <li><a href="#" class="disabled">Our stores</a></li> <li><a class="submenu" href="#">My account</a> <ul id="MyAccountMenu"> <li id="itemBasket"><a href="#">Basket</a></li> <li><a href="#">Orders</a></li> <li id="itemHistory"><a href="#">History</a></li> </ul> </li> <li><a class="submenu" href="#">Support</a> <ul id="SupportMenu"> <li><a href="#">Frequently asked questions</a></li> <li id="itemHelp"><a href="#">Help</a></li> <li><a href="#">Contact</a></li> </ul> </li> <li><a href="#">Logout</a></li> </ul> </div> </div> <div id="middle"> </div> <div id="right"> <p>1</p> </div> </body> </html>[/code:1:fd10ddf778] Als ik precies hetzelfde doe, maar de volgende regel eroven bij plaats: [code:1:fd10ddf778]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">[/code:1:fd10ddf778] Dan werkt het menu niet meer zoals gewenst, want het uitklapmenu wordt dan ergens anders weergegeven waardoor je er niet meer heen kunt met de muis. Het uitgeklapte gedeelte wordt dan teveel rechts van het menu geplaatst. Wel zijn nu de linker en rechterkolom even hoog als de middelste kolom. Dus dan ziet het er precies hetzelfde uit als [url=http://www.thenoodleincident.com/tutorials/box_lesson/basic4.html]HIER[/url]. Alleen werkt het menu dan niet goed zoals gezegd. Wie weet hoe dit komt? :-? Alvast bedankt!
Link naar reactie
Nog steeds niemand? Het moet toch niets uitmaken of ik deze regel wel/niet plaats: :-? [code:1:42e1a812c4]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">[/code:1:42e1a812c4] Maar blijkbaar doet het dat wel. Wat is überhaupt de functie van deze regel code?
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

×
×
  • Nieuwe aanmaken...