Menu et sous-menu__ tableau php -> javascript

par **Abderrahmaine** » 05 août 2010, 12:08

A titre d'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 comme suit
<Home, Home1, Home2, Home3>
<Présentation, Présentation1, Présentation2>
<Photos, Photos1, Photos2, Photos3, Photos4>
<Contact, Tel, Fax, Mail>

par **Abderrahmaine** » 05 août 2010, 12:06

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><br />
</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

Menu et sous-menu__ tableau php -> javascript

Répondre

Étendre la vue Revue du sujet : Menu et sous-menu__ tableau php -> javascript

Re: Menu et sous-menu__ tableau php -> javascript

Menu et sous-menu__ tableau php -> javascript