dropdownlijst indeling probleem!

[Verwijderd]

Ik heb voor een dropdownlijst een simpele indeling gemaakt. Echter ik draai zelf IE 6.0 en Win XP. Daar krijg ik de indeling prima te zien.
Echter heb dit bekeken op bijv. een systeem met win98 en IE 5.0 maar daar zag ik de indeling niet. De "kopjes" waren daar verdwenen.... ???

De code die ik gebruik is als volgt:

<select name="plaats">
<option value="bestemming" selected>Kies hier u bestemming</option>

<optgroup label="Afrika">

<option value="af">Land 1</option>
<option value="af">Land 2</option>
</optgroup>

<optgroup label="Azie">

<option value="af">Land 1</option>
<option value="af">Land 2</option>
<option value="af">Land 3</option>
</optgroup>
</select>

Ik krijg dus nu op die machine van win98 en IE 5.0 de "kopjes" afrika en azie niet te zien, en gewoon alle landen onder elkaar...

Iemand een idee waar dit aan ligt ?
En hoe ik dit kan oplossen ?

[whoami]

HTML vragen horen niet thuis in P&W maar in W&G.

Topic over de schutting gegooid:
p&w -> w&g

[PowerSp00n]

Ik ken heel dat optgroup niet. Is dat niet iets nieuws wat nog niet in IE 5.0 zit?

[Verwijderd]

optgroup zou al een tijdje moeten bestaan hoor !

[Bosmonster]

nooit van gehoord optgroup

je kunt het ook doen door dewoon de style van een option te veranderen en er geen actie aan te verbinden.. Kun je ook "optgroups" maken die WEL xbrowser-compatible zijn.

[Verwijderd]

Op vrijdag 28 juni 2002 11:34 schreef Bosmonster het volgende:
nooit van gehoord optgroup

je kunt het ook doen door dewoon de style van een option te veranderen en er geen actie aan te verbinden.. Kun je ook "optgroups" maken die WEL xbrowser-compatible zijn.

Ok, heb je een voorbeeld hoe ik het dan op jou manier zou kunnen doen ? door de style's te veranderen...

[Verwijderd]

Op vrijdag 28 juni 2002 11:23 schreef deurs040 het volgende:
optgroup zou al een tijdje moeten bestaan hoor !

Bestaan, ja:
http://www.w3.org/TR/html4/interact/forms.html#h-17.6

Ondersteund:
IE 5.5 neen
Opera 5.12 neen
NS 4.7 neen
Moz 1.0 yep

tel uit je winst...

[Verwijderd]

mmm, ik heb dus ff zitten kijken.. de optie optgroup wordt inderdaad niet echt goed ondersteund...

OPTGROUP is not well supported by current browsers, but its design allows authors to use it today without sacrificing compatibility with non-supporting browsers. Supporting browsers will render the preceding example using the LABEL attribute of OPTION to provide just the version number, along with the OPTGROUP's LABEL, which gives the full name of the application. This allows a compact display with easy-to-use cascading menus.



Iemand een idee hoe ik hetzelfde effect kan bereiken zonder dat optgroup ?

[Sn3akz]

Ik heb ook nog nooit van optgroup gehoord... Toch maar weer eens in de boeken duiken.. Blijkbaar is m'n HTML weer uti de tijd wordt je toch ook strontziek van...

PHP, MySQL, Flash, PhotoShop, ASP, CSS, HTML, XML

Je moet het ALLEMAAL kunnen om een beetje normale webpagina in elkaar te knutselen.. Soms duizelt het me

[Bosmonster]

Op vrijdag 28 juni 2002 11:36 schreef deurs040 het volgende:

[..]

Ok, heb je een voorbeeld hoe ik het dan op jou manier zou kunnen doen ? door de style's te veranderen...

<option style="background-color:#FF0000">bla</option>

[cutter]

Zou toch vrij compatible moeten zijn:

http://www.iocode.net/references/html/tags/tag_optgroup.php

http://www.w3.org/TR/REC-html40-971218/interact/forms.html#h-17.6

[cutter]

[topic=510050] vraag heb je al eerder gesteld bij de weg.

[Verwijderd]

Op vrijdag 28 juni 2002 11:41 schreef cutter het volgende:
Zou toch vrij compatible moeten zijn:

http://www.iocode.net/references/html/tags/tag_optgroup.php

http://www.w3.org/TR/REC-html40-971218/interact/forms.html#h-17.6

Ja, ik word er nu dus ff HELEMAAL dol van...

Die tag optgroup staat dus bij de een aangeschreven als compatible en bij de ander weer niet...
Ik heb zelf het idee dan het niet compatible is dus wil ervan af...
Maar hoe krijg ik nu het zelfde effect zonder die tag...

Dus dat ik in mijn dropdown de indeling krijg:

LAND (niet kiesbaar in dropdown)
plaats1 (moet kiesbaar zijn)
plaats2 (moet kiesbaar zijn)
LAND2 (niet kiesbaar in dropdown)
plaats1 (enz enz...)

HELP>>>>

[Verwijderd]

Misschien proberen met javascript, dat je een onClick maakt met daarin een functie die checkt of je een 'niet-kiesbare' item hebt gekozen en de selector balkje 1tje naar beneden schopt. Moet volgens mij mogelijk zijn.

[Verwijderd]

Op vrijdag 28 juni 2002 12:27 schreef PowerSp00n het volgende:

[..]

Ja. En nu bijna een maand later maakt hij een topic dat het niet helemaal wil lukken. so what? Vind je post een beetje "overbodig" maargoed.

ok, eindelijk iemand die het begrijpt... ik heb gewoon al een tijdje zelf zitten prutsen. heb een en ander gezocht over de functie optgroup, maar kom er nu achter dat optgroup niet wordt ondersteund door alle browsers....

Ik wil het liefst ff geen javascript gaan gebruiken, wie kan mij nu een oplossing geven dat ik het gewenste resultaat bereik ????

IS er dan niemand die dit probleem eerder heeft gehad ?

[André]

code:

<option name="Afrika" value="A">Land 1</option>
<option name="Afrika" value="B">Land 2</option>


<option name="Azie" value="A">Land 1</option>
<option name="Azie" value="B">Land 2</option>

Zo doe ik het iig.

[Verwijderd]

Op vrijdag 28 juni 2002 12:38 schreef Yogho het volgende:

code:

<option name="Afrika" value="A">Land 1</option>
<option name="Afrika" value="B">Land 2</option>


<option name="Azie" value="A">Land 1</option>
<option name="Azie" value="B">Land 2</option>

Zo doe ik het iig.

ja, maar nu zie ik natuurlijk niet in mijn dropdown de indeling van afrika en azie... dat het in mijn code verdeeld is dat snap ik.
Maar hoe krijg ik nu in mijn dropdown de indeling te zien
Afrika
....
....
Azie
....
....

Zodat afrika en azie NIET te selecteren zijn en de rest wel.

ideetje ?

[Verwijderd]

Zoiets?

code:

<Style>
   .optgroep { background-Color: #E1E1FF; }
   .itempje { background-Color: #F2F2FF; }
</Style>
<script>
   function doChk(temp) {
    if ( temp.value == '-1' ) temp.value='MA';
    if ( temp.value == '-2' ) temp.value='AM';
   
   }
</script>
<select onClick="doChk(this);" name=huih>
    <option value="" class="optgroep" selected>(Selecteer een item)</option>
    <option value="-1" class="optgroep">Frankrijk</option>
    <option value="MA" class="itempje">&nbsp;&nbsp;&nbsp;Marseille</option>
    <option value="PA" class="itempje">&nbsp;&nbsp;&nbsp;Paris</option>
    <option value="-2" class="optgroep">Nederland</option>
    <option value="AM" class="itempje">&nbsp;&nbsp;&nbsp;Amsterdam</option>
    <option value="RO" class="itempje">&nbsp;&nbsp;&nbsp;Rotterdam</option>
  </optgroup>
</select>

Voorbeeld hierzo: http://realkiller.clan-organized.nl/test.htm

[Verwijderd]

Op vrijdag 28 juni 2002 12:46 schreef Org.RealKiller het volgende:
Zoiets?

code:

<Style>
   .optgroep { background-Color: #E1E1FF; }
   .itempje { background-Color: #F2F2FF; }
</Style>
<script>
   function doChk(temp) {
    if ( temp.value == '-1' ) temp.value='MA';
    if ( temp.value == '-2' ) temp.value='AM';
   
   }
</script>
<select onClick="doChk(this);" name=huih>
    <option value="" class="optgroep" selected>(Selecteer een item)</option>
    <option value="-1" class="optgroep">Frankrijk</option>
    <option value="MA" class="itempje">&nbsp;&nbsp;&nbsp;Marseille</option>
    <option value="PA" class="itempje">&nbsp;&nbsp;&nbsp;Paris</option>
    <option value="-2" class="optgroep">Nederland</option>
    <option value="AM" class="itempje">&nbsp;&nbsp;&nbsp;Amsterdam</option>
    <option value="RO" class="itempje">&nbsp;&nbsp;&nbsp;Rotterdam</option>
  </optgroup>
</select>

Voorbeeld hierzo: http://realkiller.clan-organized.nl/test.htm

OK, thanks met een beetje sleutel werk kan ik hier mijn eigen benodigdheden uithalen.
Dit is tenminste wat ik bedoel !

Bedankt

[André]

In de options die niet geselecteerd mogen worden moet je dan even 'disabled' zetten. Dan kun je onClick="doChk(this);" weglaten, en heb je geen javascript.

[Verwijderd]

Op vrijdag 28 juni 2002 12:49 schreef deurs040 het volgende:

Dit is tenminste wat ik bedoel !

Je wilde toch geen javascript gebruiken?

[Verwijderd]

'het liefst geen javascript' zei hij, maar als je moet kiezen tussen javascript (waarvan 98% van de internetters het ondersteund) en optgroup (waarvan uuh.. niet veel internetters het ondersteund) zou je toch moeten gaan voor javascript lijkt mij. En mocht de javascript niet werken, kun je dit eventueel opvangen omdat de values beginnen met een streepie.

[Verwijderd]

Op vrijdag 28 juni 2002 12:50 schreef Yogho het volgende:
In de options die niet geselecteerd mogen worden moet je dan even 'disabled' zetten. Dan kun je onClick="doChk(this);" weglaten, en heb je geen javascript.

Had ik nog niet aan gedacht dat disabled gelijk even geprobeerd maar het werkt niet bij (Internet explorer 5)

[André]

Op vrijdag 28 juni 2002 12:55 schreef Org.RealKiller het volgende:

Had ik nog niet aan gedacht dat disabled gelijk even geprobeerd maar het werkt niet bij (Internet explorer 5)

Hier heb ik IE5 + Win2k en dat doet ut prima.

[Verwijderd]

Op vrijdag 28 juni 2002 13:07 schreef Yogho het volgende:

[..]

Hier heb ik IE5 + Win2k en dat doet ut prima.

Ik heb zelf ook een aantal keren disabled gebruikt, bij mij werkt dat namelijk ook niet !
ik draai winXP en IE 6.0