2 vragen over dropdown box.

[mathijsf]

Vraag 1

Ik heb een drop down box hier zie je hem:

<select name="state">
	<option value="NL">Nederlands</option></a>
	<option value="UK">United Kingdom</option></a>
	<option value="D">Deutch</option></a>
	<option value="E">espa&ntilde;ol</option></a>
</select>

Nu wil ik, dat als je op bijv. op Nederlands klikt. Dat je dan naar een andere pagina gaat.

_______________________________________________________________________
Vraag 2

Weet iemand ook hoe ik bijv. bij Nederlands in de dropdown box een plaatje zet. Bijv. van de Nederlandse vlag. 16x16, favicon formaat.

 

[tiener]

Antwoord 1:

<select name="state">
    <option value="NL" onClick="window.location.href='index.html'">Nederlands</option></a>
    <option value="UK">United Kingdom</option></a>
    <option value="D">Deutch</option></a>
    <option value="E">espa&ntilde;ol</option></a>
</select>

Antwoord 2:
Heb je hier misschien iets aan?
http://www.sitemasters.be/forum/11/32913

 

[mathijsf]

Wat bedoelen ze met padding?


Zou je de code eff hierneer kunnen zetten?

 

[bmtvrr]

Wat bedoelen ze met padding?

Padding is de ruimte tussen de binnenrand van een element en dingen die in het element zitten dus als ik typ:

<div style="padding: 5px; border: 1px solid black"><p>Test</p></div>

Dan is de afstand tussen de rand van het blok en de tekst 5 pixels

 

[mathijsf]

Dit is wat ik heb:

<select name="state">
	<option value="NL" onClick="window.location.href='http://runescape.com'" style="padding-left: 10px;  url('vlag_nederland.jpg')">Nederlands</option></a>
	<option value="UK" onClick="window.location.href='http://runescape.com'">English</option></a>
	<option value="D" onClick="window.location.href='http://runescape.com'">Deutch</option></a>
	<option value="E" onClick="window.location.href='http://runescape.com'">espa&ntilde;ol</option></a>
</select>

Maar ik zie het plaatje niet, wat doe ik fout?

 

[tiener]

background:url(vlag_nederland.jpg);

<select name="state">
	<option value="NL" onClick="window.location.href='http://runescape.com'" style="padding-left: 10px;  background:url(vlag_nederland.jpg);">Nederlands</option></a>
	<option value="UK" onClick="window.location.href='http://runescape.com'">English</option></a>
	<option value="D" onClick="window.location.href='http://runescape.com'">Deutch</option></a>
	<option value="E" onClick="window.location.href='http://runescape.com'">espa&ntilde;ol</option></a>
</select>

 

[That Guy]

probeer zoiets als css:

background: #fff url(vlag_nederland.png) no-repeat 2px 5px;

shorthand voor:

kleur plaatje herhaling vanaf_top vanaf_links

Ohja, en wat doen die </a> dingen?!


Je kan dit allemaal beter helemaal los halen van je HTML, zoiets:

<select onchange='changeDD(this);'>
    <option id='option_nl' value="NL" >Nederlands</option>
    <option value="UK">English</option>
    <option value="D">Deutch</option>
    <option value="E">espa&ntilde;ol</option>
</select>

[js]function changeDD(dd)
{
switch(dd.options[dd.selectedIndex].value)
{
case 'NL':
location.href = '';
break;
// zo ook voor de anderen
}
}[/js]

/* css */
#option_nl
{
   background: #fff url(vlag_nederland.png) no-repeat 2px 5px;
   padding: 0 26px 0 0;   /* vlag is 16 pixels, +5 van hierboven = 21, +5 voor extra padding
}