IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Afficher image avec radioButton


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2011
    Messages
    312
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2011
    Messages : 312
    Par défaut Afficher image avec radioButton
    Bonjour

    J'ai des radios-buttons pour changer l'affichage d'une image :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <input name="Secteur" id="Aeronautique" type="radio" value="Aeronautique" onclick="Ssecteur();" />Aéronautique<br />
    <input name="Secteur" id="Automobile" type="radio" value="Automobile" onclick="Ssecteur();" />Automobile<br />
    <div id="Isecteur">
    <img src="images/Savoir/Automobile.jpg" />
    </div>
    Et une fonction :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <script language="javascript">
    function Ssecteur()  {
         if(document.getElementById('Aeronautique').checked)
       	 {
          document.getElementById('Isecteur').innerHTML='<img src="/images/Savoir/Aeronautique.jpg"> ';
          }
         if(document.getElementById('Automobile').checked)
         {
         document.getElementById('Isecteur').innerHTML='<img src="/images/Savoir/Automobile.jpg"> ';
         }
    }
    </script>
    Quand je lance l'appli l'image Automobile.jpg s'affiche, mais quand je clic sur un bouton l'image disparait, je n'ai pas d'affichage
    Pouvez-vous me dire pourquoi

    Merci pour vos réponses

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Déjà, modifier une image à coup de innerHTML c'est assez moche...
    Il vaudrait mieux passer par la propriété src de l'objet img...

    Ensuite, les deux src sont différents, dans un cas "images/Savoir/Automobile.jpg" dans l'autre "/images/Savoir/Aeronautique.jpg".
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2011
    Messages
    312
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2011
    Messages : 312
    Par défaut
    Mes src sont différents parceque je change d'image quand le bouton est checked

    Je ne vois pas comment faire, j'avais trouvé ce code sur le forum

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonjour,
    n'y aurait-il pas un / de trop dans le nom de la source des images?

    Sinon
    Citation Envoyé par Bovino
    Il vaudrait mieux passer par la propriété src de l'objet img...

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2011
    Messages
    312
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2011
    Messages : 312
    Par défaut
    Bonjour

    Effectivement c'etait le problème
    Merci pour votre aide

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. afficher image avec ActiveX
    Par Mat32 dans le forum LabVIEW
    Réponses: 5
    Dernier message: 18/12/2009, 10h31
  2. afficher image avec file
    Par niceen dans le forum Général JavaScript
    Réponses: 27
    Dernier message: 18/02/2008, 18h11
  3. Afficher une image avec opengl
    Par kmaniche dans le forum OpenGL
    Réponses: 4
    Dernier message: 07/02/2006, 09h04
  4. Afficher une image avec swing
    Par arnonote dans le forum AWT/Swing
    Réponses: 11
    Dernier message: 07/08/2004, 12h10
  5. PL/SQL - Comment afficher une image avec HTP ?
    Par patmaba dans le forum PL/SQL
    Réponses: 2
    Dernier message: 08/07/2004, 09h28

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo