<?php
ini_set('display_errors', 'On');
error_reporting(E_ALL);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>PHPtuts.nl - PHP Snippets - Sorteren van data met AJAX</title>
<link rel="stylesheet" href="../../styles/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../styles/ubb.css" type="text/css" media="screen" />
<script type="text/javascript" src="../../inc/mootools.js"></script>
<script type="text/javascript">
var clicked;
var order = 'asc';
window.addEvent('domready', function()
{
sortData('id');
});
function sortData(column)
{
var url = 'sort_data/script.php'
if(column)
{
if(clicked == column)
{
if(order == 'asc')
{
order = 'desc';
}
else
{
order = 'asc';
}
}
else
{
order = 'asc';
}
url += '?sort='+column+'&order='+order;
clicked = column;
}
new Ajax(url, {
update: $('results'),
method: 'GET',
onComplete: function ()
{
$('id').addEvent('click', function (e)
{
new Event (e).stop();
sortData(this.id);
});
$('titel').addEvent('click', function (e)
{
new Event (e).stop();
sortData(this.id);
});
$('datum').addEvent('click', function (e)
{
new Event (e).stop();
sortData(this.id);
});
}
}).request();
}
</script>
</head>
<body>
<div id="wrap">
<p class="none small align-right"><a href="/codeSnippets/"><-- Terug naar Snippets</a></p>
<h1>Sorteren van data met AJAX</h1>
<div id="info">
<p>PHP versie: n.v.t. </p>
<p>Javascript: <a href="http://www.phptuts.nl/mootools/mootools.zip" target="_blank">MooTools Framework</a></p>
</div>
<div id="results"><!-- DIV for results from AJAX request --></div>
<?php
// Weergeven broncode
define('FILE', __FILE__);
require_once('../broncode.php');
?>
</div>
<!-- Google analytics (geen onderdeel van script) -->
<script type="text/javascript" src="/inc/ga1.js"></script>
<script type="text/javascript" src="/inc/ga2.js"></script>
</body>
</html>