Nieuwste/oudste/populairste materiaal auto sorteren

Door Kevin J op 23-12-2014 07:09

1.310 views

Hallo programmeer wonder
Ik heb een vraag en weet eigenlijk niet of het PHP of jQuery is of iets anders.
Ik heb op mijn site een select menu met de opties: Nieuwste materiaal , Oudste materiaal , populairste materiaal.
Je kan verschillende dingen downloaden op de site, maar hoe kan ik dat het automatisch word geupadate?
Dus zonder reload? Want ik gebruik namelijk dynamic pages en wil alles zonder enig reload houden/

Ariën

23-12-2014 08:54

Dat wordt met setTimeout() in JS gedaan in combinatie met een AJAX-request. Dit kan je prima in jQuery doen.

Kevin J

23-12-2014 10:02

Het is me gelukt, ik zal hier delen hoe het moet zijn.
Dit moet in het eerste bestand:


<script type="text/javascript">
$(document).ready(function() {
	$('#cat').change(function(){
		var code = $(this).val();
		var data = 'code='+code;

		$.ajax({
			type : "POST",
			url : "fill.php",
			data : data,
			cache : false,
			success : function(html)
			{
				$('#down').html(html);
			}
		});
	});
});
</script>

<form method="POST">
<select name="cat" id="cat">
  <option value="nieuw">NIEUWSTE MATERIAAL</option>
  <option value="oud">OUDSTE MATERIAAL</option>
  <option value="popu">POPULAIRSTE MATERIAAL</option>
</select>
</form>

en dit moet in fill.php


<?php
include 'include/config.php';

if(isset($_POST['code'])) {
$code = mysqli_real_escape_string($db, $_POST['code']);
	if ($code == 'nieuw') {
		echo "Nieuwste spullen";
	} elseif ($code == 'oud') {
		echo "Oudste spullen";
	} elseif ($code == 'popu') {
		echo "Populairste spullen";
	} else {
		echo "Er is iets fout gegaan";
	}
} else {
		echo "Er is iets fout gegaan";
}

?>

Reageren

Inloggen om te reageren