Notifikationer

Markér alle som læst Log ud

Slettet bruger

20. april 2006 - 11:16 Der er 10 kommentarer og
1 løsning

drop down/select boks åben som default

Hej eksperter.
Jeg har en select boks som jeg gerne vil have som er åben pr. default, så jeg ikke skal klikke på select boksen, før den folder min select boks ud.
Er dette muligt?

script:
<select name="options">
<option>Test 1</option>
<option>Test 2</option>
<option>Test 3</option>
<option>Test 4</option>
</select>

Synes godt om

fennec Nybegynder

20. april 2006 - 11:28 #1

Nej.
Det tætteste du kommer er at gøre den til en multiselect uden "multi" (kunne ikke finde på en bedre forklaring :o)

<select name="options" size="4">
<option>Test 1</option>
<option>Test 2</option>
<option>Test 3</option>
<option>Test 4</option>
</select>

Synes godt om

Slettet bruger

20. april 2006 - 11:29 #2

hmm... ja det er så ikke godt nok...

Synes godt om

fennec Nybegynder

20. april 2006 - 11:36 #3

Ellers skal du lave din egen select box. Det består i bund og grund om en gang div's som bliver vist/skjult. Der findes gratis scrips ude på nette, men jar kan selvfølgelig ikke finde nugen nu :(

Synes godt om

fennec Nybegynder

20. april 2006 - 11:37 #4

Hvad sker der for min stavning :o)
.. men jeg kan selvfølgelig ikke finde nogen nu...

Synes godt om

psykochicken Nybegynder

20. april 2006 - 17:26 #5

Den kan komme et lille hak tættere på med:
<select name="options" size="4" onclick="this.size='1';">
<option>Test 1</option>
<option>Test 2</option>
<option>Test 3</option>
<option>Test 4</option>
</select>

Synes godt om

mclemens Nybegynder

21. april 2006 - 01:37 #6

og så lige lidt fusk :P

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">

tn="";tn2="";tn3="";

window.onload=function(){
tn=document.getElementById("opts_1");
tn2=document.forms.formnavn.options_1;

tnt=tn2.offsetTop;tnl=tn2.offsetLeft;

tnx=tn2;while(tnx=tnx.offsetParent){
tnt+=tnx.offsetTop;
tnl+=tnx.offsetLeft;
}

tn.style.position="absolute";
tn.style.top=tnt+"px";
tn.style.left=tnl+"px";

tnapp=tn2.cloneNode(true);
tnapp.onclick=function(){showhideopts(1);}
tnapp.setAttribute("id","optsh_1");
tnapp.setAttribute("name","optsh_1");
tnapp.setAttribute("size",tnapp.childNodes.length);
tn.removeChild(tn.childNodes[0]);
tn.appendChild(tnapp);
tn3=document.getElementById("optsh_1");
}

function showhideopts(type){
tn.style.display=(type==0)?"block":"none";
tn2.style.display=(type==0)?"none":"block";
document.body.focus();
tn2.selectedIndex=tn3.selectedIndex;
}

</script>

</head>

<body>

<form name="formnavn">
<select name="options_1" onmousedown="showhideopts(0);"><option>Test 1</option><option>Test 2</option><option>Test 3</option><option>Test 4</option></select>
</form>

<div id="opts_1" style="display:none;">a</div>
</body></html>

Synes godt om

mclemens Nybegynder

21. april 2006 - 01:39 #7

Nej, den skulle være åben fra start af... doh

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">

tn="";tn2="";tn3="";

window.onload=function(){
tn=document.getElementById("opts_1");
tn2=document.forms.formnavn.options_1;

tnt=tn2.offsetTop;tnl=tn2.offsetLeft;

tnx=tn2;while(tnx=tnx.offsetParent){
tnt+=tnx.offsetTop;
tnl+=tnx.offsetLeft;
}

tn.style.position="absolute";
tn.style.top=tnt+"px";
tn.style.left=tnl+"px";

tnapp=tn2.cloneNode(true);
tnapp.onclick=function(){showhideopts(1);}
tnapp.setAttribute("id","optsh_1");
tnapp.setAttribute("name","optsh_1");
tnapp.setAttribute("size",tnapp.childNodes.length);
tn.removeChild(tn.childNodes[0]);
tn.appendChild(tnapp);
tn3=document.getElementById("optsh_1");
showhideopts(0);
}

function showhideopts(type){
tn.style.display=(type==0)?"block":"none";
tn2.style.display=(type==0)?"none":"block";
document.body.focus();
tn2.selectedIndex=tn3.selectedIndex;
}

</script>

</head>

<body>

<form name="formnavn">
<select name="options_1" onmousedown="showhideopts(0);"><option>Test 1</option><option>Test 2</option><option>Test 3</option><option>Test 4</option></select>
</form>

<div id="opts_1" style="display:none;">a</div>
</body></html>

Synes godt om

mclemens Nybegynder

21. april 2006 - 01:51 #8

og for bedre visuelt resultat så
documentet, scripts m.v.
...
og rettet fra dette punkt og nedefter med nedenstående script o.s.v.:

function showhideopts(type){
tn.style.display=(type==0)?"block":"none";
tn2.disabled=(type==0)?true:false;
document.body.focus();
tn2.selectedIndex=tn3.selectedIndex;
}

</script>

</head>

<body>

<form name="formnavn" style="display:inline;">
<select name="options_1" onmousedown="showhideopts(0);"><option>Test 1</option><option>Test 2</option><option>Test 3</option><option>Test 4</option></select>
</form>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

<div id="opts_1" style="display:none;">a</div>
</body></html>

Synes godt om

mclemens Nybegynder

21. april 2006 - 02:01 #9

Og en lille bug fix sat ind på onsubmit, så knappen ikke
uheldigvis står til disabled, når man trykker på submit ...

(undskyld de mange posts... men jeg så først fejlene bagefter
og ville rette dem - desværre var der en del fejl ...)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">

tn="";tn2="";tn3="";

window.onload=function(){
tn=document.getElementById("opts_1");
tn2=document.forms.formnavn.options_1;

tnt=tn2.offsetTop;tnl=tn2.offsetLeft;

tnx=tn2;while(tnx=tnx.offsetParent){
tnt+=tnx.offsetTop;
tnl+=tnx.offsetLeft;
}

tn.style.position="absolute";
tn.style.top=tnt+"px";
tn.style.left=tnl+"px";

tnapp=tn2.cloneNode(true);
tnapp.onclick=function(){showhideopts(1);}
tnapp.setAttribute("id","optsh_1");
tnapp.setAttribute("name","optsh_1");
tnapp.setAttribute("size",tnapp.childNodes.length);
tn.removeChild(tn.childNodes[0]);
tn.appendChild(tnapp);
tn3=document.getElementById("optsh_1");
showhideopts(0);
}

function showhideopts(type){
tn.style.display=(type==0)?"block":"none";
tn2.disabled=(type==0)?true:false;
document.body.focus();
tn2.selectedIndex=tn3.selectedIndex;
}

</script></head>

<body>
<form name="formnavn" style="display:inline;" onsubmit="showhideopts(1);">
<select name="options_1" onmousedown="showhideopts(0);"><option>Test 1</option><option>Test 2</option><option>Test 3</option><option>Test 4</option></select>
<input type="submit" value="Afsend">
</form>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

<div id="opts_1" style="display:none;">a</div>
</body></html>

Synes godt om

mclemens Nybegynder

21. april 2006 - 02:10 #10

Hov, hvad søren bruger jeg tid og alt den kode på...
psykochicken har jo fundet det ekstra, der manglede :D
( 20/04-2006 17:26:41 )

Synes godt om

Slettet bruger

23. april 2006 - 08:56 #11

Men det er slet ikke det jeg søger, men tak alligevel.
/lukker

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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	03/05/202613:59
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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS