Bon, pour ceux que ça intéresse, je poste l'intégralité de mon petit code, qui gère l'ajout de rubrique, la modification, la suppression et bien sûr, la réorganisation de l'ordre des rubriques.
, dans le même répertoire que la page (index.php).
Avoir créé dans sa base de données, une table 'rubriques', contenant les champs 'id', 'numero', et 'nom'.
La page doit s'appeler 'index.php' (mais comme tout le reste, c'est modifiable).
<?php
// Connexion à la base
$db = mysql_connect('localhost', 'root', '');
mysql_select_db('Tests',$db);
// Ajout d'une rubrique dans la base
if(isset($_POST['ajout']) && !empty($_POST['nom'])) {
$sql_max_rubrique = "SELECT MAX(numero) FROM rubriques";
$req_max_rubrique = mysql_query($sql_max_rubrique);
$max_rubrique = mysql_result($req_max_rubrique, 0);
$rubrique = $max_rubrique+1;
foreach($_POST as $cle => $valeur)
$$cle = mysql_real_escape_string($valeur);
$sql_rubrique = "INSERT INTO rubriques VALUES ('', '$rubrique', '$nom')";
mysql_query($sql_rubrique);
header('location: index.php');
}
// Mise à jour de l'ordre des rubriques
if(isset($_GET['new_order'])) {
$id = array();
$sql_ids = "SELECT * FROM rubriques";
$req_ids = mysql_query($sql_ids) or die(mysql_error());
while($ids = mysql_fetch_assoc($req_ids))
$id[$ids['numero']] = $ids['id'];
$tab = explode(',',$_GET['new_order']);
$numero = 1;
foreach($tab as $valeur) {
$sql_tab = "UPDATE rubriques SET numero = $numero WHERE id = ".$id[$valeur];
mysql_query($sql_tab) or die(mysql_error());
$numero++;
}
header('location: index.php');
}
// Suppression d'une rubrique, mise à jour des numéros des rubriques supérieures
elseif(isset($_GET['suppr'])) {
$sql_suppr = "DELETE FROM rubriques WHERE numero = ".$_GET['suppr'];
mysql_query($sql_suppr);
$sql_update = "UPDATE rubriques SET numero = numero-1 WHERE numero > ".$_GET['suppr'];
mysql_query($sql_update);
header('location: index.php');
}
if(!isset($_GET['modif'])) {
$nom_modif = '';
$bouton = array('Ajouter', 'ajout', 'Ajout');
}
// Affichage des infos d'une rubrique pour modification
else {
$sql_modif = "SELECT * FROM rubriques WHERE numero = ".$_GET['modif'];
$req_modif = mysql_query($sql_modif);
$nom_modif = mysql_result($req_modif, 0, 'nom');
$id_modif = mysql_result($req_modif, 0, 'id');
$bouton = array('Modifier', 'modif', 'Modification');
}
// modification du nom d'une rubrique
if(isset($_POST['modif']) && !empty($_POST['nom'])) {
foreach($_POST as $cle => $valeur)
$$cle = mysql_real_escape_string($valeur);
$sql_modif = "UPDATE rubriques SET nom = '$nom' WHERE id = $id";
mysql_query($sql_modif);
header('location: index.php');
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Test scriptaculous</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js"></script>
<script type="text/javascript">
function go(expr) {
var reg = new RegExp("(&)", "g");
var reg2 = new RegExp("[^0-9,]", "g");
var liste1 = expr.replace(reg, ",");
var liste = liste1.replace(reg2, "");
document.location = ('index.php?new_order='+liste);
}
</script>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
font-family: Tahoma;
}
body > a {
display: block;
text-align: center;
width: 150px;
margin-left: 50px;
padding: 5px;
border: 1px solid #DDD;
text-decoration: none;
color: #7A0C00;
font-weight: bold;
background-color: #EFEFEF;
font-size: 11px;
}
form {
margin: 20px;
}
.dragdrop {
width: 150px;
list-style-type: none;
margin: 20px 50px;
}
.dragdrop li {
border: 1px solid #DDD;
color: #AAA;
background-color: #EFEFEF;
margin: 2px;
padding: 2px;
padding-left: 10px;
font-weight: bold;
cursor: move;
clear: both;
font-size: 11px;
}
.dragdrop li .liens {
display: block;
position: absolute;
top: 0px;
right: 0px;
}
.dragdrop li .liens a {
text-decoration: none;
color: #7A0C00;
font-size: xx-small;
padding-left: 2px;
}
fieldset {
width: 250px;
border: 1px solid #AAA;
background-color: #EFEFEF;
padding: 10px;
}
legend {
color: #7A0C00;
font-size: 11px;
font-weight: bold;
padding: 2px 10px;
border: 1px solid #AAA;
background-color: #EFEFEF;
}
input {
border: 1px solid #7A0C00;
color: #7A0C00;
}
</style>
</head>
<body>
<ul class="dragdrop" id="dragdrop">
<?php
$sql_liste = "SELECT * FROM rubriques ORDER BY numero ASC";
$req_liste = mysql_query($sql_liste);
while($liste = mysql_fetch_assoc($req_liste)) {
?>
<li id="menu_<?=$liste['numero']?>">
<?=$liste['nom']?>
<span class="liens">
<a href="index.php?modif=<?=$liste['numero']?>" title="Modifier">
[M]
</a>
<a href="#" title="Supprimer" onclick="if(confirm('Êtes-vous sûr de vouloir supprimer <?=$liste['nom']?> ?')) { window.location = 'index.php?suppr=<?=$liste['numero']?>'; }">
[X]
</a>
</span>
</li>
<?php
}
?>
</ul>
<a href="#" onClick="go(Sortable.serialize('dragdrop'))">Valider le nouvel ordre</a>
<script type="text/javascript" language="javascript">
Sortable.create('dragdrop');
</script>
<form name="test_insert" action="index.php" method="post">
<fieldset>
<legend><?=$bouton[2]?> d'une rubrique</legend>
<input type="text" name="nom" value="<?=$nom_modif?>" />
<?php
if(isset($_GET['modif']))
echo '<input type="hidden" name="id" value="'.$id_modif.'" />';
?>
<input type="submit" name="<?=$bouton[1]?>" value="<?=$bouton[0]?>" />
</fieldset>
</form>
</body>
</html>
)
