Comment afficher une photo lorsqu'on sélectionne deux variables

Petit nouveau ! | 1 Messages

30 déc. 2019, 21:44

Bonjour,

Voilà je rencontre un soucis avec mon code php, j'aimerais que lorsque je clique sur ma page html (deux éléments) un nom et un lieu, une image s'affiche sur une page php, sauf que l'image doit changer à chacun des choix.

Une partie de mon code html :

Code : Tout sélectionner

<p> Qui êtes-vous ? </p> <label> Ron Weasley <input type="radio" name="identite" value="Ron Weasley"/> </label><br /> <label> Harry Potter <input type="radio" name="identite" value="Harry Potter"/> </label><br /> <label> Ginny Weasley <input type="radio" name="identite" value="Ginny Weasley"/> </label><br /> <label> Voldemort <input type="radio" name="identite" value="Voldemort"/> </label><br /> <label> Olivier Dubois <input type="radio" name="identite" value="Olivier Dubois"/> </label><br /> <label> Hermione Granger <input type="radio" name="identite" value="Hermione Granger"/> </label><br /> <label> Drago Malefoy <input type="radio" name="identite" value="Drago Malefoy"/> </label><br /> <img class="imagehp" src="https://vignette.wikia.nocookie.net/harrypotter/images/5/55/Activation_et_fermeture_de_la_carte_du_Maraudeur.gif/revision/latest/scale-to-width-down/190?cb=20160905151655&path-prefix=fr"> </div> <div class="bloc2"> <p> Où êtes vous ? </p> <label> Maison <input type=radio name="lieu" value="à la maison" /> </label><br /> <label> Poudlard <input type="radio" name="lieu" value="à Poudlard"/> </label><br /> <label> Les Trois Balais <input type="radio" name="lieu" value="à la taverne Les Trois Balais" /> </label><br /> <label> Cabane hurlante <input type="radio" name="lieu" value="à la Cabane hurlante"/> </label><br /> <label> Weasley, Farces pour sorciers facétieux <input type="radio" name="lieu" value="au magasin Weasley, Farces pour sorciers facétieux"/> </label><br /> <label> Ollivander - Fabricants de baguettes magiques <input type="radio" name="lieu" value="chez Ollivander - Fabricants de baguettes magiques"/> </label><br /> <label> Banque Gringotts <input type="radio" name="lieu" value="à la banque Banque Gringotts"/> </label><br /> <br /> <input type="submit" value="Envoyer mon lieu" /> </form>
mon code php pour le moment :

Code : Tout sélectionner

<?php error_reporting(E_ALL ^ E_NOTICE); //c’est pour enlever les warning! $monFichier = @fopen("gps.txt","r");//ouverture en lecture $identite=fgets($monFichier, 4096); $lieu=fgets($monFichier, 4096); $lat1=fgets($monFichier, 4096); $lon1=fgets($monFichier, 4096); fclose($monFichier); date_default_timezone_set('Europe/Paris'); echo "<p> ".$lieu.$identite." mise à jour de la connection le ". date("d M Y, G : i",filemtime("gps.txt")); ?>
Pouvez-vous m'aider s'il vous plait, merci :)

Eléphanteau du PHP | 16 Messages

03 janv. 2020, 01:15

Salut, c'est dommage que tu n'ai reçu aucune réponse...
J'aimerai bien t'aider mais je n'ai pas tout compris ?
Tu veux que l'image change après qu'elle action et ou sont les images à afficher ?

Eléphanteau du PHP | 16 Messages

03 janv. 2020, 01:18

tu ne peux pas avoir plusieurs input du meme nom, soit tu fais un select soit tu fais un array avec tes input

Eléphanteau du PHP | 27 Messages

03 janv. 2020, 10:56

C'est en JavaScript que ça se fait car ça apparaît immédiatement sur la page en modifiant le DOM grâce à getElementById.

Tu appelles un fonction Javascript qui change d'image selon le bouton radio cliqué. C'est très simple à faire.

PHP c'est pour faires des trucs coté serveur, pas côté client.

Code : Tout sélectionner

<input type="radio" name="amp" onclick="document.getElementById('myImage').src='https://www.w3schools.com/js/pic_bulbon.gif'" checked>Turn on the light <img id="myImage" src="https://www.w3schools.com/js/pic_bulbon.gif" style="width:100px"> <input type="radio" name="amp" onclick="document.getElementById('myImage').src='https://www.w3schools.com/js/pic_bulboff.gif'">Turn off the light