Select width vastzetten - dropdown wel breder - Softwareontwikkeling

vrijdag 4 februari 2005 13:39

Acties:

Verwijderd

Topicstarter

Ik zit met het volgende probleem:

Om een select netjes binnen het design van de website te houden blok ik deze qua breedte af op de volgende manier:

<select name="subject" style="width:100px">

Ondanks dat er dan langere woorden instaan wordt het design in ieder geval niet uit elkaar getrokken. Is het mogelijk dat de dropdown lijst wel breder is zodat je alles volledig kunt lezen? Nu worden de woorden afgekapt op 100 pixels. Ik meen me te herinneren dat ik dit weleens gezien heb met javascript maar kan het nergens vinden.

vrijdag 4 februari 2005 13:46

Acties:

André

Analytics dude

Nee.

Dat zou alleen kunnen met een DHTML dropdown.

vrijdag 4 februari 2005 13:51

Acties:

BtM909

Watch out Guys...

boppert schreef op vrijdag 04 februari 2005 @ 13:47:
pssst: dit soort vragen moeten in dit forum geplaatst worden: Webdesign & Graphics

Pssst

Kan je niet wat truuken met de width bij het activeren van de selects?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

vrijdag 4 februari 2005 14:28

Acties:

frickY

Kun je de select niet clippen en de overflow hiden oid?

vrijdag 4 februari 2005 14:41

Acties:

André

Analytics dude

@BtM909 en frickY: hoe zien jullie dat voor je? Op het moment dat je de width veranderd, veranderd de width van de hele select, en als je gata clippen clip je ook direct de hele select. Je kunt het pulldown vak niet apart stylen.

vrijdag 4 februari 2005 14:48

Acties:

Creepy

Tactical Espionage Splatterer

P&W -> W&G

"I had a problem, I solved it with regular expressions. Now I have two problems". That's shows a lack of appreciation for regular expressions: "I know have _star_ problems" --Kevlin Henney

vrijdag 4 februari 2005 15:25

Acties:

BtM909

Watch out Guys...

André schreef op vrijdag 04 februari 2005 @ 14:41:
@BtM909 en frickY: hoe zien jullie dat voor je? Op het moment dat je de width veranderd, veranderd de width van de hele select, en als je gata clippen clip je ook direct de hele select. Je kunt het pulldown vak niet apart stylen.

Heb geen tijd om 't uit te werken, maar dit is een eerste opzet:
Heb ff voor CSS gekozen, * BtM909 loves kleurtjes

Cascading Stylesheet:

<html>
<head>
<style type="text/css" media="all">
form{
    position: relative;
    border: 1px solid red;
    width: 100px;
    overflow: hidden;
    height: 300px;
}

#BtM909{
    position: absolute;
    width: 400px;
    top: 0; left: 0; z-index:2;
}
</style>
</head>
<body>
<form>
<select id="BtM909">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
</form>
</body>
</html>

Heb ff gekozen voor een form width-cap, maar je kan er iets anders voor gebruiken. Je ziet ook een z-index, maar dat was meer bedoelt om het dropdown vinkje weer zichtbaar te maken met een andere select (daar heb ik dus ff geen tijd voor

)

[ Voor 54% gewijzigd door BtM909 op 04-02-2005 15:31 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

vrijdag 4 februari 2005 15:33

Acties:

Verwijderd

Topicstarter

Tnx! Daar ga ik eens mee verder spelen. $_/-\o_$

vrijdag 4 februari 2005 15:36

Acties:

André

Analytics dude

Grappig, onderstaande is precies wat TS wil alleen werkt dat niet in IE:

HTML:

<html>
  <head>
    <title>Test</title>
    <style>
      .pulldown {
        width: 100px;
      }

      .opt {
        width: 400px;
      }
    </style>
  </head>
  <body>
    <select class="pulldown">
      <option class="opt">Andre is cool A</option>
      <option class="opt">Andre is cool B</option>
      <option class="opt">Andre is cool C</option>
    </select>
  </body>
</html>

In IE krijg ik het alleen voor elkaar door een layer er omheem te zetten met een overflow: hidden; Je mist dan wel het pijltje naast de select, en aangezien die er overal andere uit kan zien kun je hem ook niet vervangen door een plaatje.

[ Voor 34% gewijzigd door André op 04-02-2005 15:38 ]

vrijdag 4 februari 2005 15:39

Acties:

BtM909

Watch out Guys...

Dat is precies hetzelfde waarmee ik begon

, maar ging uit van 't slechtste van de mens

en zocht een crossbrowser oplossing

Weet jij trouwens of het mogelijk is om een pull-down met JS open te zetten? Want dan kan je met een dummy pull-down het open event simuleren van de echte.

[ Voor 42% gewijzigd door BtM909 op 04-02-2005 15:44 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

vrijdag 4 februari 2005 15:45

Acties:

André

Analytics dude

BtM909 schreef op vrijdag 04 februari 2005 @ 15:39:

Weet jij trouwens of het mogelijk is om een pull-down met JS open te zetten? Want dan kan je met een dummy pull-down het open event simuleren van de echte.

Voor zover ik weet kan dat niet.

zaterdag 5 februari 2005 01:24

Acties:

SchizoDuckie

Kwaak

BtM909 schreef op vrijdag 04 februari 2005 @ 15:39:
Dat is precies hetzelfde waarmee ik begon , maar ging uit van 't slechtste van de mens en zocht een crossbrowser oplossing

Weet jij trouwens of het mogelijk is om een pull-down met JS open te zetten? Want dan kan je met een dummy pull-down het open event simuleren van de echte.

JavaScript:

1	document.getElementById('selectding').click(); // ?

[ Voor 5% gewijzigd door SchizoDuckie op 05-02-2005 01:24 ]

Stop uploading passwords to Github!

zaterdag 5 februari 2005 01:35

Acties:

André

Analytics dude

SchizoDuckie schreef op zaterdag 05 februari 2005 @ 01:24:
[...]
JavaScript:
1
document.getElementById('selectding').click(); // ?

Dat had ik lokaal idd al geprobeerd, maar dat werkte niet.

zaterdag 5 februari 2005 02:14

Acties:

BtM909

Watch out Guys...

SchizoDuckie schreef op zaterdag 05 februari 2005 @ 01:24:
[...]
JavaScript:
1
document.getElementById('selectding').click(); // ?

Die had ik wel geprobeerd hoor

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.