Affichage de valeurs
Résolu
Yazho
Messages postés
85
Date d'inscription
Statut
Membre
Dernière intervention
-
Yazho Messages postés 85 Date d'inscription Statut Membre Dernière intervention -
Yazho Messages postés 85 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Affichage de valeurs
- Affichage double ecran - Guide
- Windows 11 affichage classique - Guide
- Problème affichage fenêtre windows 10 - Guide
- Excel liste de valeurs - Guide
- Affichage youtube trop grand ✓ - Forum YouTube
4 réponses
Tu n'as pas repris le code que je t'ai donné ??
A la place des "button" je t'avais mis des input "radio" ... ainsi qu"un bouton "submit" pour valider ton formulaire .....
Je t'avais également corrigé ton html ... car tu as placé ton header en dehors du body .. ce qui n'est pas correct ...
Donc... au lieu de créer une nouvelle discussion... tu aurais mieux faire de répondre dans la précédente en expliquant éventuellement ce qui ne te convenait pas !
A la place des "button" je t'avais mis des input "radio" ... ainsi qu"un bouton "submit" pour valider ton formulaire .....
Je t'avais également corrigé ton html ... car tu as placé ton header en dehors du body .. ce qui n'est pas correct ...
Donc... au lieu de créer une nouvelle discussion... tu aurais mieux faire de répondre dans la précédente en expliquant éventuellement ce qui ne te convenait pas !
J’avais fait une réponse mais je crois qu’elle ne s’est pas posté et j’ai donc recréé une discussion pour voir si d’autre personne avait une solution non pas parce que la tienne ne me convenait pas mais pour avoir plusieurs versions:)
Et je disais donc dans ma réponse que ton code était très très complet mais je dirais un peu trop pour mon niveau parce que j’avais franchement pas compris grand chose parce que mon grid avait disparu mes chaises aussi XD mais je pense que ton code était bien plus propre et formelle merci beaucoup pour ce que tu as fait eheh après je veux bien qu’on reprenne ça si tu veux bien
Pour remettre des chaises sur le code que je t'ai donné il suffit d'appliquer le CSS non pas sur des button mets sur les input de type radio que je t'ai mis.
Pour le reste il n'y a rien de complexe c'est le b a-ba du fonctionnement de PHP.
Mais si tu veux conserver tes button dans ce cas le plus simple serait de passer par du JavaScript...
Pour le reste il n'y a rien de complexe c'est le b a-ba du fonctionnement de PHP.
Mais si tu veux conserver tes button dans ce cas le plus simple serait de passer par du JavaScript...
oui voilà c'est ce que j'ai fait au début mais rien ne s'affiche bon si tu dis que ça devrait marcher c'est peut être le placement de mon texte qui n'est pas bon
J'ai vu le souci
là ça marche
là ça marche
<?php
if(isset($_POST['commander'])) {
$choix = !empty($_POST['chaise']) ? $_POST['chaise'] : "";
}
?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Réservation</title>
<link rel="stylesheet" href="CSS/Reserver.css">
<link href="CSS/Reserver.css" rel="stylesheet" media="all" type="text/css">
<style>
/* HIDE RADIO */
[type=radio] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
/* IMAGE STYLES */
[type=radio] + img {
cursor: pointer;
}
/* CHECKED STYLES */
[type=radio]:checked + img {
outline: 2px solid #f00;
}
</style>
</head>
<script>
buttons = document.querySelectorAll(".chaise");
for (i = 0; i < buttons.length; i++) {
element = buttons[i];
element.addEventListener("click", function(){
var valChaise = this.value;
document.querySelector('.place_texte').innerHTML(valChaise);
});
}
</script>
<body class="background-image" style="background-image: url(image/fond.png)">
<header>
<img class="logo" src="image/logo.png" ></img>
<h2><a href="index.html">Cassin Seat</a></h2>
<hr>
<h1 class="titre2" >RESERVATION </h1><br>
<div class="hr2">
<hr>
</div>
<nav>
<li><a href="index.html">Home</a></li>
<li><a href="#">À Propos</a></li>
<li><a href="#">Contacts</a></li>
</nav>
</header>
<nav>
<img class="classe" src="image/classe.png" align="center"></img>
<img class="commande" src="image/commande.png" align="right"></img>
</nav>
<form method="post" action="">
<button type="submit" class="btn" name="commander">COMMANDER</button>
<div class="grid2_radios-chaises">
<?php
$rangs = array('A','B','C','D');
foreach($rangs as $R){
for($i=1;$i<=6;$i++){
echo '<label><input id="radio_'.$R . $i.'"" type="radio" class="chaise" name="chaise" id="" title="'.$R . $i .'" value="'.$R . $i .'"><img class="chaise" src="image/chaise.png"></label>';
echo '<label for="radio_'.$R . $i.'">'.$R . $i.'</label>'; ;
}
}
?>
</div>
</form>
<p class='place_texte'> </p>
<script type="text/javascript">
buttons = document.querySelectorAll(".chaise");
for (i = 0; i < buttons.length; i++) {
element = buttons[i];
element.addEventListener("click", function(event){
var targetElement = event.target || event.srcElement;
console.log(targetElement);
var valChaise = targetElement.value;
document.querySelector('.place_texte').innerHTML=" Vous avez choisis : " +valChaise;
});
}
</script>
</body>
</html>