parcourir un tableau JS

**Imana E.I.** · 12/08/2009, 12h45

bonjour,
Je suis en train d'adapter un script pour convertir un tableau PHP en un tableau JS depuis le lien : http://javascript.developpez.com/faq...Php2Javascript .
la conversion est réussi mais j'ai du mal a parcourir le tableau JS généré pour l'utiliser. ça doit être assez simple à résoudre, mais comme je débute en JS, il me manque forcément encore des subtilités.
voilà le code pour convertir mon tableau :

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
// le tableau PHP
$carte=array(); 
mysql_select_db($database_Manatec, $Manatec);
$query_listcarte = "SELECT * FROM Carte ORDER BY Carte.date_stock";
$listcarte = mysql_query($query_listcarte, $Manatec) or die(mysql_error());
$totalRows_list_carte = mysql_num_rows($listcarte);
while($donnees=mysql_fetch_array($listcarte) )
{
array_push($carte,$donnees['type_carte'].' :  '$donnees['num_serie_carte'] );
 }
// fonction de conversion
function construisTableauJS($tableauPHP, $nomTableauJS){
   echo $nomTableauJS." = new Array();";
   for($i = 0; $i < count($tableauPHP); $i++){
      if(!is_array($tableauPHP[$i])){
         echo $nomTableauJS."[".$i."] = '".$tableauPHP[$i]."';";
      }
      else{
         construisTableauJS($tableauPHP[$i], $nomTableauJS."[".$i."]");
      }
   }
   return;
}
 
?> 
 <html>
 <head>
	<?php 
        echo "<script type='text/javascript'>";
construisTableauJS($monTableauPHP, "monTableauJS");
echo "</script> ";
?> 
 </head>
 <body>
<!-- --> 
 <h1>Préparation du test</h1>
 
  Le tableau PHP devant etre copie en JS
    <br/>
       <?php print_r($carte);?>
    <br/>
   Le script construisant l'homologue JS du tableau PHP 
     <br/>
       <?php echo construisTableauJS($carte,'arr');?>
<!-- -->
 <h1>Le test</h1>
 <!-- récuperer les valeurs du tableau -->
 <script type="text/javascript">
        for(var i=0; i<arr.length; i++)
                document.write(arr[i]);      
 </script>
 </body>
</html>
<?php mysql_free_result($listcarte);?>

et c'est le résultat que j'ai :

Code :

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

1
2
3
4
5
6
7
8
9
 
Préparation du test
Le tableau PHP devant etre copie en JS
Array ( [0] => carte OEM : CO142587M [1] => carte fille : 125478 )
 
Le script construisant l homologue JS du tableau PHP
arr = new Array();arr[0] = 'carte OEM : CO142587M';arr[1] = 'carte fille : 125478';
 
Le test

j'espére que j'était claire

merci d'avance

**SpaceFrog** · 12/08/2009, 13h18

suffisait de passer une chaine avec séparateur à javascript et de faire un split ...

donc un implode en php avec un separateur et un split en js sur ce même séparateur ...

**Imana E.I.** · 24/08/2009, 10h23

merci bien sapceFrog pour ta réponse
est ce que tu veut m'expliquer un peut j'ai pas pu voir l'idée de ta solution

**Bovino** · 24/08/2009, 11h34

Salut,
Pour que ton tableau soit interprété en JavaScript, il faut le déclarer dans des balises <script>, ce que ne fait pas ta fonction PHP

Sinon, ce que veut dire SpaceFrog, c'est que tu peux tout aussi bien passer ton tableau PHP dans une variable de type string (avec un implode PHP et en utilisant un séparateur adapté) puis en JavaScript, faire un split de cette chaine selon ce séparateur qui te retourne un tableau. Solution qui me semble aussi plus adaptée

**Gruik** · 24/08/2009, 12h00

Et le JSON? Rien de mieux pour transmettre des données au js

Code :

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

<?php echo "var arr = " . json_encode($carte) . ";\n"; ?>

**Bovino** · 24/08/2009, 13h15

Dans le cas présent, un implode PHP et un split JavaScript me semblent plus adapté que JSON qui nécessite des traitements supplémentaires et inutiles coté serveur et client

**Imana E.I.** · 24/08/2009, 14h48

salut,
merci bien pour l'explication j'ai réussi à crée mon tableau en javascript.
Mais là j'ai un autre problème c'est que je veux utiliser ce tableau pour remplir un select ajouté dans un formulaire en appuyant sur un bouton " + "
j'ai essayé ce code et ça n'a rien donnée :

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
 
<script language="javascript" >
var list_c= "<?php echo $list ?>";
var elem = list_c.split(',');
for(i = 0; i < elem.length; i++){
	document.write("<br /> Element " + i + " = " + elem[i]); // pour tester si le tableau est bien rempli
}
// fonction pour ajouter un select à la demande de l'uilisateur.
function addInput(divName){
 
          var newdiv = document.createElement('div');
          newdiv.innerHTML = "<label> select a card: <select name='carte'>" for(i = 0; i < elem.length; i++){" <option>"+ elem[i]  + "</option>"}" </select> <input name=' - ' type='button' class='bout1' value=' - ' onClick="this.parentNode.parentNode.removeChild(this.parentNode);"/></label>";
          document.getElementById(divName).appendChild(newdiv);
 
}

je pense que ma faute c'est au niveau de la ligne " newdiv.innerHTML=.." mais je trouve pas comment la corrigé

**kernelfailure** · 24/08/2009, 15h11

Normal. La composition de ta chaine est douteuse.

Code :

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

1
2
3
4
5
6
7
 
. . .
var tmp = "<label> select a card: <select name='carte'>";
for(var i = 0; i < elem.length; i++){ tmp += "<option>"+ elem[i] + "</option>"}
tmp += "</select><input name=' - ' type='button' class='bout1' value=' - ' onClick='this.parentNode.parentNode.removeChild(this.parentNode)'/></label>";
newdiv.innerHTML = tmp;
. . .

A rajouer :
Attribut value pour tes options ?

J'ai pas vérifié la validité de ton accès DOM, mais je doute que de cette manière tu arrives à supprimer une option : Comment pointes tu celle qui a été selectionnée ?
Suggestion : Colle un id à ton select que tu pointes dans ton onclick. Tu auras plus de facilité pour récupérer l'option choisie et la retirer. Accès classique.

parcourir un tableau JS

JavaScript

Vue hybride

Discussions similaires

Partager

Partager