$sql = "SELECT tile FROM map LEFT JOIN map ON map.pos_x= pos_x AND map.pos_y= pos_y WHERE pays_name= 'xxxx'";
$sql = "SELECT pos_x, pos_y FROM map WHERE pays_name='xxxx'";
$pdostat = $bdd->prepare($sql);
$pdostat->execute();
$resultat= $pdostat->fetch();
if (!empty($resultat)) {
$tile= $resultat['tile'];
$pos_x= $resultat['pos_x'];
$pos_y= $resultat['pos_y'];
}
//paramètre
$nb_par_ligne = 10;
//on commence par ouvrir le tableau (1 seule fois ! à pas mettre dans la boucle)
echo '<table><tr>';
//initialisation du compteur
$i = 1;
while($resultat = $pdostat->fetch()){
//afichage de la tile
echo '<td><img src="' . $resultat['tile'] . '"></td>';
//si le nombre de tile est de 10, on passe à la ligne
if($i == $nb_par_ligne){
//retour à la ligne
echo '</tr><tr>';
$i = 1;
//sinon, on continu l'affichage horizontal
}else{
//compte le nombre de tile affichées
$i ++;
}
}
//fermeture du tableau
echo '</tr></table>';$i = 1;
?>
$tableau = [];
//lors de ta boucle while, ajoute les tiles dans le tableau:
$tableau[coordonnée x ici][coordonnée y ici] = "j'ajoute une title ici";//lors de ta boucle while, ajoute les tiles dans le tableau:
$tableau[coordonnée x ici][coordonnée y ici] = "j'ajoute une title ici";
<?php
const TILE_WIDTH = 150;
const TILE_HEIGHT = 150;
$pays = $_GET['pays'] ?? 'France';
/** @var \PDO $bdd */
$pdostat = $bdd->prepare('SELECT tile, pos_x, pos_y FROM map WHERE pays_name=?');
$pdostat->execute([$pays]);
$tiles = $pdostat->fetchAll();
?>
<h1><?= htmlspecialchars($pays) ?></h1>
<?php if (empty($tiles)) : ?>
<p>Pas de tiles !</p>
<?php else : ?>
<div style="position: relative;">
<?php foreach ($tiles as $tile) : ?>
<img src="<?= $tile['tile'] ?>"
style="position: absolute; top: <?= $tile['pos_x'] * TILE_WIDTH ?>px; left: <?= $tile['pos_y'] * TILE_HEIGHT ?>px;"
alt="">
<?php endforeach; ?>
</div>
<?php endif; ?>const TILE_WIDTH = 40;
const TILE_HEIGHT = 40;
/** @var \PDO $bdd */
$pdostat = $bdd->prepare("SELECT situation_pays FROM membres WHERE id=:id");
$pdostat->bindvalue(':id',$idMembreSession ,PDO::PARAM_INT);
$pdostat->execute();
$membreSession = $pdostat->fetch();
if (!empty($membreSession )) {
$situation_pays = $membreSession['situation_pays'];
}
$pdostat = $bdd->prepare("SELECT tile, pos_x, pos_y FROM map WHERE pays_name='$situation_pays'");
$pdostat->execute();
$tile = $pdostat->fetchAll();
$pos_x= $pdostat->fetchAll();
$pos_y= $pdostat->fetchAll();
?>
<h1><?= htmlspecialchars($situation_pays) ?></h1>
<?php if (empty($tile)) : ?>
<p>Pas de tiles !</p>
<?php else : ?>
<div style="position: relative;">
<?php foreach ($tile as $tile) : ?>
<img src="<?= $tile['tile'] ?>"
style="position: absolute; top: <?= $tile['pos_x'] * TILE_WIDTH ?>px; left: <?= $tile['pos_y'] * TILE_HEIGHT ?>px;"
alt="">
<?php endforeach; ?>
</div>
<?php endif; ?>
<?php
const TILE_WIDTH = 40;
const TILE_HEIGHT = 40;
/** @var \PDO $bdd */
$pdostat = $bdd->prepare("SELECT situation_pays FROM membres WHERE id=:id");
$pdostat->bindvalue(':id', $idMembreSession, PDO::PARAM_INT);
$pdostat->execute();
$membreSession = $pdostat->fetch();
// Si $membreSession est vide, la variable $situation_pays n'est pas définie,
// il faut lui définir une valeur par défaut :
$situation_pays = '';
if (!empty($membreSession)) {
$situation_pays = $membreSession['situation_pays'];
}
// Attention aux injections sql : pas de variable php dans une requête sql !
// On utilise bindValue ou le tableau dans execute pour définir les valeurs des paramètres :
$pdostat = $bdd->prepare("SELECT tile, pos_x, pos_y FROM map WHERE pays_name=:pays");
$pdostat->bindvalue(':pays', $situation_pays, PDO::PARAM_STR);
$pdostat->execute();
//$tile = $pdostat->fetchAll();
//$pos_x= $pdostat->fetchAll();
//$pos_y= $pdostat->fetchAll();
// La méthode fetchAll retourne toutes les lignes du résultat de la requête dans un tableau,
// cette méthode ne doit être appelée qu'une seule fois.
// On récupère le retour de la fonction fetchAll dans un tableau nommé $tiles (au pluriel avec un s) :
$tiles = $pdostat->fetchAll();
// pour voir/déboguer le tableau :
//print_r($tiles);
?>
<h1><?= htmlspecialchars($situation_pays) ?></h1>
<?php if (empty($tiles)) : // on vérifie si le tableau $tiles (avec un s) est vide ?>
<p>Pas de tiles !</p>
<?php else : ?>
<div style="position: relative;">
<?php foreach ($tiles as $tile) : // pour chaque "tile" dans le tableau $tiles ?>
<img src="<?= $tile['tile'] ?>"
style="position: absolute; top: <?= $tile['pos_x'] * TILE_WIDTH ?>px; left: <?= $tile['pos_y'] * TILE_HEIGHT ?>px;"
alt="">
<?php endforeach; ?>
</div>
<?php endif; ?>
<?php foreach ($tiles as $tile) : // pour chaque "tile" dans le tableau $tiles ?>
<img src="<?= $tile['tile'] ?>"
style="position: absolute; top: <?= $tile['pos_x'] * TILE_WIDTH ?>px; left: <?= $tile['pos_y'] * TILE_HEIGHT ?>px;"
alt="">
<?php endforeach; ?>
<h1>JAWHA</h1>
<div style="position: relative;">
<img src="/relief/tile_plage.gif"
style="position: absolute; top: 2400px; left: 2440px;"
alt="">
<img src="/relief/tile_peage.gif"
style="position: absolute; top: 2400px; left: 2400px;"
alt="">
<img src="/relief/tile_prairie.gif"
style="position: absolute; top: 2440px; left: 2440px;"
alt="">
<img src="/relief/tile_prairie.gif"
style="position: absolute; top: 2480px; left: 2400px;"
alt="">
<img src="/relief/tile_rocher.gif"
style="position: absolute; top: 2480px; left: 2440px;"
alt="">
<img src="/relief/tile_mer_hiver.gif"
style="position: absolute; top: 2360px; left: 2480px;"
alt="">
<img src="/relief/tile_mer_hiver.gif"
style="position: absolute; top: 2400px; left: 2480px;"
alt="">
<img src="/relief/tile_plage.gif"
style="position: absolute; top: 2360px; left: 2440px;"
alt="">
<img src="/relief/tile_poste_frontiere.gif"
style="position: absolute; top: 2320px; left: 2400px;"
alt="">
<img src="/relief/tile_chemin.gif"
style="position: absolute; top: 2360px; left: 2400px;"
alt="">
<img src="/relief/tile_mer_hiver.gif"
style="position: absolute; top: 2320px; left: 2480px;"
alt="">
<img src="/relief/tile_poste_frontiere.gif"
style="position: absolute; top: 2320px; left: 2440px;"
alt="">
<img src="/relief/tile_mer_hiver.gif"
style="position: absolute; top: 2480px; left: 2480px;"
alt="">
<img src="/relief/tile_grue_chantier.gif"
style="position: absolute; top: 2440px; left: 2480px;"
alt="">
</div>
