Affichage Image selon variables choisies

Fermé
CI41350 Messages postés 4 Date d'inscription jeudi 14 septembre 2023 Statut Membre Dernière intervention 15 septembre 2023 - 14 sept. 2023 à 15:32
jordane45 Messages postés 38371 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 7 janvier 2025 - 15 sept. 2023 à 11:47

Bonjour,

Je suis débutant-novice en programmation ! 

Je cherche à afficher sous mon code une image en fonction du choix dans les 2 listes déroulantes.

Quelqu'un peut m'aider SVP ou me mettre sur la piste ?

Merci

<label for="angle-select">Quel angle pour les coudes ?</label>
<select name="angle" id="angle-select" required>
    <option value="">Choisis l'angle des 2 coudes</option>
    <option value="coude15">2 coudes 15°</option>
    <option value="coude30">2 coudes 30°</option>
    <option value="coude45">2 coudes 45°</option>
</select>
</br>
</br>
<label for="lg-select">Quelle longueur entre les 2 coudes ?</label>
<select name="longueur" id="lg-select" required>
    <option value="">Choisis la longueur entre les 2 coudes</option>
    <option value="lg100">1 élément droit de 100cm</option>
    <option value="lg50">1 élément droit de 50cm</option>
    <option value="lg25">1 élément droit de 25cm</option>
</select>
</br>
</br>


Windows / Chrome 116.0.0.0

A voir également:

6 réponses

thie384 Messages postés 50 Date d'inscription mercredi 28 octobre 2009 Statut Membre Dernière intervention 15 septembre 2023
14 sept. 2023 à 16:23

Bonjour,

Moi aussi je suis débutant et je ne comprend pas bien ta question.

C'est une page web codée en Html où l'on te demande de faire des choix.

Entre 3 longueurs entre 2 coudes 25 50 ou 100 et 3 angles de coudes 15 30 ou 45 degrés

?

0
CI41350 Messages postés 4 Date d'inscription jeudi 14 septembre 2023 Statut Membre Dernière intervention 15 septembre 2023
14 sept. 2023 à 16:28

re,

Effectivement ma demande n'est pas très claire.

Dans ma sélection de 2 paramètres, j'ai au total 9 possibilités.

J'aimerais afficher une image différente en fonction de chacune des 9 possibilités.

0
mariam-j Messages postés 1400 Date d'inscription mercredi 9 mars 2022 Statut Membre Dernière intervention 5 janvier 2025 17
14 sept. 2023 à 16:30

Bonjour,

Pour afficher une image:

<IMG SRC="nom.jpg">

Les images doivent être dans le même dossier que le: "html"

0
thie384 Messages postés 50 Date d'inscription mercredi 28 octobre 2009 Statut Membre Dernière intervention 15 septembre 2023
14 sept. 2023 à 16:44

C'est un petit peu trop compliqué pour te donner une réponse mais je pense qu'il faudrait faire ça avec un tableau en Mysql. Un petit peu comme les gens qui rentrent un identifiant et un mot de passe. En fonction de l'identifiant et du mot de passe tu te connecte ou pas et là ce serait en fonction de l'angle et de la longueur ça t'affiche telle image. C'est du Mysql

0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
CI41350 Messages postés 4 Date d'inscription jeudi 14 septembre 2023 Statut Membre Dernière intervention 15 septembre 2023
Modifié le 14 sept. 2023 à 17:35

Je pense plutôt à du PHP ou du js

0
jordane45 Messages postés 38371 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 7 janvier 2025 4 722
14 sept. 2023 à 18:08

Bonjour

Du js suffirait largement pour cette demande.

Renseignes toi sur l'événement onchange

Ensuite, renseigne toi sur l'utilisation des array et les tests conditionnels (if elseif.. ou les switch )

Et enfin.. comment modifier l'attribut src d'une image en JavaScript.

0
CI41350 Messages postés 4 Date d'inscription jeudi 14 septembre 2023 Statut Membre Dernière intervention 15 septembre 2023
15 sept. 2023 à 09:57

Ok là ca devient trop compliqué pour moi.

Quelqu'un peut m'aider SVP ????

0
jordane45 Messages postés 38371 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 7 janvier 2025 4 722
15 sept. 2023 à 11:47

Bonjour,

T'aider......  oui.... avec plaisir.

Mais le coder à ta place.... non !

Qu'as tu commencé à faire ?

Qu'as tu essayé ?

Sur quel parti bloques tu exactement ?

Voici de quoi commencer :

https://www.w3schools.com/jsref/event_onchange.asp

https://www.pierre-giraud.com/javascript-apprendre-coder-cours/tableau-objet-array/

https://www.w3schools.com/jsref/prop_img_src.asp

https://web.maths.unsw.edu.au/~lafaye/CCM/javascript/jscond.htm

0