sqfsdfgdhgfj
This commit is contained in:
+12
-9
@@ -434,16 +434,19 @@ button.btn-back {
|
|||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
width: 90%;
|
|
||||||
max-width: 500px;
|
width: 350px; /* Largeur fixe pour le test */
|
||||||
background: rgba(18, 18, 18, 0.95); /* Fond sombre semi-transparent */
|
min-height: 200px;
|
||||||
border: 5px solid #d4af37; /* Bordure dorée */
|
background-color: #1a1a1a !important; /* Force le fond noir */
|
||||||
border-radius: 20px;
|
border: 4px solid #d4af37;
|
||||||
padding: 30px;
|
border-radius: 15px;
|
||||||
|
padding: 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
z-index: 1000; /* Par-dessus tout */
|
|
||||||
box-shadow: 0 0 50px rgba(0, 0, 0, 0.8), 0 0 20px rgba(212, 175, 55, 0.4);
|
/* Priorité maximale */
|
||||||
animation: fadeInScale 0.4s ease-out;
|
z-index: 9999 !important;
|
||||||
|
display: block !important;
|
||||||
|
box-shadow: 0 0 100px rgba(0,0,0,1);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Titre du panel */
|
/* Titre du panel */
|
||||||
|
|||||||
+24
-12
@@ -498,27 +498,39 @@ foreach ($players as $p) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// --- FONCTION EN CAS DE VICTOIRE ---
|
// --- FONCTION EN CAS DE VICTOIRE ---
|
||||||
function EndGame() {
|
function EndGame(winnerId, amountWon) {
|
||||||
// 1. On récupère le conteneur
|
console.log("Fin de partie détectée !");
|
||||||
const container = document.getElementById('table-container');
|
|
||||||
|
const container = document.querySelector('.table-container'); // On utilise la classe si l'ID pose souci
|
||||||
|
|
||||||
|
if (!container) {
|
||||||
|
console.error("Conteneur non trouvé !");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
// 2. On crée une nouvelle ligne
|
|
||||||
const newRow = document.createElement('div');
|
const newRow = document.createElement('div');
|
||||||
newRow.className = 'win-panel';
|
newRow.className = 'win-panel';
|
||||||
|
|
||||||
|
// On écrit le contenu en dur pour vérifier que ça s'affiche
|
||||||
// 3. On met le HTML dedans (avec le bouton supprimer intégré)
|
|
||||||
newRow.innerHTML = `
|
newRow.innerHTML = `
|
||||||
<h2>La partie est terminée ! Qui a gagné ?</h2>
|
<div style="color: white;">
|
||||||
<?php foreach ($players as $p): ?>
|
<h2>🏆 FIN DE PARTIE 🏆</h2>
|
||||||
<button class="btn-win" onclick="declareWinner(<?php echo $p['id']; ?>)"><?php echo htmlspecialchars($p['name']); ?></button>
|
<p>Choisissez le vainqueur :</p>
|
||||||
<?php endforeach; ?>
|
<div id="winner-buttons-area"></div>
|
||||||
|
</div>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
// 4. On l'ajoute au conteneur
|
|
||||||
document.querySelector('.poker-table').style.filter = 'blur(5px) grayscale(50%)';
|
|
||||||
container.appendChild(newRow);
|
container.appendChild(newRow);
|
||||||
|
|
||||||
|
// On ajoute les boutons via JS plutôt que PHP pour être sûr
|
||||||
|
const area = document.getElementById('winner-buttons-area');
|
||||||
|
players.forEach(p => {
|
||||||
|
const btn = document.createElement('button');
|
||||||
|
btn.className = 'btn-win';
|
||||||
|
btn.innerText = p.name || "Joueur " + p.id;
|
||||||
|
btn.onclick = () => declareWinner(p.id);
|
||||||
|
area.appendChild(btn);
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function declareWinner(winnerId) {
|
function declareWinner(winnerId) {
|
||||||
|
|||||||
Reference in New Issue
Block a user