Hallo mensen,

Ik wil het zoeken op mijn site vergemakkelijken maar het lukt niet. Ik probeer het in php maar eigenlijk wil ik dat je niet ervoor op een verzendknop hoeft te drukken. Kan iemand me op het juiste spoor zetten naar een elegantere oplossing?
Dit is hoe ik het nu heb (wat niet werkt, waarom weet ik niet en ik vind het ook nog eens heel lelijk.)


<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<h3>Vanaf wanneer wil je zoeken?</h3>

Voor 1 januari 2015 <input type="radio" name="bepaal" value="voor"><br><br>
 <br>
<input type="radio" name="bepaal" value="na">
Na 1 januar1 2015
<br><br>
<input type="submit" value="Post" />
<?php

if ($_POST['bepaal'] === "voor")
{ <echo "<input type='text' name='dag' size='2' maxlength='2' title='dag' checked='00'>-<input type='text' name='maand' size='2' maxlength='2' title='maand' checked="00">-<input type='text' name='jaar' size='4' maxlengt='4' title='jaar' checked='0000'>"
 ; 
}
else { echo "<input type='text' name='dag' size='2' maxlength='2' title='dag'>-<input type='text' name='maand' size='2' maxlength='2' title='maand'>-<input type='text' name='jaar' size='4' maxlengt='4' title='jaar'>"
 ; 
}
	
?>
</form>

Waarom zou je niet op een verzendknop willen klikken?
omdat er aan het eind (dus na de datumkeuze) ook weer verzendknop komt. Ik heb wel gezien dat sommige sites gelijk reageren als je een keuze maakt, dus zonder verzendknop (bv woningnet) maar of dat ook met php kan, weet ik niet.

<html>
<head>
	<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
	<script>
		$(function() {
			$('.radioButton').on('change', function() {
				switch($(this).val()) {
					case 'voor':
						$('#gekozen').html('<input type="text" name="dag" size="2" maxlength="2" title="dag" value="00">-<input type="text" name="maand" size="2" maxlength="2" title="maand" value="00">-<input type="text" name="jaar" size="4" maxlengt="4" title="jaar" value="0000">');
					break;
					case 'na':
						$('#gekozen').html('<input type="text" name="dag" size="2" maxlength="2" title="dag">-<input type="text" name="maand" size="2" maxlength="2" title="maand">-<input type="text" name="jaar" size="4" maxlengt="4" title="jaar">');
					break;
				}
			});
		});
	</script>
</head>
<body>
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<h3>Vanaf wanneer wil je zoeken?</h3>

<input type="radio" name="bepaal" value="voor" class="radioButton"> Voor 1 januari 2015
<br><br><br>
<input type="radio" name="bepaal" value="na" class="radioButton"> Na 1 januar1 2015
<br><br><br>
<div id="gekozen">
</div>
	</form> 
</body>
</html>


zoiets? Je kunt hele leuke dingen doen met jQuery.. Ik ben het allemaal nog aan het leren :)
Jaaaa, dat is precies wat ik bedoel. Dank!


Toevoeging op 31/01/2016 21:25:17:

Ha, en toch lag de oplossing in php ...
ik heb nu met een if en een variable de datum op nul gezet.
Elke dag word ik een beetje handiger in het knoeien.

Reageren