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

Menu et sous-menu__ tableauphp -> javascript

JavaScript

Vue hybride

Discussions similaires

Partager

Partager