Avatar billede funguy Nybegynder
23. januar 2002 - 20:39 Der er 19 kommentarer og
1 løsning

Hjælp til "rulle" menu!

Jeg søger en der vil hjælpe mig med at få lavet en "rulle-menu" (lidt som menuen her på Eksperten).
Jeg er ved at lave et "link-index" hvor brugeren skal kunne "rulle overskrifterne ned", så de kan se linksne!
Det er lettest at forklare hvis du kontakter mig via. ICQ: 100733987
Det skulle være en forholdsvis opgave, og der gives point alt efter hvor hurtigt det ordnes, og hvor brugbart det er!!!
Så du bestemmer i store træk selv hvor mange point du vil tjene =)
Avatar billede milo Nybegynder
23. januar 2002 - 20:41 #1
Det skal foregå over eksperten så alle kan være med.
Avatar billede hojben Novice
23. januar 2002 - 20:42 #2
funguy > opret et sp. med fx 30 point istedetfor at svareren selv skal bestemme.. det er DIG som bestemmer antallet af point,,,
Avatar billede funguy Nybegynder
23. januar 2002 - 20:46 #3
Hmm.. se på:

http://www.net-faktura.dk/menus.jpg

Det jeg ønsker er:

1. Når man trykker på "overskrifterne" så folder menuen sig
sammen/ud.

2. At opstillingen bliver den samme som på billedet altså 3 "overskrifter" hen!

?? Forklaret ok?
Avatar billede hojben Novice
23. januar 2002 - 20:52 #4
skal det være som jeg lavede det i et andet spørgsmål eller hvordan ??
Avatar billede hojben Novice
23. januar 2002 - 20:55 #5
og hvad skal der ske når der trykkes på linket?
Avatar billede funguy Nybegynder
23. januar 2002 - 20:56 #6
nej, det skal være som menuen til venste, her på Ekspterten... Men bare på langs!..
Avatar billede funguy Nybegynder
23. januar 2002 - 20:57 #7
Når man trykker på overskriften kommer der en liste med links.
Avatar billede cool_casper Nybegynder
23. januar 2002 - 21:24 #8
Sådan noget lignende det her: (nakket har fra E. og modificeret lidt)!

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT>
    function box_click ($menu) {
        var $foo = document.all[$menu.sourceIndex+3].style;
        if ($foo.visibility == 'hidden') {
            $foo.display = 'inline';
            $foo.visibility = 'visible';
            document.all[$menu.sourceIndex+1].src = "/img/arrow-down.gif";
        } else {
            $foo.display = "none";
            $foo.visibility = "hidden";
            document.all[$menu.sourceIndex+1].src = "/img/arrow-right.gif";
        }
    }
</SCRIPT>
</head>
<body bgcolor="#FFFFFF" text="#000000">

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%">            <TR BGCOLOR="#006699">
                <TD ID="8" CLASS="box_title" onclick="box_click(this);"><IMG SRC="/img/arrow-down.gif" BORDER="0" WIDTH="9" HEIGHT="9" ALIGN="middle">&nbsp;Dine data</TD>
            </TR>
            <TR BGCOLOR="#3399CC">
                <TD STYLE="padding:3px;"><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%"><TR><TD>Brugernavn</TD><TD>&nbsp;</TD><TD ALIGN="right"><A HREF="/konto.phtml"><SPAN CLASS="black_menulink">cool_casper</SPAN></A></TD></TR><TR><TD>Point</TD><TD>&nbsp;</TD><TD ALIGN="right">4.478</TD></TR><TR><TD>Point ude</TD><TD>&nbsp;</TD><TD ALIGN="right">40</TD></TR><TR><TD>Placering</TD><TD>&nbsp;</TD><TD ALIGN="right">3.698</TD></TR></TABLE></TD>
            </TR>
                          <TR BGCOLOR="#006699">
                <TD ID="3" CLASS="box_title" onclick="box_click(this);"><IMG SRC="/img/arrow-down.gif" BORDER="0" WIDTH="9" HEIGHT="9" ALIGN="middle">&nbsp;Nyeste sp&oslash;rgsm&aring;l</TD>
            </TR>
            <TR BGCOLOR="#3399CC">
                <TD STYLE="padding:3px;"><A HREF="/spm/162764" CLASS="black_menulink" TITLE="Programmering&nbsp;: JavaScript&nbsp;:
Kompliceret h&oslash;jrekliksmenu (tror jeg)"><SPAN CLASS="nowrap">Kompliceret h&oslash;jrekli...</SPAN></A><BR><A HREF="/spm/162763" CLASS="black_menulink" TITLE="Generelt&nbsp;: Fri debat&nbsp;:
Br&aelig;nder Program ?"><SPAN CLASS="nowrap">Br&aelig;nder Program ?</SPAN></A><BR><A HREF="/spm/162762" CLASS="black_menulink" TITLE="Programmer&nbsp;: Chat prog.&nbsp;:
ICQ Problemer"><SPAN CLASS="nowrap">ICQ Problemer</SPAN></A><BR><A HREF="/spm/162761" CLASS="black_menulink" TITLE="Styresystemer&nbsp;: Linux&nbsp;:
Heftig aktivitet p&aring; harddisk"><SPAN CLASS="nowrap">Heftig aktivitet p&aring;...</SPAN></A><BR><A HREF="/spm/162760" CLASS="black_menulink" TITLE="Styresystemer&nbsp;: Win. XP&nbsp;:
registrerer ikke cdrom skift"><SPAN CLASS="nowrap">registrerer ikke cdr...</SPAN></A><BR></TD>
            </TR>
            </TABLE>

</body>
</html>
Avatar billede cool_casper Nybegynder
23. januar 2002 - 21:26 #9
SÅ kan du jo selv putte lidt billeder, stylesheet og dine kategori ind!
Avatar billede funguy Nybegynder
23. januar 2002 - 21:33 #10
cool_casper> Ehh.. det er sådan set fint nok... Men de ligger UNDER hinanden!! Der skal være 3 overskrifter ved siden af hinanden, og så kan man trykke på dem, og WUPTI! Så kommer der en liste med links ned!
Har også kigget lidt på scriptet fra Eksperten, men jeg skal ha' det arrangeret så det kommer til at ligge vandret i stedet for lodret!!
Avatar billede cool_casper Nybegynder
23. januar 2002 - 21:38 #11
Så er det jo bare at kigge lidt på det og ændre lidt:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT>
    function box_click ($menu) {
        var $foo = document.all[$menu.sourceIndex+3].style;
        if ($foo.visibility == 'hidden') {
            $foo.display = 'inline';
            $foo.visibility = 'visible';
            document.all[$menu.sourceIndex+1].src = "/img/arrow-down.gif";
        } else {
            $foo.display = "none";
            $foo.visibility = "hidden";
            document.all[$menu.sourceIndex+1].src = "/img/arrow-right.gif";
        }
    }
</SCRIPT>
</head>
<body bgcolor="#FFFFFF" text="#000000">

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%">            <TR BGCOLOR="#006699">
                <TD ID="8" CLASS="box_title" onclick="box_click(this);"><IMG SRC="/img/arrow-down.gif" BORDER="0" WIDTH="9" HEIGHT="9" ALIGN="middle">&nbsp;Dine data</TD>
           
                <TD STYLE="padding:3px;"><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%"><TR><TD>Brugernavn</TD><TD>&nbsp;</TD><TD ALIGN="right"><A HREF="/konto.phtml"><SPAN CLASS="black_menulink">cool_casper</SPAN></A></TD></TR><TR><TD>Point</TD><TD>&nbsp;</TD><TD ALIGN="right">4.478</TD></TR><TR><TD>Point ude</TD><TD>&nbsp;</TD><TD ALIGN="right">40</TD></TR><TR><TD>Placering</TD><TD>&nbsp;</TD><TD ALIGN="right">3.698</TD></TR></TABLE></TD>
            </TR>
               
            </TABLE>

</body>
</html>

Er det sådan du mener?!?
Avatar billede funguy Nybegynder
23. januar 2002 - 21:46 #12
ehh.. jeg sagde at der skulle være nogen VED SIDEN AF HINANDEN!
Jeg bad ikke om en enkelt linie!
Avatar billede cool_casper Nybegynder
23. januar 2002 - 21:49 #13
Det må du undskylde, men det er lidt svært at forstå hvad du siger.... Kan du ikke lave et billede af hvordan der ser ud når den er "nedpakket" og når den er "åben" !?!? Så er det lidt nemmere for andre at forstå hvad du siger....

Der er ingen grund til at blive sur !!!! Husk!: Det er jo friviligt andre laver det for dig!!!
Avatar billede funguy Nybegynder
23. januar 2002 - 21:50 #14
Det var ikke for at lyde sur! Jeg undskylder hvis det fremstod sådan.. laver lige et billede!
Avatar billede cool_casper Nybegynder
23. januar 2002 - 21:55 #15
Thx... :-) !
Avatar billede funguy Nybegynder
23. januar 2002 - 21:55 #16
Avatar billede cool_casper Nybegynder
23. januar 2002 - 22:00 #17
Ahhh... Det er jo næsten den samme som den første... To sek.....
Avatar billede cool_casper Nybegynder
23. januar 2002 - 22:05 #18
Sådan:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT>
    function box_click ($menu) {
        var $foo = document.all[$menu.sourceIndex+3].style;
        if ($foo.visibility == 'hidden') {
            $foo.display = 'inline';
            $foo.visibility = 'visible';
            document.all[$menu.sourceIndex+1].src = "/img/arrow-down.gif";
        } else {
            $foo.display = "none";
            $foo.visibility = "hidden";
            document.all[$menu.sourceIndex+1].src = "/img/arrow-right.gif";
        }
    }
</SCRIPT>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<TABLE><TR><TD>
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%">            <TR BGCOLOR="#006699">
                <TD ID="8" CLASS="box_title" onclick="box_click(this);"><IMG SRC="/img/arrow-down.gif" BORDER="0" WIDTH="9" HEIGHT="9" ALIGN="middle">&nbsp;Dine data</TD>
            </TR>
            <TR BGCOLOR="#3399CC">
                <TD STYLE="padding:3px;"><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%"><TR><TD>Brugernavn</TD><TD>&nbsp;</TD><TD ALIGN="right"><A HREF="/konto.phtml"><SPAN CLASS="black_menulink">cool_casper</SPAN></A></TD></TR><TR><TD>Point</TD><TD>&nbsp;</TD><TD ALIGN="right">4.478</TD></TR><TR><TD>Point ude</TD><TD>&nbsp;</TD><TD ALIGN="right">40</TD></TR><TR><TD>Placering</TD><TD>&nbsp;</TD><TD ALIGN="right">3.698</TD></TR></TABLE></TD>
            </TR></TABLE>
            </TD><TD>
            <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%">
               
                          <TR BGCOLOR="#006699">
                <TD ID="3" CLASS="box_title" onclick="box_click(this);"><IMG SRC="/img/arrow-down.gif" BORDER="0" WIDTH="9" HEIGHT="9" ALIGN="middle">&nbsp;Nyeste sp&oslash;rgsm&aring;l</TD>

            <TR BGCOLOR="#3399CC">
                <TD STYLE="padding:3px;"><A HREF="/spm/162764" CLASS="black_menulink" TITLE="Programmering&nbsp;: JavaScript&nbsp;:
Kompliceret h&oslash;jrekliksmenu (tror jeg)"><SPAN CLASS="nowrap">Kompliceret h&oslash;jrekli...</SPAN></A><BR><A HREF="/spm/162763" CLASS="black_menulink" TITLE="Generelt&nbsp;: Fri debat&nbsp;:
Br&aelig;nder Program ?"><SPAN CLASS="nowrap">Br&aelig;nder Program ?</SPAN></A><BR><A HREF="/spm/162762" CLASS="black_menulink" TITLE="Programmer&nbsp;: Chat prog.&nbsp;:
ICQ Problemer"><SPAN CLASS="nowrap">ICQ Problemer</SPAN></A><BR><A HREF="/spm/162761" CLASS="black_menulink" TITLE="Styresystemer&nbsp;: Linux&nbsp;:
Heftig aktivitet p&aring; harddisk"><SPAN CLASS="nowrap">Heftig aktivitet p&aring;...</SPAN></A><BR><A HREF="/spm/162760" CLASS="black_menulink" TITLE="Styresystemer&nbsp;: Win. XP&nbsp;:
registrerer ikke cdrom skift"><SPAN CLASS="nowrap">registrerer ikke cdr...</SPAN></A><BR></TD>
            </TR>
            </TABLE>
                        </TABLE>

</body>
</html>

SÅ kan du vel selv redigere lidt i dem så de bliver pæne og sådan.....
Avatar billede funguy Nybegynder
23. januar 2002 - 22:09 #19
TAK!!!! Jeg er virkelig taknemlig!!! Takker!!!
Avatar billede cool_casper Nybegynder
23. januar 2002 - 22:10 #20
*NP*
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