Bonjour à tous le monde,
J'ai crée une page ajout.php permettant à un utilisateur de saisir un menu (A,B,C,...)
<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>
<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>
</fieldset>
</form>
</html>
Mais aussi cet utilisateur peut saisir des sous menus pour chaque élément, voici la page menu.php
<html>
<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>
<form action='new.php' method='post' enctype='multipart/form-data'>
<?php
$tab = $_POST["meselements"] ;
$taille = count($tab);
$i=0;
for ($i=0;$i<$taille;$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'/>
</form>
</html>
Comment récupérer le sous menu pour chaque élément du menu principal ???
Merci infiniment
la communauté d'entraide francophone dédiée au PHP
Menu et sous-menu__ tableau php -> javascript
Petit nouveau ! |
4 Messages
Par exemple si un utilisateur tape dans le menu
< Home, Présentation, Photos, Contact >
et dans le sous menu
<Home> ...<Home1, Home2, Home3>
<Présentation> ...<Présentation1, Présentation2>
<Photos> ...<Photos1, Photos2, Photos3, Photos4>
<Contact> ...<Tel, Fax, Mail>
Je dois récupérer un tableau de une dimension si possible comme ça
<Home.Home1, Home.Home2, Home.Home3, Présentation.Présentation1, Présentation.Présentation2, ..., Contact.Tel, Contact.Fax, Contact.Mail>
ou bien un tableau de deux dimension
<Home, Home1, Home2, Home3>
<Présentation, Présentation1, Présentation2>
<Photos, Photos1, Photos2, Photos3, Photos4>
<Contact, Tel, Fax, Mail>
< Home, Présentation, Photos, Contact >
et dans le sous menu
<Home> ...<Home1, Home2, Home3>
<Présentation> ...<Présentation1, Présentation2>
<Photos> ...<Photos1, Photos2, Photos3, Photos4>
<Contact> ...<Tel, Fax, Mail>
Je dois récupérer un tableau de une dimension si possible comme ça
<Home.Home1, Home.Home2, Home.Home3, Présentation.Présentation1, Présentation.Présentation2, ..., Contact.Tel, Contact.Fax, Contact.Mail>
ou bien un tableau de deux dimension
<Home, Home1, Home2, Home3>
<Présentation, Présentation1, Présentation2>
<Photos, Photos1, Photos2, Photos3, Photos4>
<Contact, Tel, Fax, Mail>