Select box

Hvis du har angivet en size attribut til den, er det en liste, du kan scrolle i. Hvis du ikke angiver en size, er det er dropdownboks. Er det sådant noget du er efter ?

sådan som jeg har forstået det er det bredden der er tale om!

Nej - Jeg fylder en select box dynamisk med strenge fra en database. Nogen af dem kan være meget lange og selectboxen antager automatisk den længde hvilket fuldstændigt smadrer mit design. 
Ja, Jeg kan angive en width og det er også fint.
Det redder ligesom designet, men jeg vil have det sådan at når boxen dropper ned så vil jeg se strengenes fulde længde.
Det kan man i access, men kan man det i html.
??
A_C

Hvot det skulle være en kommentar : )

Hvot=hov!

Du vil have at den \'knækker\' strengene, ligesom \'tvungen ny linie\' ?

Ja på en måde.
Idet den ikke er foldet ud skal den bare skære strengene af og når den er foldet ud viser den så den fulde længde.
Det er selvfølgelig klart at der ikke er tale et linieskift da det ville give en temmelig mærkelig
select box.

Jeg ved at <olebole> her på Eksperten har en dropdown box, hvor han har lavet pilen og overskriften som en gif og at den så retter sig ind efter strenglængden, som du ønsker, men jeg kan ikke huske url\'en. Prøv lige at søg lidt på \'liste\' og\'dropdown box\' så tror jeg, at du finder den.

Jeg skal hjem nu, men tjekker imorgen.
Tak for hjælpen so far!
A_C

Hvad med denne løsning:

<html>
<head>
    <title>Show hide</title>
<!--
Virker i IE 4.0, 5.0, 5.5, 6.0 og NS 4.x / 6.x
-->
<script language=\"javascript\">
<!--
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;

function over(id){
if (ns4){
document.layers[id].visibility = \"show\"
}else if (ns6) {
document.getElementById(id).style.visibility = \"visible\";
} else if (ie5) {
document.getElementById(id).style.visibility = \"visible\";
}else if (ie4) {
document.all[id].style.visibility = \"visible\";
    } 
}

function ud(id){
if (ns4){
document.layers[id].visibility = \"hide\"
}else if (ns6) {
document.getElementById(id).style.visibility = \"hidden\";
} else if (ie5) {
document.getElementById(id).style.visibility = \"hidden\";
}else if (ie4) {
document.all[id].style.visibility = \"hidden\";
    } 
}
//-->
</script>
</head>

<body>
<p>Med layers:</p>
<br>
<a href=\"#\" onMouseover=\"over(\'lag\')\" onMouseout=\"ud(\'lag\')\">OnMouseOver - vis boks</a>
<br><br>
<a href=\"#\" onClick=\"over(\'lag\')\">onClick - vis boks</a>
<br><br>

<p>Du kan evt. sætte en gif ind ...</p>
<div id=\"lag\" name=\"lag\" style=\"position: absolute; left:50; top:150; width: 200; height:100; z-index: 3; visibility: hidden\">
<br><select name=\"\" size=4>
    <option>bla bla bla bla</option>
    <option>mmm mmm mmm mmm</option>
    <option>En hulens lang streng En hulens lang streng En hulens lang streng En hulens lang streng En hulens lang streng En hulens lang streng </option>
</select></div>

</body>
</html>

Sjovt ligner pudsigt nok noget jeg lavede i forgårs.... ;-=)

>nikolajdu. Mener du filen :)

Jeg mener scriptet. Anyway er genbrug godt :-)

Ja, men det skal såmen nok passe, at det er dig, der har barslet med den her  :) ... aner ik\', hvor jeg har samlet det op ...

hehe :-)

Synes det her har en slående lighed.

<html>
<head>
    <title>Untitled</title>     
<script language=\"javascript\">   
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;

function over(id){
if (ns4){
document.layers[id].visibility = \"show\"
}else if (ns6) {
document.getElementById(id).style.visibility = \"visible\";
} else if (ie5) {
document.getElementById(id).style.visibility = \"visible\";
}else if (ie4) {
document.all[id].style.visibility = \"visible\";
    } 
}

function ud(id){
if (ns4){
document.layers[id].visibility = \"hide\"
}else if (ns6) {
document.getElementById(id).style.visibility = \"hidden\";
} else if (ie5) {
document.getElementById(id).style.visibility = \"hidden\";
}else if (ie4) {
document.all[id].style.visibility = \"hidden\";
    } 
}

</script>
</head>

<body>
<a href=\"#\" onMouseover=\"over(\'lag\')\" onMouseout=\"ud(\'lag\')\">kuk</a>

<div id=\"lag\" name=\"lag\" style=\"position: absolute; left:50; top:50; width: 200; height:100; z-index: 3; visibility: hidden\">Denne tekst vises n&aring;r der klikkes</div>

</body>
</html>

Ja det er flot - jeg kan kun anbefale det :)))) ... du må gerne låne min kopi :o)

BTW kan du huske hvor <olebole> har sin dropdown med egen interface (gif), jeg tror a_c måske kan bruge det. Ellers er der nok ingen anden vej end tabeller - eller hva\' sir\' du ?

Du tænker nok på Ole videreudvikling af geeeet´s scrollbar

http://www.olebole.f2s.com/scroller/

ikke testet:
Hvis du lægger selectboksen på en side for sig selv.

Og så loader den side ind i en iframe der ikke er bredere eller højere end du ønsker den sammenklappede selectboks skal være.

Så vil jeg mene du får den effekt du ønsker.

mvh JakobA

Jeg ved sgu nærmest ikke hvem jeg skal give point\'sne men Tony du får dem.
nikolajdu>>hvis du synes det er totalt unfair så brok dig så smider jeg nogen point til dig.

A_C

>>A_C - OK tak for point

>nikolajdu - Du må godt få 5, bare sig til :)
P.s. Nej det var desværre ikke scrolleren jeg tænkte på ...

Nej da jeg synes ikke det er unfair. Hvis jeg mente jeg havde opfundet den dybe tallerken med det script havde jeg aldrig lagt det på nettet :-)