PDA

Volledige versie bekijken : jump menu werkt niet?


mech7
%Europe/Berlin %924 %2005, 23:11
Ik ben niet zo bekend met javascript.. ik heb een jump menu die moet kunnen selecteren welke taal je kiest.

Alleen hij werkt niet in IE :confused: weet iemand waarom ?


<form name="language" id="languageForm" method="GET">
<select name="selectLanguage" id="languageSelect" OnChange="location.href=language.selectLanguage.options[selectedIndex].value">
<option value="http://localhost/sumi/index.php">- - - select - - -</option>
<option selected value='index.php?language=26'>Dutch</option>
<option value='index.php?language=25'>English</option>
</select>
</form>




Edit* laat maar heb het al opgelost :)

Laiverd
%Europe/Berlin %948 %2005, 23:45
Voor zover ik weet is value niet een property van selectedIndex, maar van een formulier element.

Dit zou moeten werken:
<script language="JavaScript" type="text/javascript">
function goThere(){
location.href = window.document.forms["language"]["selectLanguage"].options.value;
// alert(window.document.forms["language"]["selectLanguage"].options.value);
}
</script>

En dan aanroepen met:
<select name="selectLanguage" id="selectLanguage" onchange="javascript:goThere()">

John

mech7
%Europe/Berlin %618 %2005, 15:51
hmm is er ook een manier om het xhtml compliant te krijgen..

Line 49, column 55: there is no attribute "onChange"

<select name="fieldname" id="languageSelect" onChange="openDir( this.form )">

Ik weet dat het met js kan door getElementbyID maar ik ben js n00b..

lord Greystoke
%Europe/Berlin %634 %2005, 16:13
Hi, dit moet werken:

<script type="text/javascript">
function gothere(where)
{
if(where != "") document.location.href=where;
}
</script>




<select name="bla" onChange="gothere(this.value);">
<option value="">selecteer een URL</option>
<option value="http://www.startpagina.nl">startpagina</option>
<option value="http://www.2improve.nl">2improve</option>
</select>

;) mzzl

mech7
%Europe/Berlin %709 %2005, 18:01
Ja alleen dan staat er nog onChange en dat is geen geldi attribuut in xhtml :(

lord Greystoke
%Europe/Berlin %525 %2005, 13:36
Uhm, volgens mij wel,

heb alleen een foutje gemaakt met de hoofdletter: 'onChange' moet 'onchange' worden.

'onchange'-attribuut kan in xhtml toegepast worden op: input, select, textarea

;)

mech7
%Europe/Berlin %581 %2005, 14:57
Ok ga ff testen, maar het is toch beter om met een event listener te werken zodat je helemaal geen javascript meer in je html hebt ?

lord Greystoke
%Europe/Berlin %409 %2005, 10:49
Hi, beetje late reactie, maar had ut druk.
Je had het hierboven over getElementById,
nou, dit pas je als volgt toe:

<script type="text/javascript">
function gothere()
{
where = document.getElementById('bla').value;
if(where != "") document.location.href=where;
}
</script>




<select id="bla" onChange="gothere();">
<option value="">selecteer een URL</option>
<option value="http://www.startpagina.nl">startpagina</option>
<option value="http://www.2improve.nl">2improve</option>
</select>

Ben je ook meteen van javascript in je html af.

;)