Problème tableau

Bonjour,

Mon problème est assez complexe (enfin du moins pour moi) et j'aimerais avoir de l'aide.
En gros, j'affiche un tableau en html :

          <div class="span10" id="bloc"> 
            <table class="table table-bordered" id="bloc3"> 
              <thead> 
                <tr> 
                  <th>Image</th> 
                  <th>Nom</th> 
                  <th>Niveau</th> 
                </tr> 
              </thead> 
              <tbody> 
                <tr> 
                  <td id="ImagePok1"></td> 
                  <td id="NomPok1"></td> 
                  <td id="NivPok1"></td> 
                </tr> 
                <tr> 
                  <td id="ImagePok2"></td> 
                  <td id="NomPok2"></td> 
                  <td id="NivPok2"></td> 
                </tr> 
                <tr> 
                  <td id="ImagePok3"></td> 
                  <td id="NomPok3"></td> 
                  <td id="NivPok3"></td> 
                </tr> 
              </tbody> 
            </table> 
          </div> 
          <div class="span10" id="bloc2"> 
          </div> 
        </div> 
      </div> 
  </div>


Et j'aimerais que dans ce tableau il s'affiche le nom, l'image ainsi que le niveau de mes Pokémon qui se trouvent dans ma BD. C'est ce que j'essaie de faire avec mon fichier PHP :

<?php 

$tab_equipe = array(
    'result'  => false,
    'message' => 'Aucune tentative de connection',
    'data'    => array("vide")
);

try {

    $pdo = new PDO('mysql:host=localhost;dbname=maBD', 'root', 'mysql');

    $query="SELECT * FROM equipe_red WHERE ImgEqR=:param1 and NomPokR=:param2 and NivPokR:=param3";
    
    foreach ($pdo->query($query) as $row) {
    $tab[]= array(
    "Img_Red" => $row['ImgEqR']
    );
    }
    $ligne = $requete -> fetchAll();
    
    // 
    if (count($ligne)>0) {
        
        $tab_resultat['result' ] = true;
        $tab_resultat['message'] = 'reussie';
        $tab_resultat['data'   ] = $ligne;
    }
    else {
        $tab_resultat['message'] = 'Erreur identification';
    }

} 
catch (Exception $e)
{
    $tab_resultat['message'] = 'Erreur base de données';
}

header('Cache-Control: no-cache, must-revalidate');
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Content-type: application/json');

echo json_encode($tab_resultat);

?>


Et pour finir voici mon code JS :

/* EQUIPE */

	$('#red_eq').click(function() {
		

		 $.ajax({
		url:'equiperouge.php',
		success: onSuccess
		}); 
         }

function onSuccess(data) {
	for (var i in data) {
	$("#ImagePok1").append(
	$('<img />')
	.attr('id',i)
	.attr('src',data[i].Img_Red)
	.attr('class',"image_red")
	)
	;}
}


Savez-vous comment je peux faire ça en PHP ?

2 réponses

  1. Voici mon tableau : https://www.pixenli.com/image/kKrl2BI7

    J'aimerais que lorsque je clique sur "Red" à gauche, le tableau se remplisse à partir de la base de données, dans chaque case du tableau.
    Sur la première ligne je voudrais que ça affiche l'image, le nom et le niveau du Pokémon pris de la BD (qui s'appelle maBD).

    Merci d'avance.

    L'informatique n'a pas d'âge, la preuve, je connais plein de gens qui s'y connaissent assez jeunes...
    1. Contributeur
      le "plus simple" c'est de passer par une requête ajax, sinon tu peux charger toutes les infos au chargement de la page comme il n'y en a pas beaucoup et gérer l'affichage via javascript
    2. Bonjour,

      Merci d'accorder votre temps à ma question.

      Dans tous les cas, je dois utiliser ma base de données pour récupérer mes images car c'est demandé dans mon énoncé. Et comment je pourrais charger toutes les infos au chargement de la page ? J'arrive pas à comprendre comment je pourrais mettre mes données dans le tableau... je n'arrive pas à saisir.

      De plus, je ne suis pas super bon dans ce domaine donc je suis désolé si je vous pose des questions évidentes.

      Merci d'avance.
    3. Contributeur
      au contraire, c'est assez technique.

      Bon, tu as quoi comme contrainte ?
      Tu maîtrises quoi sur le plan technique ?
    4. Mes contraintes : utiliser au moins une fois la BD (j'ai utilisé les images mais certains ont pris les formulaires de connexion/inscription d'un utilisateur)
      Je dois utiliser la bibliothèque JQuery au maximum pour faire un affichage fluide et sans rechargement de page.

      Je maîtrise assez bien le javascript et mysql.

      (Voici ma base de données en mysql : https://www.pixenli.com/image/zOm2FkRC)

      Merci.
    5. Contributeur
      et comment tu fais le lien avec tes red/gold/saphire ?