Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

AdxMenu

Anoniem
Klaasje
6 antwoorden
  • Hallo allemaal,

    Via dit forum ben ik bij het volgende script terecht gekomen: ADxMenu. 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.
  • 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]
  • 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?
  • [quote:b0d4258bbe="Klaasje"]Ik heb wel eens iets gelezen over layers op een website. Misschien is dat nu een optie?[/quote:b0d4258bbe]Jij hebt het door!

    Tsjek dit: http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
  • [quote:ea5c13e7e7="MichielPH"]Tsjek dit: http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html[/quote:ea5c13e7e7] Onwijs bedankt voor de link! Hier heb ik wat aan! :D 'k Ben ermee aan het stoeien. :)
  • 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 HIER. Alleen werkt het menu dan niet goed zoals gezegd.

    Wie weet hoe dit komt? :-? Alvast bedankt!

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.

Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord