Discussion :

[dark_vidor]

J'ai un tableau php

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

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

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

[javatwister]

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

[dark_vidor]

<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

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

pouriez vous m'aider ?

[javatwister]

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.

[dark_vidor]

le premier probleme est resolu ...

maitenant le probleme vient de cette boucle

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

[javatwister]

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

[dark_vidor]

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

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

[Claude Pelletier]

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.

[Mr N.]

Code :

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

1
2
3
4
5
6
7
var i = 1;
var out = 0;
while (i < donnees.length && !out) {
   if (.......
   .....
   i++;
}

[dark_vidor]

ouah

merci beaucoup ça fonctionne nikel