Menu et sous-menu__ tableauphp -> javascript

**Abderrahmaine** · 05/08/2010, 10h49

Bonjour tout le monde,
J'ai créé un fichier ajout.php qui permet la saisie d'un menu avec un script java

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ???

**SpaceFrog** · 05/08/2010, 10h55

de manière générale on ne peut envoyer que du string depuis le client

le plsu simpel serait encore d'envoyer un json sous forme de string et de l'evaluer coté php

**Abderrahmaine** · 05/08/2010, 10h56

Par exemple si un utilisateur tape dans le menu

< Home, Présentation, Photos, Contact >

et dans le sous menu

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>

**SpaceFrog** · 05/08/2010, 11h06

oulà

rien compris ...

mais bon de html js à php pass un json

et d'ans l'autre sens ben demande juste à php de rediger le tableau

**Abderrahmaine** · 05/08/2010, 11h14

L'astuce que je cherche est comment envoyer un tableau du php à javascript ?
(Ce tableau contient les elements du menu principal) Comment concaténer l'element principal du menu à tous ses sous elements par un point dans le code du javascript ?

Merci infiniment

**SpaceFrog** · 05/08/2010, 11h15

en faisant une recherche sur le forum ..

http://javascript.developpez.com/sources/?page=php

**Abderrahmaine** · 05/08/2010, 11h43

Bien, ce n'est pas tres clair.
Pour le moment, apres le remplissage de mon tableau $tab
je fais
$separated = implode('|', $tab);
en essayant de passer en parametre une chaine de caractères à la fonction dans du javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function afficher(chaine){
 
		 var temp=chaine.split("|" );
		alert(''+temp); }

Ceci avec la commande

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<?php
echo "<input type='button' value='OK' onclick='afficher("; echo "".$separated.""; echo")' >";
?>

Mais rien ne s'affiche, pourquoi ?
Merci pour votre réponse d'avance

**SpaceFrog** · 05/08/2010, 11h45

de php à javascript

php ne fiat que rediger le js ...

a toi de faire les bon echo pour que php t'ecrives un array js ...

**Abderrahmaine** · 05/08/2010, 11h55

Comment ? pouvez-vous expliquer un peu plus ?

**SpaceFrog** · 05/08/2010, 13h28

en js tu ecrirais comment un array à deux dimensions ???

ben fais le ecrire par php c'est parfaitement expliqué dans le lien de la faq donné plus haut

Menu et sous-menu__ tableauphp -> javascript

JavaScript

Discussions similaires

Partager

Partager