Søg
Avatar billede ncp Nybegynder
22. februar 2002 - 20:01 Der er 11 kommentarer og
1 løsning

Dropdown Menu

Hej... jeg skal have lavet en dropdown menu (en celle i en tabel), som bliver vist når man klikker på et hyberlink...  der må gerne komme en eller anden slags effekt på, så den ikke bare kommer og forsvinder...

nogen der kan lave sådan en til mig ?
Avatar billede entracore Nybegynder
22. februar 2002 - 20:08 #1
Nej! Men du kan finde et par stykker her:

http://www.dhtmlcentral.com/projects/coolmenus/?m=10
Avatar billede cautoo Nybegynder
22. februar 2002 - 20:11 #2
<SCRIPT>

function slaatil() {
  lag1style.visibility = 'visible'
}

function slaafra() {
  lag1style.visibility = 'vh5dden'
}

</SCRIPT>

<a href=java script:slaatil()>Slå til</A> <a href=java script:slaafra()>Slå fra</A>

<TABLE><TR><TD>
<DIV ID=lag1 Style='visibility:hidden;'>
Et eller andet_!!!
<DIV>

</TD></TR></TABLE>
Avatar billede ncp Nybegynder
22. februar 2002 - 20:15 #3
Produkter





Produkter

cautoo  >> den må ikke kun gemme det!
Avatar billede entracore Nybegynder
22. februar 2002 - 20:24 #4
cautoo >> Er den kode browser kompatibel ???
Avatar billede ncp Nybegynder
22. februar 2002 - 20:26 #5
entracore >> nej, den dur hvertfald ikke i netscape...
Avatar billede entracore Nybegynder
22. februar 2002 - 20:36 #6
ncp >> Der er lige en ting du skal overveje hvis du ønsker at dine besøgende skal navigere via en dropdown menu.

Tendensen er at flere og flere brugere slår "Active Scripting" fra i deres browsere. Dette gør at alle script(java/vb-script) funktioner ikke fungerer.

Så du skal nok have et alternativ til din navigationsmenu.

Et alternativ kunne være at anvende "<noscript></noscript>" tags.

Hvis browseren ikke understøtter scripting eksekveres indholdet at noscripts taggene.
Avatar billede olebole Juniormester
24. februar 2002 - 01:41 #7
<ole>
Tjaahhhh .... man kan jo godt slå JavaScript fra. Man kan også slukke computeren og sende en brevdue  =o))
Denne fungerer i aktuelle browsere, der understøtter W3C's DOM, samt IE4.x:

<html>
<head>
    <title></title>
<script type="text/JavaScript">
function myOpen(tr) {
    if (document.all) document.all[tr].style.display = "block";
    else document.getElementById(tr).style.display = "block";
}
</script>
</head>
<body>

<table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td><a href="#" onclick="myOpen('ib');">Open</a></td>
</tr>
<tr id="ib" style="display:none;">
    <td>blablabla</td>
</tr>
</table>

</body>
</html>
/mvh
</bole>
Avatar billede olebole Juniormester
24. februar 2002 - 01:43 #8
Ups.... ret lige til:

<td><a href="#" onclick="myOpen('ib');return false;">Open</a></td>

/mvh
Avatar billede ncp Nybegynder
24. februar 2002 - 11:02 #9
kan man ikke lave så den kan lukke igen ???
Avatar billede olebole Juniormester
24. februar 2002 - 13:52 #10
Sagtens, men da du specifikt frabeder dig dette i din kommentar (22/02-2002 20:15:56 --> "cautoo  >> den må ikke kun gemme det!") undlod jeg det med vilje.
Det er vigtigt at være omhyggelig med, hvad man skriver, da de færreste kodehoveder er synderlig gode som clairvoyanter  ;o)

<html>
<head>
    <title></title>
<script type="text/JavaScript">
function myToggle(tr) {
    var styleObj = (document.all)? document.all[tr].style : document.getElementById(tr).style;
    var state = (styleObj.display=="block")? "none" : "block";
    styleObj.display = state;
}
</script>
</head>
<body>

<table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td><a href="#" onclick="myToggle('ib');return false;">Open</a></td>
</tr>
<tr id="ib" style="display:none;">
    <td>blablabla</td>
</tr>
</table>

</body>
</html>

/mvh
Avatar billede olebole Juniormester
24. februar 2002 - 13:56 #11
"Ole, hvis nu man gerne vil lave det uden et hyperlink, kan man så det?"

Selvfølgelig kan man det, ncp ... sådan:

<td onclick="myToggle('ib');">Open</td>

;oD
Avatar billede ncp Nybegynder
24. februar 2002 - 17:01 #12
He he... meind-reader hva' - Men tak skal du have, det var netop sådan den skulle laves :D
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
White papers
Flere white papers »