Link in selectbox

[Pete]

Voor een nieuwe website die ik aan het designen ben loop ik tegen een probleempje aan.

Ik wil dat mensen boven hun taal kunnen wijzigen door middel van een selectbox. Nu kun je relatief gemakkelijk met javascript maken dat er een link gevolgd wordt als de waarde van de selectbox gewijzigd wordt. Alleen wordt mijn site op die manier veel minder toegankelijk voor niet-grafische bezoekers als blinden en zoekmachines. Ook voor de mensen die javascript uit hebben staan werkt dit niet.

Nu was mijn eerste gedachte om in het option-element gewoon een anchor-element te plaatsen. Echter dit werkt niet en is ook geen valide html.

Wat is de beste manier om dit aan te pakken? Hoe kan ik het beste de functionaliteit verkrijgen die ik wil zonder bepaalde bezoekersgroepen uit te sluiten?

Ik meen ooit een artikel gelezen te hebben dat ul en li elementen (met daarin anchor elementen) omzetten naar een selectbox dmv css. Kan dit en hoe? (of heb ik het verkeerd onthouden)

[Verwijderd]

Je zou natuurlijk een formuliertje met daarin een select box kunnen gebruiken, en de onchange event van de select gebruiken om het formulier te versturen (onchange="this.form.submit();"). Maak er een submitknopje bij, en je hebt opgelost voor mensen mét en zonder javascript.

[NMe]

Of anders een variant op suckerfish menu's?

[Pete]

Verwijderd schreef op zaterdag 13 oktober 2007 @ 16:25:Je zou natuurlijk een formuliertje met daarin een select box kunnen gebruiken, en de onchange event van de select gebruiken om het formulier te versturen (onchange="this.form.submit();"). Maak er een submitknopje bij, en je hebt opgelost voor mensen mét en zonder javascript.

Ok, zover was ik gekomen. Maar op die manier is het nog niet leesbaar voor blinden en zoekmachines.

-NMe- schreef op zaterdag 13 oktober 2007 @ 16:38:
Of anders een variant op suckerfish menu's?

Suckerfish menu's zijn gewoon menu's. Niet echt een selectbox zoals ik in gedachten heb.

[ Voor 141% gewijzigd door Pete op 15-10-2007 17:41 ]

[RobIII]

Je kunt ook gewoon anchors maken en die hiden met wat JS en vervangen door een dropdown. Zo heb je voor non-JS (enabled) browsers gewoon de anchors en anders de dropdown.

[NMe]

phsmit schreef op zaterdag 13 oktober 2007 @ 16:43:
Suckerfish menu's zijn gewoon menu's. Niet echt een selectbox zoals ik in gedachten heb.

Met styles kun je heel veel. En verder heb je niet echt andere opties die geen JS nodig hebben.

[H004]

RobIII schreef op zaterdag 13 oktober 2007 @ 16:53:
Je kunt ook gewoon anchors maken en die hiden met wat JS en vervangen door een dropdown. Zo heb je voor non-JS (enabled) browsers gewoon de anchors en anders de dropdown.

bv: http://andrescholten.nl/i...element-spiderbaar-maken/

[Pete]

phsmit schreef op zaterdag 13 oktober 2007 @ 16:21:
Ik meen ooit een artikel gelezen te hebben dat ul en li elementen (met daarin anchor elementen) omzetten naar een selectbox dmv css. Kan dit en hoe? (of heb ik het verkeerd onthouden)

H004 schreef op zondag 14 oktober 2007 @ 12:28:
[...]

bv: http://andrescholten.nl/i...element-spiderbaar-maken/

Kijk dat is de pagina die ik in gedachten had. Het is alleen javascript ipv css. Ik ga nog eens nadenken welke methode ik ga kiezen.

[NMe]

CSS kan sowieso niets "omzetten". Als iets een ul is, dan kan het niet ineens door CSS een select worden.

[Snake]

Langs de select een button maken?

[samo]

HTML:

<noscript><input type="submit"></noscript>

Is een makkelijke en snelle oplossing om toch een submit knop erachter te krijgen in geval van geen javascript.

[NMe]

Dan nog wordt er niets geïndexeerd door Google.

[Pete]

-NMe- schreef op zondag 14 oktober 2007 @ 14:27:
CSS kan sowieso niets "omzetten". Als iets een ul is, dan kan het niet ineens door CSS een select worden.

Dat klopt. Maar je kunt met css elementen zich laten gedragen als andere elementen. In theorie kun je met een image van een pijltje van de selectbox dmv css een ul als een selectbox er uit te laten zien. Uiteraard doet het niet hetzelfde als een select (het gaat geen waarde meegeven bij een formsubmit), maar op die manier wilde ik het ook niet gaan gebruiken.

Ik realiseerde vanmiddag pas dat ik zelf weet hoe ik het met css moet gaan aanpakken. Aan de ene kant heb ik dit topic dus te vroeg geopend (ik had het zelf ook uit kunnen zoeken), aan de andere kant heeft dit topic geholpen in het denkproces.

[NMe]

Als je met CSS een select wil nabootsen, dan heb je toch juist wél wat aan suckerfish?

[ibmos2warp]

-NMe- schreef op maandag 15 oktober 2007 @ 15:14:
Als je met CSS een select wil nabootsen, dan heb je toch juist wél wat aan suckerfish?

Zo out of the box werkt suckerfish niet goed in IE (iig, dat heb ik gemerkt). IE heeft juist de javascript die bij suckerfish zit nodig, firefox en opera niet.

[NMe]

Het punt is dat je dan zelfs met javascript nog steeds valide en door zoekmachines te lezen links hebt.

[Pete]

-NMe- schreef op maandag 15 oktober 2007 @ 15:14:
Als je met CSS een select wil nabootsen, dan heb je toch juist wél wat aan suckerfish?

Klopt, deze uitspraak van mij

phsmit schreef op zaterdag 13 oktober 2007 @ 16:43:
[...]

Suckerfish menu's zijn gewoon menu's. Niet echt een selectbox zoals ik in gedachten heb.

klopt niet helemaal. Het is idd een vorm van Suckerfish wat ik nodig heb.