Menu et sous-menu__ tableauphp -> javascript
Bonjour tout le monde,
J'ai créé un fichier ajout.php qui permet la saisie d'un menu avec un script java
Code:
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 32 33
| <html>
<head>
<title>Eléments Menu</title>
<script type="text/javascript">
function ajouter(){
var conteneur = document.getElementById('elements');
var undiv = document.createElement('div');
var elemt = document.createElement('input');
var check = document.createElement('input');
elemt.name = 'meselements[]';
//elemt.type = 'file';
check.type = 'checkbox';
// On enlève sur le click de la checkbox
check.onclick = function(){
// Elément à enlever
lediv = this.parentNode;
// Elément auquel on enlève
lefieldset = lediv.parentNode;
// On enlève !
lefieldset.removeChild(lediv);
}
undiv.appendChild(elemt);
undiv.appendChild(check);
undiv.appendChild(document.createTextNode("Enlever"));
// Ajout du div :
conteneur.appendChild(undiv);
}
</script>
</head>
</html> |
Code:
1 2 3 4 5 6 7 8
|
<form action='menu.php' method='post' enctype='multipart/form-data'>
<fieldset id='elements'>
<legend>Menu</legend>
<input type='button' value='Ajouter un élément' onclick='ajouter()' />
<input type=submit value=OK><br />
</fieldset>
</form> |
les données saisie sont transférés vers un autre fichier menu.php via le tableau mes elements
Pour permettre à l'utilisateur de saisir des sous menu j'ai fait une petite modification sur la fonction du script précédent
Code:
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 32 33 34 35
| <head>
<title>Menu</title>
</head>
<script language="javascript">
function ajouter(i){
var conteneur = document.getElementById('elements'+i);
var undiv = document.createElement('div');
var elemt = document.createElement('input');
var check = document.createElement('input');
elemt.name = 'meselements[][]';
//elemt.type = 'file';
check.type = 'checkbox';
// On enlève sur le click de la checkbox
check.onclick = function(){
// Elément à enlever
lediv = this.parentNode;
// Elément auquel on enlève
lefieldset = lediv.parentNode;
// On enlève !
lefieldset.removeChild(lediv);
}
undiv.appendChild(elemt);
undiv.appendChild(check);
undiv.appendChild(document.createTextNode("Enlever"));
// Ajout du div :
conteneur.appendChild(undiv);
}
</script> |
Code:
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 32
| <form action='new.php?id_menu=<?php
//$id_menu = $_GET['id_menu'];
echo $id_menu ; ?>' method='post' enctype='multipart/form-data'>
<?php
//insertion des éléments du menu principal
mysql_connect("localhost", "root", "") or die(mysql_error());
mysql_select_db("cms");
$tab = $_POST["meselements"] ;
$taille = count($tab);
$i=0;
for ($i=0;$i<$taille;$i++)
{
//echo $tab_elt[$i] ;
//$element_i = 'element'.$i;
//echo $element_i ;
echo "
<fieldset id='elements"; echo $i; echo "'>
<legend> "; echo $tab[$i] ; echo "</legend>
<input type='button' value='Ajouter un sous élément' onclick='ajouter( "; echo $i; echo")' />
</fieldset>
";
}
?>
<input type='submit' value='OK' onclick="afficher()" >
</form> |
Mais le résultat que je dois récupérer dans un 3éme fichier new.php
doit être comment ? et comment envoyer un tableau de 2dimensions ???