Avatar billede nkuga Nybegynder
25. april 2001 - 21:26 Der er 10 kommentarer og
1 løsning

\"rollup\" menu

Er der nogen der kan hjælpe mig med at lave en \"rollup\" menu. Meget ligesom den \"start menu der er i Windows. Man kan finde utal af menuer der er rolldown menuer. men ikke rollup menuer. Det vil hjælpe meget.
TAK
Avatar billede dpp Nybegynder
25. april 2001 - 21:49 #1
Ja hvad skal den indeholde text eller billed-links??.
hvor på siden skal den placeres ??
Avatar billede nkuga Nybegynder
25. april 2001 - 21:51 #2
Det skal indeholde tekst links - og den skal placeres nederst i venstre hjørne.
Avatar billede jakoba Nybegynder
26. april 2001 - 10:27 #3
dynamicdrive.com har vist en der kan stilles til top, bund, højre, venstre.
men nok ikke DOM kompatibel.
Avatar billede ras2000 Nybegynder
26. april 2001 - 14:51 #4
Den her virker og er nem:
<html>
<head>
    <title>Untitled</title>
<script type=\"text/javascript\">
function rollup(n) {
if (n==1) {
    document.all.menu.style.display = \'block\';
    document.all.menu.style.bottom = document.all.knap.offsetHeight;
}
else {
    document.all.menu.style.display = \'none\';
}
}
</script>
</head>

<body>
<div style=\"position:absolute;bottom:0;left:0\"><input type=\"button\" value=\"start\" id=\"knap\" onclick=\"rollup(1)\"></div>
<div style=\"position:absolute;bottom:0;left:0;display:none\" id=\"menu\" onclick=\"rollup(2)\">
<table bgcolor=\"#c0c0c0\" border=\"1\">
    <tr>
        <td>tekst</td>
    </tr>
    <tr>
        <td>tekst</td>
    </tr>
    <tr>
        <td>tekst</td>
    </tr>
    <tr>
        <td>tekst</td>
    </tr>
    <tr>
        <td>tekst</td>
    </tr>
</table>
</div>


</body>
</html>
Avatar billede nkuga Nybegynder
26. april 2001 - 14:51 #5
Jeg har været derinde op kigge men kan umiddelbart ikke finde den - og er det ikke kun Dhtml koder - dem er jeg nemlig ikke for seje til. Dvs jeg ved ikke helt hvad jeg skal lede efter for at ændre i koden så den sættes til bunden istedet for toppen !!
Avatar billede ras2000 Nybegynder
26. april 2001 - 14:54 #6
Prøvede du min?
Avatar billede nkuga Nybegynder
26. april 2001 - 14:56 #7
JA OK den er ikke helt god - der er blandt andet ikke subpunkter - men det kan jeg selv lave - desuden kan den ikke lukkes ned igen når man igen trykker på start !!!!!
Avatar billede nkuga Nybegynder
26. april 2001 - 14:57 #8
Hvis du kan lave dette får du resten af pointene ras2000 . !!!!
Avatar billede ras2000 Nybegynder
26. april 2001 - 15:19 #9
<html>
<head>
<title>Untitled</title>
<script type=\"text/javascript\">
var n = 0;
function rollup() {
if (n == 0) {
    document.all.menu.style.display = \'block\';
    document.all.menu.style.bottom = document.all.knap.offsetHeight;
    n = 1;
}
else {
    document.all.menu.style.display = \'none\';
    n = 0;
}
}
function vissubpunkter(i) {
    if (i == 2) {
        document.all.id2.style.display = \'block\';
    }
}
function uvissubpunkter(el) {
    document.all.id2.style.display = \'none\';
}
</script>
</head>

<body>
<div style=\"position:absolute;bottom:0;left:0\"><input type=\"button\" value=\"start\" id=\"knap\" onclick=\"rollup()\"></div>
<div style=\"position:absolute;bottom:0;left:0;display:none\" id=\"menu\" onclick=\"rollup()\">
<table bgcolor=\"#c0c0c0\" border=\"1\">
    <tr>
        <td>tekst</td>
    </tr>
    <tr>
        <td onmouseover=\"vissubpunkter(2)\" onmouseout=\"uvissubpunkter(2)\">tekst her</td>
    </tr>
    <tr>
        <td>tekst</td>
    </tr>
    <tr>
        <td>tekst</td>
    </tr>
    <tr>
        <td>tekst</td>
    </tr>
</table>
</div>
<table bgcolor=\"#c0c0c0\" border=\"1\" style=\"display:none;position:absolute;bottom:100;left:60\" id=\"id2\" onmouseover=\"vissubpunkter(2)\" onmouseout=\"uvissubpunkter(2)\"><tr><td>punkt</td></tr><tr><td>punkt</td></tr><tr><td>punkt</td></tr></table>

</body>
</html>
Avatar billede ras2000 Nybegynder
26. april 2001 - 15:20 #10
og, øh, du har allerede givet mig alle pointene.
Avatar billede dpp Nybegynder
26. april 2001 - 19:14 #11
prøv at tjekke koden på www.123casino.dk/rollup.htm
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