Avatar billede thomasmyg Nybegynder
12. oktober 2003 - 00:37 Der er 6 kommentarer og
1 løsning

Nu er den gal igen, eller retter stadig gal

Jeg prøver og lave en menu med undermenuer, undermenuerne skal blive synlige når man trykker på en af menuerne. i den forbindelse har jeg to problemer. Når jeg klikker på en menu bliver pluset til minus, det er rigtig nok, men når jeg trykker på en anden menu skal det minus blive til plus og ved den nye menu til minus. Det sker ikke.
Det andet problem er, jeg kan ikke få undermenuerne til og komme frem. Hjælp

<html>

    <head>
    <title>hierarkisk menu</title>
    <script src="menu.js"></script>
    <meta name="generator" content="stone's webwriter 3.5">
    <style type="text/css">
    #dynTable    {
        position:absolute;
        top:20px;
        left:20px;
        border:1px black solid;
        cursor:pointer;
        cursor:hand;
        width:140px;
        }
    .menu        {
        height:22px;
        color:#FFFF99;
        background-color:#00CCFF;
        font-family:verdana;
        font-size:14px;
        font-weight:bold;
        }
    .menuhover    {
        height:22px;
        color:white;
        background-color:gray;
        font-family:verdana;
        font-size:14px;
        font-weight:bold;
        }
    .menulink{
        color:#FFFF99;
        text-decoration:none;
        }
    .submenu{
        width:100%;
        color:black;
        background-color:#CCFFFF;
        font-family:verdana;
        font-size:12px;
        text-decoration:none;
        }
    A.submenu:hover{
        font-weight:bold;
        color:white;
        background-color:gray;
        }
    </style>
    </head>
   
    <body bgcolor="#0098CD">   
    <table id="dynTable" border="1" cellpadding="0" cellspacing="0">
        <tr onclick="openMenu('menu1',this)">
            <td class="menu" onmouseover="highlight(this)" onmouseout="dontHighlight(this)"><img src="c.gif"> Forside</td>
        </tr>
        <tr onclick="openMenu('menu2',this)">
            <td class="menu" onmouseover="highlight(this)" onmouseout="dontHighlight(this)"><img src="c.gif"> St kompagniet</a></td>
        </tr>
        <tr onclick="openMenu('menu3',this)">
            <td class="menu" onmouseover="highlight(this)" onmouseout="dontHighlight(this)"><img src="c.gif"> 1. kompagni</a></td>
        </tr>
        <tr>
            <td class="menu" onmouseover="highlight(this)" onmouseout="dontHighlight(this)"><img src="c.gif"><a href="#" class="menulink" target="main"> 2. kompagni</a></td>
        </tr>
        <tr onclick="openMenu('menu5',this)">
            <td class="menu" onmouseover="highlight(this)" onmouseout="dontHighlight(this)"><img src="c.gif"> 3. kompagni</a></td>
        </tr>
    </table>
   
    <div id="menu1" style="visibility:hidden">
        <a href="http://www.dynamiskhtml.dk" class="submenu" target="main">&nbsp;Om CSS</a><br>
        <a href="http://www.dynamiskhtml.dk" class="submenu" target="main">&nbsp;Om JavaScript</a><br>
        <a href="http://www.dynamiskhtml.dk" class="submenu" target="main">&nbsp;Om DHTML</a></div>
    <div id="menu2" style="visibility:hidden">
        <a href="http://www.dynamiskhtml.dk" class="submenu" target="main">&nbsp;Om CSS</a><br>
        <a href="http://www.dynamiskhtml.dk" class="submenu" target="main">&nbsp;Om JavaScript</a><br>
        <a href="http://www.dynamiskhtml.dk" class="submenu" target="main">&nbsp;Om DHTML</a></div>
    <div id="menu3" style="visibility:hidden">
        <a href="http://www.dynamiskhtml.dk" class="submenu" target="main">&nbsp;Om CSS</a><br>
        <a href="http://www.dynamiskhtml.dk" class="submenu" target="main">&nbsp;Om JavaScript</a><br>
        <a href="http://www.dynamiskhtml.dk" class="submenu" target="main">&nbsp;Om DHTML</a></div>
    <div id="menu4" style="visibility:hidden">
        <a href="http://www.dynamiskhtml.dk" class="submenu" target="main">&nbsp;Om CSS</a><br>
        <a href="http://www.dynamiskhtml.dk" class="submenu" target="main">&nbsp;Om JavaScript</a><br>
        <a href="http://www.dynamiskhtml.dk" class="submenu" target="main">&nbsp;Om DHTML</a></div>
    <div id="menu5" style="visibility:hidden">
        <a href="http://www.dynamiskhtml.dk" class="submenu" target="main">&nbsp;Om CSS</a><br>
        <a href="http://www.dynamiskhtml.dk" class="submenu" target="main">&nbsp;Om JavaScript</a><br>
        <a href="http://www.dynamiskhtml.dk" class="submenu" target="main">&nbsp;Om DHTML</a></div>
    </body>
   
</html>
Avatar billede tjp Mester
12. oktober 2003 - 02:44 #1
Jeg tror evt. svarere på dit spørgsmål ville være glade for at se 'menu.js'. *S*
Avatar billede roenving Novice
12. oktober 2003 - 10:41 #2
Frem med menu.js !-)
Avatar billede bearhugx Nybegynder
12. oktober 2003 - 19:07 #3
hmmm ThomasMyg >> kunne du ikke bruge den kode, jeg gav til dig i http://exp.dk/spm/412689 siden at du nu bruger din forrige (og bug-inficerede kode...)
Avatar billede thomasmyg Nybegynder
12. oktober 2003 - 21:09 #4
her har I så menu.js, så må I se om I kan løse mit problem.


var menuStatus = new Array();

function openMenu(menuID,object) {
    rowID=object.rowIndex+1;
    obj=object.parentNode;
    if (!menuStatus[menuID] || null) {
        obj.rows[object.rowIndex].cells[0].innerHTML = obj.rows[object.rowIndex].cells[0].innerHTML.replace(/c.gif/,'o.gif');
        obj.insertRow(rowID);
        obj.rows[rowID].insertCell(0);
        obj.rows[rowID].cells[0].innerHTML=document.getElementByld(menuID).innerHTML;
        obj.rows[rowID].cells[0].className='submenu';
        menuStatus[menuID]=true }
    else {
        obj.rows[object.rowIndex].cells[0].innerHTML = obj.rows[object.rowIndex].cells[0].innerHTML.replace(/o.gif/,'c.gif');
        obj.deleteRow(rowID);
        menuStatus[menuID]=false }
}

function highlight(object){
    object.className='menuhover';
}

function dontHighlight(object){
    object.className='menu';
}
Avatar billede thomasmyg Nybegynder
12. oktober 2003 - 21:12 #5
hej bearhugx, har ikke prøvet din kode, vil heller ha' min egen, den er noget pænere.
Avatar billede thomasmyg Nybegynder
12. oktober 2003 - 22:09 #6
nå så har jeg selv fundet problemet, hvis I vil se hvordan det skal fungere så gå ind på
http://www.thomas-myg-hansen.dk/framset.html
siden vil være oppe et par dage endnu
Avatar billede thomasmyg Nybegynder
12. oktober 2003 - 22:10 #7
;-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester