Notifikationer

Markér alle som læst Log ud

jmc Nybegynder

20. december 2001 - 14:50 Der er 20 kommentarer og
1 løsning

hack til form dropdown (width)

Er der ikke en måde at undgå fuld bredte på en dropdown? Kun når man vælger folder den helt ud. (over de andre formfelter!) Har du et tip?

Synes godt om

steen_hansen Forsker

20. december 2001 - 14:54 #1

Jeg forstår ikke helt dit problem? Har du en side du kan henvise til?

Synes godt om

Søren Bech Morsing Praktikant

20. december 2001 - 14:55 #2

måske med noget javascript, skrive kun et bestemt antal tegn ud for hver linien i din dropdown.

Og med onFocus, så disabler du den funktion så den viser det hele

Tror det kunne lade sig gøre forholdsvis nemt

Synes godt om

jmc Nybegynder

20. december 2001 - 14:59 #3

jeg har igen side men hørt at det nemt skulle kunne lade sig gøre! jeg leder selv efter et eksempel!

Synes godt om

steen_hansen Forsker

20. december 2001 - 15:04 #4

Du vil have, at den har en lille bredde, og når man så trykker på pilen til højre, skal boksen rette sig ud efter det antal karakterer, som dine punkter i drop-down boksen har?

Synes godt om

jmc Nybegynder

20. december 2001 - 15:08 #5

yebs en dropdown retter sig altid efter antal chars i bredten og det må den også gerne ved fold out. Men når den er lukket vil jeg gerne bestemme bredten. Når den folder ud skal den derfor kunne gå over nogle andre formfelter som derved komme til at ligge bag eller blive skubbet til højre. Hver at dette er klart!

Synes godt om

steen_hansen Forsker

20. december 2001 - 15:14 #6

Det er muligt, at det kan lade sig gøre. Det tror jeg desværre bare ikke det kan.

Hvorfor skal den være så lille? Jeg vil klart anbefale dig at \"møblere\" om på dine formularer og få det hele tipasset ordentligt.

Synes godt om

jmc Nybegynder

20. december 2001 - 15:22 #7

DESVÆRRE BLIVER DER FOR MEGET I BREDTEN OG DETTE GIVER EN SCROLL! DER ER IKKE NOGET AT GØRE DA DET SKAL STÅ PÅ EN RÆKKE!

Synes godt om

steen_hansen Forsker

20. december 2001 - 15:31 #8

Så bruger du uhensigtsmæssigt lange navne, eller også er dine kolonner for smalle. Jeg er bange for, AT DER IKKE ER NOGET AT GØRE!

Synes godt om

ras2000 Nybegynder

20. december 2001 - 15:46 #9

Det virker ikke så godt, men det virker:
<select name=\"noget\" style=\"width:50\" onclick=\"this.style.width=\'\'\" onblur=\"this.style.width=\'50\'\">
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
</select>

Synes godt om

ras2000 Nybegynder

20. december 2001 - 15:51 #10

Denne her virker lidt bedre.
<select name=\"noget\" style=\"width:50\" onfocus=\"this.style.width=\'\'\" onblur=\"this.style.width=\'50\'\">
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
<option>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </option>
</select>

Synes godt om

jmc Nybegynder

20. december 2001 - 15:56 #11

steen hansen > det bestemmer jeg ikke, men kunde som indtaster via et backoffice!

ras2000 > (det er på vej til noget godt) men kan man undgå at skulle trykke 2 gange. Brugdscenariet er mange indtastninger hele dagen!

Synes godt om

jmc Nybegynder

20. december 2001 - 16:00 #12

ellers tak ras2000

Synes godt om

sparkl Nybegynder

20. december 2001 - 16:01 #13

Har ikke tid til at kigge på det lige nu..(da jeg er på vej ud at handle julegaver) men det kan godt lade sig gøre i javascript..

Synes godt om

ras2000 Nybegynder

20. december 2001 - 16:03 #14

Det ville jeg også gerne, men jeg kan sq ikke få det til det.

Synes godt om

jmc Nybegynder

07. januar 2002 - 11:23 #15

Det lader ikke til at man kan undgå tre klik på formfielded!

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
</head>

<body bgcolor=\"#FFFFFF\" text=\"#000000\">
<form name=\"form1\" method=\"post\" action=\"\">
<table width=\"200\" border=\"0\">
<tr>
<td>
<select name=\"noget\" style=\"width:50\" onFocus=\"this.style.width=\'\'\" onBlur=\"this.style.width=\'50\'\">
<option>1111111111111111111111</option>
<option>222222222222222222222222</option>
<option>333333333333333333</option>
<option>4444444444444444444 </option>
<option>5555555555555555555</option>
<option>666666666666666666</option>
<option>7777777777777777 </option>
<option>88888888888888888</option>
<option>999999999999999999</option>
<option>00000000000000000000000</option>
<option>11111111111111111111111</option>
</select>
</td>
<td>
<input type=\"radio\" name=\"radiobutton\" value=\"radiobutton\">
</td>
<td>
<input type=\"checkbox\" name=\"checkbox\" value=\"checkbox\">
</td>
</tr>
<tr>
<td>
<select name=\"noget\" style=\"width:50\" onFocus=\"this.style.width=\'\'\" onBlur=\"this.style.width=\'50\'\">
<option>1111111111111111111111</option>
<option>222222222222222222222222</option>
<option>333333333333333333</option>
<option>4444444444444444444 </option>
<option>5555555555555555555</option>
<option>666666666666666666</option>
<option>7777777777777777 </option>
<option>88888888888888888</option>
<option>999999999999999999</option>
<option>00000000000000000000000</option>
<option>11111111111111111111111</option>
</select>
</td>
<td>
<input type=\"radio\" name=\"radiobutton\" value=\"radiobutton\">
</td>
<td>
<input type=\"checkbox\" name=\"checkbox\" value=\"checkbox\">
</td>
</tr>
<tr>
<td>
<select name=\"noget\" style=\"width:50\" onFocus=\"this.style.width=\'\'\" onBlur=\"this.style.width=\'50\'\">
<option>1111111111111111111111</option>
<option>222222222222222222222222</option>
<option>333333333333333333</option>
<option>4444444444444444444 </option>
<option>5555555555555555555</option>
<option>666666666666666666</option>
<option>7777777777777777 </option>
<option>88888888888888888</option>
<option>999999999999999999</option>
<option>00000000000000000000000</option>
<option>11111111111111111111111</option>
</select>
</td>
<td>
<input type=\"radio\" name=\"radiobutton\" value=\"radiobutton\">
</td>
<td>
<input type=\"checkbox\" name=\"checkbox\" value=\"checkbox\">
</td>
</tr>
<tr>
<td>
<select name=\"noget\" style=\"width:50\" onFocus=\"this.style.width=\'\'\" onBlur=\"this.style.width=\'50\'\">
<option>1111111111111111111111</option>
<option>222222222222222222222222</option>
<option>333333333333333333</option>
<option>4444444444444444444 </option>
<option>5555555555555555555</option>
<option>666666666666666666</option>
<option>7777777777777777 </option>
<option>88888888888888888</option>
<option>999999999999999999</option>
<option>00000000000000000000000</option>
<option>11111111111111111111111</option>
</select>
</td>
<td>
<input type=\"radio\" name=\"radiobutton\" value=\"radiobutton\">
</td>
<td>
<input type=\"checkbox\" name=\"checkbox\" value=\"checkbox\">
</td>
</tr>
<tr>
<td>
<select name=\"noget\" style=\"width:50\" onFocus=\"this.style.width=\'\'\" onBlur=\"this.style.width=\'50\'\">
<option>1111111111111111111111</option>
<option>222222222222222222222222</option>
<option>333333333333333333</option>
<option>4444444444444444444 </option>
<option>5555555555555555555</option>
<option>666666666666666666</option>
<option>7777777777777777 </option>
<option>88888888888888888</option>
<option>999999999999999999</option>
<option>00000000000000000000000</option>
<option>11111111111111111111111</option>
</select>
</td>
<td>
<input type=\"radio\" name=\"radiobutton\" value=\"radiobutton\">
</td>
<td>
<input type=\"checkbox\" name=\"checkbox\" value=\"checkbox\">
</td>
</tr>
</table>
</form>
</body>
</html>

Synes godt om

ras2000 Nybegynder

07. januar 2002 - 11:29 #16

Jeg prøvede at lave en function der når man klikkede på dropdownen, både ændrede bredden, og gik ned og valgte den første mulighed, men jeg kunne ikke få det til at virke, jeg ved ikke hvorfor det ikke vil. Jeg prøver lige igen....

Synes godt om

ras2000 Nybegynder

07. januar 2002 - 11:55 #17

Prøv det her, det er ikke så pænt, og lidt ustabilt, men jeg kan ikke se hvordan man ellers kan gøre det.
<td>
<select name=\"noget\" style=\"width:50\" onmouseover=\"skift(this)\" onmouseout=\"uskift(this)\" onclick=\"aktiv=\'ja\'\" onBlur=\"aktiv=\'nej\',

uskift(this)\">
<option>1111111111111111111111</option>
<option>222222222222222222222222</option>
<option>333333333333333333</option>
<option>4444444444444444444 </option>
<option>5555555555555555555</option>
<option>666666666666666666</option>
<option>7777777777777777 </option>
<option>88888888888888888</option>
<option>999999999999999999</option>
<option>00000000000000000000000</option>
<option>11111111111111111111111</option>
</select>
</td>
Du skal i øvrigt ikke give alle dine select-tags det samme navn, det skal være et unikt navn. Ellers får du problemer når du modtager informationen.

Synes godt om

jmc Nybegynder

07. januar 2002 - 12:34 #18

Nej, den giver ikke bredten af boxens tekst hos mig. Den er 50 selv når der er foldet ud!

Synes godt om

ras2000 Nybegynder

07. januar 2002 - 12:43 #19

Ups, jeg havde glemt at sende funktionen med:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script type=\"text/javascript\">
aktiv=\'nej\';
function skift(el) {
el.style.width = \'\';
}
function uskift(el) {
if (aktiv==\'nej\') el.style.width = 50;
}
</script>
</head>

<body bgcolor=\"#FFFFFF\" text=\"#000000\">
<form name=\"form1\" method=\"post\" action=\"\">
<table width=\"200\" border=\"0\">
<tr>
<td>
<select name=\"noget\" style=\"width:50\" onmouseover=\"skift(this)\" onmouseout=\"uskift(this)\" onclick=\"aktiv=\'ja\'\" onBlur=\"aktiv=\'nej\', uskift(this)\">
<option>1111111111111111111111</option>
<option>222222222222222222222222</option>
<option>333333333333333333</option>
<option>4444444444444444444 </option>
<option>5555555555555555555</option>
<option>666666666666666666</option>
<option>7777777777777777 </option>
<option>88888888888888888</option>
<option>999999999999999999</option>
<option>00000000000000000000000</option>
<option>11111111111111111111111</option>
</select>
</td>
<td>
<input type=\"radio\" name=\"radiobutton\" value=\"radiobutton\">
</td>
<td>
<input type=\"checkbox\" name=\"checkbox\" value=\"checkbox\">
</td>
</tr>

Synes godt om

jmc Nybegynder

07. januar 2002 - 12:53 #20

Det ser da meget godt ud!
tak ;o)

Synes godt om

ras2000 Nybegynder

07. januar 2002 - 12:57 #21

No problemo- du må hygge dig.

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 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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS