[PHP-JS] Passer un tableau php en tableau JS

J'ai un tableau php

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

Array ( [0] => Array ( [0] => Coruscant [1] => 300 [2] => 255 [3] => 2000000000 )   [1] => Array ( [0] => Mustafar [1] => 310 [2] => 300 [3] => 1000000000 ) ... )

---

Celui ci est g�n�r� en php, issus d'une base de donn�es

Code:

---

1 2 3 4 5 6 7

$sql = mysql_query("SELECT nom, c_x, c_y, players FROM planetes"); $donnees = array(); while($tab = mysql_fetch_row($sql)) { array_push($donnees, array($tab['0'], $tab['1'], $tab['2'], $tab['3'])); }

---

Je souhaite me servir des donn�es dans un script en javascript
Le pb c'est que je ne sais pas comment passer mon tableau de php en Js...

Je sais que c'est possible mais je sais pas comment ...

Toute aides, commentaires seront les bienvenu... Merci par avance :wink:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<script type="text/javascript"> var tab=new Array();   <?php   $sql = mysql_query("SELECT nom, c_x, c_y, players FROM planetes"); $donnees = array(); $i=0; while($tab = mysql_fetch_row($sql)) {         echo 'tab['.$i.']=new Array();'."\n";         echo 'tab['.$i.'].push("'.$tab[0].'", "'.$tab[1].'", "'.$tab[2].'", "'.$tab[3].'");'."\n"; $i++; }   ?>   </script>

---

attention, en cas de quotes dans les valeurs du tableau, un addslashes est bienvenu;

Citation:

---

<script language="JavaScript" type="text/javascript">
function coordonnees(evt)
{
var coord_x, coord_y;
var donnees=new Array();
donnees[1]=new Array();
donnees[1].push("Coruscant", "300", "255", "2000000000");
donnees[2]=new Array();
donnees[2].push("Mustafar", "310", "300", "1000000000");
donnees[3]=new Array();
donnees[3].push("Adarlon", "365", "458", "1");
donnees[4]=new Array();
donnees[4].push("Adega", "98", "6", "0");
donnees[5]=new Array();
donnees[5].push("Adinai", "458", "321", "0");
donnees[6]=new Array();
donnees[6].push("Adriana", "98", "15", "0");
donnees[7]=new Array();
donnees[7].push("Agrilat", "325", "55", "2000000000");
donnees[8]=new Array();
donnees[8].push("Akana", "545", "125", "2217263800");
donnees[9]=new Array();
donnees[9].push("Akrit'tar", "32", "253", "0");
donnees[10]=new Array();
donnees[10].push("Albecus", "125", "33", "1000000000");
donnees[11]=new Array();
donnees[11].push("Alk'lellish", "52", "96", "2350303562");
donnees[12]=new Array();
donnees[12].push("Almania", "350", "264", "4");
donnees[13]=new Array();
donnees[13].push("Almar", "246", "329", "0");
donnees[14]=new Array();
donnees[14].push("Altrax", "210", "432", "3");
donnees[15]=new Array();
donnees[15].push("Alzoc", "22", "150", "12549876325");
donnees[16]=new Array();
donnees[16].push("Amarin", "150", "150", "4");
donnees[17]=new Array();
donnees[17].push("Ammuud", "500", "450", "0");
donnees[18]=new Array();
donnees[18].push("Amoris", "400", "299", "2000000000");
donnees[19]=new Array();
donnees[19].push("Ampliquen", "300", "100", "0");
donnees[20]=new Array();
donnees[20].push("Amrap", "52", "74", "1000000000");
donnees[21]=new Array();
donnees[21].push("Anchoron", "593", "10", "3");
donnees[22]=new Array();
donnees[22].push("Anoat", "21", "38", "0");
donnees[23]=new Array();
donnees[23].push("Anobis", "65", "258", "0");
donnees[24]=new Array();
donnees[24].push("Ansarra", "345", "95", "1000000000");
donnees[25]=new Array();
donnees[25].push("Antemeridias", "140", "98", "4");

evt = (evt) ? evt : ((window.event) ? window.event : "");
if (evt)
{
if (document.all)
{
coord_x = evt.offsetX;
coord_y = evt.offsetY;
}
else if (document.getElementById)
{
var table_left=document.getElementById("table").offsetLeft;
var cell_left=document.getElementById("cell").offsetLeft;

var table_top=document.getElementById("table").offsetTop;
var cell_top=document.getElementById("cell").offsetTop;

coord_x = evt.pageX - (table_left+cell_left);
coord_y = evt.pageY - (table_top+cell_top);
}
document.getElementById("coordonnees").innerHTML = "X:"+coord_x+" - Y:"+coord_y;

var i=1, out = 0;
do
{
if(coord_x == donnees[i][1] && coord_y == donnees[i][2])
{
document.getElementById("description").innerHTML = donnees[i][0]+"<br>["+donnees[i][3]+"]";
out = 1;
}
else
document.getElementById("description").innerHTML = "";
i++;
}
while (out != 1)
}
}

function coordonnees_ini()
{
var o_img = document.getElementById("carte_galaxie")
if (o_img)
{
o_img.style.cursor = "crosshair"
o_img.onmousemove = coordonnees
}
}
</script>

---

contient une erreur mais j'arrive pas a la trouver :roll:

http://test.derniere-bataille.net/game_v2.0/carte_galaxie.php

pouriez vous m'aider ?

chaque chose en son temps... ton premier probl�me est-il r�soulu?

ensuite, merci de debugger toi-m�me en �vitant de tester un bloc de 100 lignes; vois quel objet peut poser probl�me dans ton code, les messages d'erreur, etc.

le premier probleme est resolu ...

maitenant le probleme vient de cette boucle

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

var i=1, out = 0; do { if(coord_x == donnees[i][1] && coord_y == donnees[i][2]) { document.getElementById("description").innerHTML = donnees[i][0]+"<br>["+donnees[i][3]+"]"; out = 1; } else document.getElementById("description").innerHTML = ""; i++; } while (out != 1) } }

---

dans les premiere ligne apparement sauf que je vois pas ce qui est faux :roll:

il y a fort � parier que i d�passe tr�s rapidement l'indice maximal de ton tableau!

comment faire alors ?

l'affichage doit se faire suivant l'endroit ou est le pointeur et pour cela a part un boucle y'a pas le choix ...

une boucle "for" n'est pas la bonne solution le tableau final fera 435... mini tableau :roll:

comment faire pour recuperer le dernier indice du tableau ? et ainsi placer un test : if(i > valeur max) out = 1;

Suggestion :

� voir tes donn�es et l'utilisation que tu en fais, tu devrais cr�er un tableau d'objets. Ce serait plus simple de s'y retrouver et plus facile � manipuler.

Code:

---

1 2 3 4 5 6 7

var i = 1; var out = 0; while (i < donnees.length && !out) { if (....... ..... i++; }

---

ouah

merci beaucoup �a fonctionne nikel :wink: