Avatar billede Blueeyez Mester
17. februar 2012 - 17:51 Der er 30 kommentarer og
1 løsning

Informations vindue til dropdown menu

Jeg vil blot høre om man kan lave en informations vindue til en dropdown menu i ren html (Så vidt som muligt)

Dropdown menuen er på dtmp.dk

(Og dtmp.dk er ikke færdig bearbejdet endnu)
Avatar billede olebole Juniormester
17. februar 2012 - 18:04 #1
<ole>

Hvad menes med "informations vindue"? Der er ikke nogen dropdown menu på dtmp.dk. Hvad spørger du mon om?  =)

/mvh
</bole>
Avatar billede Blueeyez Mester
17. februar 2012 - 19:12 #2
Avatar billede olebole Juniormester
17. februar 2012 - 20:31 #3
Du kan skrive noget i stil med:

<script type="text/javascript">
var oInfoTexts = {
    "bla_0": "noget information om emne #0",
    "bla_1": "noget information om emne #1",
    "bla_2": "noget information om emne #2",
    "bla_3": "noget information om emne #3"
}
function setInfo(elmSel) {
    var elmDispl = document.getElementById("infoDispl");
    elmDispl.firstChild.nodeValue = oInfoTexts[elmSel.value];
}
</script>

<select size="4" onchange="setInfo(this)">
    <option value="bla_0">Emne 0</option>
    <option value="bla_1">Emne 1</option>
    <option value="bla_2">Emne 2</option>
    <option value="bla_3">Emne 3</option>
</select>

<div id="infoDispl">&nbsp;</div>
Avatar billede Blueeyez Mester
17. februar 2012 - 21:08 #4
#3 Det er da en god begyndelse :)

Har dog brug for din hjælp med og modificere det ind i min nuværende dropdown menu, som ser sådan her ud:

<select id="hent" size="5" onchange="setInfo(this)"> STYLE="width: 170px">
  <option value="zepto\Anthea A15.exe">Anthea A15</option>
  <option value="zepto\Hydra A17.exe">Hydra A17</option>
  <option value="zepto\Mythos A15.exe">Mythos A15</option>
  <option value="zepto\Nexus A15.exe">Nexus A15</option>
  <option value="zepto\Nox A14.exe">Nox A14</option>
</select><br />
<div id="infoDispl">&nbsp;</div>
<input type="button" value="Hent" onclick="window.location.href=document.getElementById('hent').value">

Har forsøgt mig lidt, men synes ikke helt det går så godt, hvis du evt kan få det sat sammen korrekt for mig os?:)
Avatar billede olebole Juniormester
17. februar 2012 - 21:16 #5
Med den slags values må du gå en lidt anden vej  =)

<script type="text/javascript">
var aInfoTexts = [
    "noget information om emne #0",
    "noget information om emne #1",
    "noget information om emne #2",
    "noget information om emne #3"
];
function setInfo(elmSel) {
    var elmDispl = document.getElementById("infoDispl");
    elmDispl.firstChild.nodeValue = aInfoTexts[elmSel.selectedIndex];
}
</script>

<select size="4" onchange="setInfo(this)">
    <option value="bla_0">Emne 0</option>
    <option value="bla_1">Emne 1</option>
    <option value="bla_2">Emne 2</option>
    <option value="bla_3">Emne 3</option>
</select>

<div id="infoDispl">&nbsp;</div>
Avatar billede Blueeyez Mester
18. februar 2012 - 21:59 #6
#5 Den virker, men desværre kun når der er få antal, når jeg kommer op på de 60 ca så har den tabt tråden, er der mulighed for at ændre i koden til scriptets fordel? evt et id eller noget?:S
Avatar billede olebole Juniormester
18. februar 2012 - 22:43 #7
"Den virker, men desværre kun når der er få antal, når jeg kommer op på de 60 ca så har den tabt tråden" >> Nej, det kan ikke ske. Så har du lavet en fejl et sted. Prøv at lægge et link til et eksempel
Avatar billede Blueeyez Mester
18. februar 2012 - 23:00 #8
Spørgsmålet er fjernet efter ønske fra spørgsmålsstilleren

Dette indlæg er blevet modereret af en CoAdmin

Avatar billede Blueeyez Mester
18. februar 2012 - 23:03 #9
#7 Fandt fejlen, har glemt/overset , ret ofte :I
Avatar billede olebole Juniormester
18. februar 2012 - 23:06 #10
Ja, det er vi helt enige om  *o)
Avatar billede Blueeyez Mester
18. februar 2012 - 23:55 #11
#10 Hvad skal jeg egentligt skirve efter dette på samme linje:
<!DOCTYPE HTML>

Jeg bruger html 5 (hvis jeg ikke er helt forkert på den.

Samt CSS og Javascript
Avatar billede olebole Juniormester
19. februar 2012 - 01:57 #12
Det er den fulde DTD til HTML5 - og faktisk en generisk DTD.
Avatar billede Blueeyez Mester
19. februar 2012 - 11:32 #13
#12 Ja, men hvilken skal jeg bruge samt hvordan får jeg den? Ved det er noget med w3c.com 8hvis jeg husker rigtigt, men derfra er jeg fortabt ^^
Avatar billede olebole Juniormester
19. februar 2012 - 16:56 #14
Jeg er ikke helt sikker på, hvad det er, du spørger om  =)
Avatar billede Blueeyez Mester
19. februar 2012 - 17:02 #15
#14 Den her linje: <!DOCTYPE HTML>

Den mangler noget ikke os?:)

Ud over det, så har jeg opdateret min side: dtmp.dk og kildekoden kan læses, men når jeg tester den på w3c's css tester så siger den at mine font-size xxpx; er forkert, forinden brugte jeg 100% og 250% men dem siger den os er forkerte, hvilke andre muligheder er der på den front? Har søgt en del men uden og finde noget og forstår det ikke helt, for koden virker jo :S
Avatar billede olebole Juniormester
19. februar 2012 - 18:44 #16
Nej, der mangler ikke noget - læs #12  =)

Jeg kan ikke forestille mig, at validatoren forkaster font-size: xxpx;. Har du husket kolon i koden? Du viser det ikke her.

Ellers må du lægge et link
Avatar billede olebole Juniormester
19. februar 2012 - 18:46 #17
Denne kode validerer fint (har lige testet):

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
body {
    font-size: 12px;
}

</style>
</head>
<body>

</body>
</html>
Avatar billede Blueeyez Mester
19. februar 2012 - 18:51 #18
#16 Er det fordi min css er i min .html fil? Den ene var jo til html og den anden css?

Ja okay, godt at høre at det er korrekt :)
Avatar billede olebole Juniormester
19. februar 2012 - 20:10 #19
Nej, men hvis du vil have mig til forholde mig yderligere til problemet, må du lægge et link. Jeg er ikke clairvoyant, så jeg kan umuligt have nogen anelse om, hvad du laver af fejl
Avatar billede Blueeyez Mester
19. februar 2012 - 21:59 #20
#29 Hov, helt glemt at smide et link ^^ får du her: http://dtmp.dk/
Avatar billede olebole Juniormester
19. februar 2012 - 22:02 #21
text-size: 20px;

- a'hvaf'en en size?  =)
Avatar billede Blueeyez Mester
20. februar 2012 - 10:11 #22
#21 Den virker, ligesom den med %^^

Men jeg ved ikke lige hvilket der er mest rigtigt eller bedst generelt, mindes det er px da den følger ens opløsning :)
Avatar billede olebole Juniormester
20. februar 2012 - 15:59 #23
Javel, så! Gider du prøve at skrive text-size: 72px i et eller andet dokument og oplyse mig om, hvilken browser det virker i?  =)
Avatar billede Blueeyez Mester
20. februar 2012 - 16:01 #24
Altså px virker i Google Chrome :)
Avatar billede olebole Juniormester
20. februar 2012 - 16:13 #25
Så må din Chrome afgjort være syg! Prøv denne kode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
p {
    text-size: 72px;
}
</style>
</head>
<body>

<p>text-size er noget snavs!</p>

</body>
</html>

Den virker ikke i min Chrome eller nogen somhest anden af mine browsere - og det må den heller ikke
Avatar billede Blueeyez Mester
20. februar 2012 - 16:32 #26
#25 Forskellen er at du skriver text-size og jeg skriver font-size :)

Hvad er forskellen? Altså er den ene CSS1/2.1 og den anden CSS3?:)
Avatar billede olebole Juniormester
20. februar 2012 - 17:53 #27
Nej, font-size er CSS og har altid været det. text-size må være noget, du selv har opfundet. Den property her aldrig eksisteret.

Jeg bruger font-size, mens du skriver text-size:

<style type="text/css">
#overskrift {
    font-size: 40px;
    text-align: center;
    font-family: "Arial Black", sans-serif;
}
body {
    background-color: #ebf4fa;
    text-align: center;
    text-size: 20px;
    font-family: "Arial Black", sans-serif;
}
</style>
Avatar billede Blueeyez Mester
20. februar 2012 - 18:12 #28
#27 i dit indlæg #25 bruger du text-size :)
Avatar billede olebole Juniormester
20. februar 2012 - 18:17 #29
Læser du slet ikke teksten i mine indlæg? Så er det på tide, du begynder!
Avatar billede Blueeyez Mester
20. februar 2012 - 18:23 #30
#29 Fandt fejlen :I Du hentydet til den 2 del af mit css^^
Avatar billede Blueeyez Mester
26. marts 2012 - 23:08 #31
Lukker
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