edwink1985
Gebruiker
- Lid geworden
- 9 jun 2010
- Berichten
- 13
ik probeer het volgende voor erlkaar
ik wil via een pulldown list die mooi opgemaakt is een nieuwe pagina inladen
het nieuwe pagina inladen werkt als de standaard id van de <select> niet overeenkomt met de eerste javascript function de style van de pulldown list is dan standaard
maar ik $( '#cd-select' )verander naar $( '#team' ) dan is de layout van de pulldownlist wel goed alleen werkt dan de onchange functie niet meer.
ik weet helaas niet wat ik fout doe kunnen jullie me helpen. ben beginner met javascript.
[JS]
<script type="text/javascript">
$( function() {
$( '#cd-select' ).dropdown( {
gutter : 5,
stack : false,
slidingIn : 100
} );
});
</script>
<script>
function teampage(str)
{
if (str == "")
{
document.getElementById("showpage").innerHTML = "";
return;
}
else
{
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else
{
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function()
{
if (this.readyState == 4 && this.status == 200)
{
document.getElementById("showpage").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","teamprogramma.php?q="+str,true);
xmlhttp.send();
}
}
</script>
[/JS]
ik wil via een pulldown list die mooi opgemaakt is een nieuwe pagina inladen
het nieuwe pagina inladen werkt als de standaard id van de <select> niet overeenkomt met de eerste javascript function de style van de pulldown list is dan standaard
maar ik $( '#cd-select' )verander naar $( '#team' ) dan is de layout van de pulldownlist wel goed alleen werkt dan de onchange functie niet meer.
ik weet helaas niet wat ik fout doe kunnen jullie me helpen. ben beginner met javascript.
PHP:
echo <div class="container>";
echo '<select onchange="teampage(this.value)" id="team" name="team" class="cd-select">';
echo '<option value="-1" selected>kies je team</option>';
echo '<option value="1" selected>optie1</option>';
echo '<option value="2" selected>optie2</option>';
echo '<option value="3" selected>optie3</option>';
echo '<option value="4" selected>optie4</option>';
echo '</select>';
HTML:
<div id="showpage"><b>geen team geselecteerd</b></div>
</div>[JS]
<script type="text/javascript">
$( function() {
$( '#cd-select' ).dropdown( {
gutter : 5,
stack : false,
slidingIn : 100
} );
});
</script>
<script>
function teampage(str)
{
if (str == "")
{
document.getElementById("showpage").innerHTML = "";
return;
}
else
{
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else
{
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function()
{
if (this.readyState == 4 && this.status == 200)
{
document.getElementById("showpage").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","teamprogramma.php?q="+str,true);
xmlhttp.send();
}
}
</script>
[/JS]
