Tijden veranderen
afh. van input default datum instellen
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.)
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<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>
<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>
- Ariën -:
Gelieve in het vervolg bij code de [code][/code]-tags gebruiken.
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Gewijzigd op 30/01/2016 20:06:05 door - Ariën -
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<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>
<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 :)
Gewijzigd op 30/01/2016 21:13:58 door Dennis WhoCares
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.