Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#1 Le 19/04/2021, à 09:35

michel Hustache

java script

Bonjour,
Pouvez vous m'aider, S'il vous plait. Le code avec condition if est ci-dessous.
Vous comprendrez que je ne connais pas grand chose à java script !
Mon code avec condition ne fonctionne pas. J'ai essayé pour me tirer d'affaire de créer 2 fichiers js, l'un avec vehicule-10 ans , l'autre avec vehicule +10ans, sur WordPress dans file attente (enqueue) de functions.php, dans ce cas c'est le premier code qui est dans la file d'attente qui fonctionne, l'autre non. J'ai donc essayé de faire le code ci -dessous en mettant les 2 fichiers avec des conditions if select id  = vehicule-10ans alors textcontent  changement de propriétaire véhicule moins de 10 ans, else if select id = vehicule +10 ans .......  cela ne fonctionne pas.
Questions, comment peut on faire coexister les 2 codes sans les conditions pour qu'ils fonctionnent tout les 2 et comment modifier le code avec condition pour qu'il fonctionne.
Le code

if(const select = document.getElementById('vehicule-10ans'))
       {
      const para = document.querySelector('h4'); 
            select.addEventListener('change', setPrix);
    
     function setPrix() {
        const choice = select.value;
         if(choice === '4 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans |  4 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 216 €.';
        } else if(choice === '5 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 5 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 257 €.';
        } else if(choice === '6 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 6 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 298 €.';
        } else if(choice === '7 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 7 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 339 €.';
        } else if(choice === '8 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 8 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 380 €.';
        } else if(choice === '10 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 10 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 462 €.';  
        } else if(choice === '12 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 12 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 544 €.';  
        } else if(choice === '16 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 16 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 708 €.';    
        } else {
          para.textContent = '';
        }}
       } else if(const select = document.getElementById('vehicule+10ans'))
      {
      const para1 = document.querySelector('h5'); 
          select.addEventListener('change', setTarif1); 

       function setTarif1() {
        const choice1 = select.value;
         if(choice1 === '41 CV') {
            para1.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 4 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 136 €.';
        } else if(choice1 === '51 CV') {
          para1.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 5 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 157 €.';
        } else if(choice1 === '61 CV') {
          para1.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 6 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 178 €.';
        } else if(choice1 === '71 CV') {
          para1.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 7 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 199 €.';
        } else if(choice1 === '81 CV') {
          para1.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 8 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 220 €.';
        } else if(choice1 === '101 CV') {
          para1.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 10 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 262 €.';  
        } else if(choice1 === '121 CV') {
          para1.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 12 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 304 €.';  
        } else if(choice1 === '161 CV') {
          para1.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 16 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 388 €.';    
        } else {
        para1.textContent = '';
        }}
        }

J'espère que vous trouverez le temps de me répondre. Bonne journée

Dernière modification par Ayral (Le 19/04/2021, à 17:20)

Hors ligne

#2 Le 19/04/2021, à 10:48

Vobul

Re : java script

C'est là qu'on voit les limites d'un forum phpbb pour ce genre de choses. Vire-moi ce code pas formatté dans les balises code du forum et mets-le sur un truc comme codepen.io avec un bout de html pour qu'on puisse voir le tout et jouer avec.


Vobul
Utilisez le retour utilisable de commandes !!!
J'aime la langue française, mais je parle franglais, deal with it.
RTFM

Hors ligne

#3 Le 19/04/2021, à 10:50

xubu1957

Re : java script

Bonjour,

Comme demandé dans le premier message du tutoriel Retour utilisable de commande

Pour ajouter toi-même les balises code à ton message #1 :                          Merci @Ayral       smile

  • Cliquer sur  le lien « Modifier » en bas à droite du message

  • Sélectionner le texte

  • Cliquer sur le <> de l'éditeur de message

moko138 a écrit :

1) Les balises-code sont les < > (crochets bleus) de la barre de mise en forme.

1578811399.jpg

Dernière modification par xubu1957 (Le 19/04/2021, à 17:46)


Conseils pour les nouveaux demandeurs et pas qu'eux
Important : Pensez à passer vos sujets en [Résolu] lorsque ceux-ci le sont, au début du titre en cliquant sur Modifier sous le premier message, et un bref récapitulatif de la solution à la fin de celui-ci. Merci.                   Membre de Linux-Azur

Hors ligne

#4 Le 19/04/2021, à 13:12

michel Hustache

Re : java script

Je vais essayer de mieux présenter le problème
1 code qui fonctionne
HTML

<select id ="vehicule-10ans" >
      <option value="">--Nombre Chevaux Fiscaux-- Véhicule moins de 10 ans </option>
      <option value="4 CV">4 CV</option>
      <option value="5 CV">5 CV</option>
      <option value="6 CV">6 CV</option>
      <option value="7 CV">7 CV</option>
      <option value="8 CV">8 CV</option>
      <option value="10 CV">10 CV</option>
      <option value="12 CV">12 CV</option>
      <option value="16 CV">16 CV</option>
    </select>

    <h4 style="color:#fff; font-family:'Racing Sans One';"></h4>

JAVA SCRIPT
<script> 
      const select = document.getElementById('vehicule-10ans');
      const para = document.querySelector('h4');
      select.addEventListener('change', setPrix);
    
     function setTarif() {
        const choice = select.value;
         if(choice === '4 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans |  4 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 216 €.';
        } else if(choice === '5 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 5 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 257 €.';
        } else if(choice === '6 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 6 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 298 €.';
        } else if(choice === '7 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 7 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 339 €.';
        } else if(choice === '8 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 8 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 380 €.';
        } else if(choice === '10 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 10 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 462 €.';  
        } else if(choice === '12 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 12 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 544 €.';  
        } else if(choice === '16 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 16 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 708 €.';    
        } else {
          para.textContent = '';
        }}

</script>

2 code qui fonctionne :

HTML 
 <select id ="vehicule+10ans">
      <option value="">--Nombre de Chevaux Fiscaux-- Véhicule plus de 10 ans </option>
      <option value="4 CV">4 CV</option>
      <option value="5 CV">5 CV</option>
      <option value="6 CV">6 CV</option>
      <option value="7 CV">7 CV</option>
      <option value="8 CV">8 CV</option>
      <option value="10 CV">10 CV</option>
      <option value="12 CV">12 CV</option>
      <option value="16 CV">16 CV</option>
    </select>

    <h5 style="color:#fff; font-family:'Racing Sans One';"></h5>

JAVASCRIPT
<script>
      const select = document.getElementById('vehicule+10ans');
      const para = document.querySelector('h5');
      select.addEventListener('change', setTarif);

       function setTarif() {
        const choice = select.value;
         if(choice === '4 CV') {
            para.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 4 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 136 €.';
        } else if(choice === '5 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 5 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 157 €.';
        } else if(choice === '6 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 6 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 178 €.';
        } else if(choice === '7 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 7 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 199 €.';
        } else if(choice === '8 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 8 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 220 €.';
        } else if(choice === '10 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 10 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 262 €.';  
        } else if(choice === '12 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 12 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 304 €.';  
        } else if(choice === '16 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 16 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 388 €.';    
        } else {
          para.textContent = '';
      }
    }
</script>

J'utilise WordPress, sur une page un seul code fonctionne pas les 2 en même temps.
J'ai donc pensé mettre ces 2 fichiers js dans un fichier js avec la condition if dans function.php en file d'attente, ce fichier ne fonctionne pas.
VOICI LE FICHIER.js
if(const select = document.getElementById('vehicule-10ans'))
       {
      const para = document.querySelector('h4'); 
            select.addEventListener('change', setPrix);
    
     function setPrix() {
        const choice = select.value;
         if(choice === '4 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans |  4 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 216 €.';
        } else if(choice === '5 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 5 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 257 €.';
        } else if(choice === '6 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 6 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 298 €.';
        } else if(choice === '7 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 7 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 339 €.';
        } else if(choice === '8 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 8 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 380 €.';
        } else if(choice === '10 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 10 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 462 €.';  
        } else if(choice === '12 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 12 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 544 €.';  
        } else if(choice === '16 CV') {
          para.textContent = 'Changement de Propriétaire | Véhicule - 10 ans | 16 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 708 €.';    
        } else {
          para.textContent = '';
        }}
       } else if(const select = document.getElementById('vehicule+10ans'))
      {
      const para1 = document.querySelector('h5'); 
          select.addEventListener('change', setTarif1); 

       function setTarif1() {
        const choice1 = select.value;
         if(choice1 === '41 CV') {
            para1.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 4 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 136 €.';
        } else if(choice1 === '51 CV') {
          para1.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 5 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 157 €.';
        } else if(choice1 === '61 CV') {
          para1.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 6 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 178 €.';
        } else if(choice1 === '71 CV') {
          para1.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 7 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 199 €.';
        } else if(choice1 === '81 CV') {
          para1.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 8 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 220 €.';
        } else if(choice1 === '101 CV') {
          para1.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 10 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 262 €.';  
        } else if(choice1 === '121 CV') {
          para1.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 12 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 304 €.';  
        } else if(choice1 === '161 CV') {
          para1.textContent = 'Changement de Propriétaire | Véhicule + 10 ans | 16 CV | Prix Net inclus Taxe et Frais | Au Meilleur Prix : 388 €.';    
        } else {
        para1.textContent = '';
        }}
        }

Merci d'avance si quelqu'un peut m'aider.

Dernière modification par Ayral (Le 19/04/2021, à 17:21)

Hors ligne

#5 Le 19/04/2021, à 13:27

cqfd93

Re : java script

Modération

Bonjour,

Pour ajouter toi-même les balises code à tes messages #1 et #4 :

  • Cliquer sur le lien « Modifier » en bas à droite du message

  • Sélectionner le texte

  • Cliquer sur le <> de l'éditeur de message
    1471986854.png


cqfd93

Hors ligne

#6 Le 19/04/2021, à 13:28

Vobul

Re : java script

:facepalm:


Vobul
Utilisez le retour utilisable de commandes !!!
J'aime la langue française, mais je parle franglais, deal with it.
RTFM

Hors ligne

#7 Le 19/04/2021, à 17:22

Ayral

Re : java script

michel Hustache a écrit :

J'espère que vous trouverez le temps de me répondre. Bonne journée


Et la modération espérait que tu trouverais le temps de poser les balises code comme il t'a été demandé.


Pour mettre les retours de commande entre deux balises code, les explications sont là : https://forum.ubuntu-fr.org/viewtopic.php?id=1614731
Blog d'un retraité
Site de graphisme du fiston Loïc
Ubuntu 22.04 LTS sur un Thinkpad W540

Hors ligne