Hallo,
ik heb eens wat zitten rommelen met Jquery en Ajax.
Ik wil nu dat als ik met Jquery Sortable iets verplaatst dat die dan gelijk gaat updaten.
Nu ziet de pagina waar alles zichtbaar en de items kunt schuiven komt zo uit :
<!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>Sorteren</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>
<script>
$(document).ready(
function() {
$("#menu2").sortable({
update : function () {
serial = $('#menu2').sortable('serialize');
$.ajax({
url: "sort_menu.php",
type: "post",
data: serial,
error: function(){
alert("theres an error with AJAX");
}
});
}
});
}
);
</script>
</head>
<body>
<h1>Menu List</h1>
<ul id="menu2">
<?php
// Verbinden met Database
$db_host = "localhost";
$db_username = "root";
$db_pass = "";
$db_name = "cms";
mysql_connect("localhost", "root", "") or die ('Cant Connceto to MySQL');
// Database selecteren
mysql_select_db("cms") or die ('Cant select Database');
// Hier haalt die de paginas en volgerde op
$result = mysql_query("SELECT * FROM `pages` ORDER BY `position` ASC") or die(mysql_error());
while($row = mysql_fetch_array($result)) {
echo '<li id="pages_' . $row['id'] . '">' . $row['pagetitle'] . "</li>\n";
}
?>
</ul>
</body>
</html>
En de sort_menu.php pagina zo :
<?php
// Connecting to Database
mysql_connect("localhost", "root", "") or die ('Cant Connceto to MySQL');
// Selecting Database
mysql_select_db("cms") or die ('Cant select Database');
$menu = $_POST['pages_'];
for ($i = 0; $i < count($menu); $i++) {
mysql_query("UPDATE `pages` SET `position`=" . $i . " WHERE `id`='" . $menu[$i] . "'") or die(mysql_error());
}
?>
Hij haalt de pagina's wel in goede volgorde op alleen dan moet ik het verzenden met een formulier ofso naar die andere pagina.
mijn database is zo :
pages / id,pagetitle,position
Ik hoop dat iemand me kan helpen !
Alvast bedankt
ik heb eens wat zitten rommelen met Jquery en Ajax.
Ik wil nu dat als ik met Jquery Sortable iets verplaatst dat die dan gelijk gaat updaten.
Nu ziet de pagina waar alles zichtbaar en de items kunt schuiven komt zo uit :
<!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>Sorteren</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>
<script>
$(document).ready(
function() {
$("#menu2").sortable({
update : function () {
serial = $('#menu2').sortable('serialize');
$.ajax({
url: "sort_menu.php",
type: "post",
data: serial,
error: function(){
alert("theres an error with AJAX");
}
});
}
});
}
);
</script>
</head>
<body>
<h1>Menu List</h1>
<ul id="menu2">
<?php
// Verbinden met Database
$db_host = "localhost";
$db_username = "root";
$db_pass = "";
$db_name = "cms";
mysql_connect("localhost", "root", "") or die ('Cant Connceto to MySQL');
// Database selecteren
mysql_select_db("cms") or die ('Cant select Database');
// Hier haalt die de paginas en volgerde op
$result = mysql_query("SELECT * FROM `pages` ORDER BY `position` ASC") or die(mysql_error());
while($row = mysql_fetch_array($result)) {
echo '<li id="pages_' . $row['id'] . '">' . $row['pagetitle'] . "</li>\n";
}
?>
</ul>
</body>
</html>
En de sort_menu.php pagina zo :
<?php
// Connecting to Database
mysql_connect("localhost", "root", "") or die ('Cant Connceto to MySQL');
// Selecting Database
mysql_select_db("cms") or die ('Cant select Database');
$menu = $_POST['pages_'];
for ($i = 0; $i < count($menu); $i++) {
mysql_query("UPDATE `pages` SET `position`=" . $i . " WHERE `id`='" . $menu[$i] . "'") or die(mysql_error());
}
?>
Hij haalt de pagina's wel in goede volgorde op alleen dan moet ik het verzenden met een formulier ofso naar die andere pagina.
mijn database is zo :
pages / id,pagetitle,position
Ik hoop dat iemand me kan helpen !
Alvast bedankt