Søg
Avatar billede nph12 Nybegynder
02. juni 2002 - 23:31 Der er 10 kommentarer og
1 løsning

Rullemenu

Hej
Hvad er htlm-koden for en rullemenu? (ligesom man vælger kategori her på www.eksperten.dk).

Det skal være sådan at når man vælger et felt, så kommer en tekst frem som passer til det felt. F.eks. Felt 1 =tekst om biler, Felt 2=frimærker osv
Avatar billede o-zone Nybegynder
02. juni 2002 - 23:41 #1
<select>
<option value="biler">biler</option>
<option value="frimaerker">frimærker</option>
</select>

... er det bare det du spørger om, eller har jeg misforstået noget?
Avatar billede nph12 Nybegynder
02. juni 2002 - 23:47 #2
Ja, det er. Når man har valgt et felt, så skal der komme noget tekst frem.
Avatar billede o-zone Nybegynder
02. juni 2002 - 23:47 #3
tekst frem hvorhenne?
Avatar billede nph12 Nybegynder
02. juni 2002 - 23:52 #4
Jeg havde tænkt mig, at under rullemenuen skulle der være en ramme, hvor der kunne være plads til noget tekst. Teksten er selvfølgelig afhængig af hvilket felt man har valgt.
Avatar billede o-zone Nybegynder
03. juni 2002 - 00:09 #5
ok - hvad så med det her (ikke optimalt, men du kan måske fifle det til?):

---8<----------
<html>
<body>
<script language=javascript>
    function shiftTextBox()
    {
        var valg = document.form1.rullemenu.value;
        if (valg == "biler") { document.getElementById('frimaerker').style.visibility='hidden'; document.getElementById('biler').style.visibility='visible'; }
        else if (valg == "frimaerker") { document.getElementById('biler').style.visibility='hidden'; document.getElementById('frimaerker').style.visibility='visible'; }
        else { document.getElementById('biler').style.visibility='hidden'; document.getElementById('frimaerker').style.visibility='hidden'; }
    }
</script>
<form name="form1">
<select name="rullemenu" onChange="shiftTextBox(); return true;">
<option value="nochoice" selected=true>vælg</option>
<option value="biler">biler</option>
<option value="frimaerker">frimærker</option>
</select>
</form>

<div id="biler" style="visibility:hidden"><div style="width: 200px; height: 20px; color: black; background-color: lightgray">Biler kører hurtigt</div></div>
<div id="frimaerker" style="visibility:hidden"><div style="width: 200px; height: 20px; color: black; background-color: lightgray">Frimærker er langsomme</div></div>
</body>
</html>
---8<----------
Avatar billede o-zone Nybegynder
03. juni 2002 - 00:26 #6
Eller denneher (den er lidt kønnere i koden, men gør brug af et tekstarea):
---8<----------
<html>
<body>
<script language=javascript>
    var boxtekst = ["","Biler kører hurtigt","frimærker er langsomme"];
   
    function shiftTextBox()    {
        document.form1.tekstbox.value = boxtekst[document.form1.rullemenu.selectedIndex];
    }
</script>

<form name="form1">
<select name="rullemenu" onChange="shiftTextBox(); return true;">
<option value="nochoice" selected=true>vælg</option>
<option value="biler">biler</option>
<option value="frimaerker">frimærker</option>
</select><br>
<textarea name="tekstbox" width=50 height=5></textarea>
</form>

</body>
</html>
---8<----------
Avatar billede o-zone Nybegynder
03. juni 2002 - 00:42 #7
Er det brugbart?
Avatar billede tjacob Juniormester
03. juni 2002 - 10:37 #8
Den Eksperten bruger kan du hente her (Free):

(det er et temmelig stort javascript)

http://www.dhtmlcentral.com/projects/coolmenus/?m=32

/tjacob
Avatar billede nph12 Nybegynder
04. juni 2002 - 08:46 #9
o-zone>> Lige præcis sådan (den anden). Hvor sætter jeg teksten ind? Kan jeg lave tekstboxen større?
Avatar billede nph12 Nybegynder
10. juni 2002 - 18:13 #10
Skal lige vide det sidste før der er point.

o-zone>> Lige præcis sådan (den anden). Hvor sætter jeg teksten ind? Kan jeg lave tekstboxen større?

Kan man lave det sådan at teksten kommer frem uden tekstbox?
Avatar billede nph12 Nybegynder
24. februar 2003 - 22:26 #11
Ups, jeg har hvis glemt at lukke det her spørgsmål. Det er gjort herved.
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 HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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
27/0916:43 Nomad Tracking Car Af fleknes i Apps til Android
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
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
White papers
Flere white papers »