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