Exploiter un tableau php en javascript
Bonjour, je suis plutôt débutant en développement web et je sui actuellement en train de travailler sur un site web marchand.
J'ai créé une page boutique dans laquelle doit s'afficher les articles. Pour ce faire, le chargement de la page déclenche une requête PHP sur le serveur pour récupérer les infos sur les articles (libellé, descriptif, photo, prix, quantité dispo ...). Jusque là tout va bien !
Ma difficulté est que je récupère les infos dans une variable "tableau" : $tab[]= $ligne et que je souhaite l'exploiter avec une requête JavaScript.
Je m'explique : dans ma page boutique je souhaite l'affichage d'un seul article à la fois et je dois donc récupérer les lignes de $tab[] une par une.
J'ai donc essayé de travailler avec une variable k que j'ai placé dans $tab[k] et que j'incrémente grâce à un script JavaScript mais ça ne fonctionne pas...
Est-ce que quelqu'un pourrait me donner une piste ?
Merci
Code:
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
|
<?php
include_once("head.php");
//récupération du rayon concerné
$tab[] = 0;
$page = $_GET['page'];
echo $page;
$k = 1;
//récupération du tableau d'articles en fonction du rayon
Connexion();
$curseur = mysql_query("select * from article inner join rayon on (rayon.numrayon = article.numrayon) where nomrayon = '".$page."' and stock > 0 ");
$nbLigne = mysql_num_rows($curseur);
while($ligne = mysql_fetch_assoc($curseur)){
// récupération des champs de la ligne
$tab[]= $ligne;
}
// on ferme la connexion à mysql
mysql_close();
//injection des données dans les variables
?>
<div id="divArticle">
<div id="divPhotos">
</div>
<div id="divCmdPhotos">
</div>
<div id="divDescriptif">
<div id="divLibelle" class="petitTitre">
<?php echo $nbLigne; ?>
</div>
<div id ="divTxtDescritif" class="petitTexte">
<?php echo ($tab[$k]["libelle"]); ?>
</div>
</div>
<div id="divCmdGauche">
<input type="button" id="articleSuivant" value="précédent" />
<?php echo $k ?>
</div>
<div id="divCmdDroite">
</div>
</div>
<script type="text/javascript">
window.onload = function() {
document.getElementById("articleSuivant").onclick = function(){
if (<?php $k; ?> <<?php $nbligne; ?>) {
<?php $k = $k+1; ?>
}
else{
<?php $k = 1; ?>
}
}
}
</script>
<?php
include_once("foot.php");
?> |
