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 :

atteindre une image sans id dans un div


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2003
    Messages
    164
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2003
    Messages : 164
    Points : 67
    Points
    67
    Par défaut atteindre une image sans id dans un div
    Salut,

    Voilà, dans ma page html, j'ai à un endroit le code suivant :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="boutonsave" onclick="truc();"><img src="./images/save.png" width="32" height="32" /></div>
    Sachant que je ne peux pas mettre d'attribut id à mon image à cause de contraintes techniques (trop long à expliquer avec le php, etc.), je cherche à changer la source de mon image lors du click dessus :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <script language="javascript">
    function truc() {
    mondiv=document.getElementById('boutonsave');
    alert(mondiv.innerHTML);//ça marche
    monimg=mondiv.getElementsByTagName('img');
    alert(monimg.src);//ne marche pas
    alert(mondiv.getElementsByTagName('img').src);//ne marche pas
    }
    </script>
    Le code ci-dessus ne change pas encore la source de l'image mais est sensé l'afficher. Cependant, ça ne marche pas.

    Quelqu'un à une idée?

    Simo'

    PS: Désolé si j'explique mal, j'ai un maux de tête à claquer et pas de doliprane...

  2. #2
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    monimg=mondiv.getElementsByTagName('img')[0];
    ou
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    monimg=mondiv.firstChild;
    A+

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    la première solution est plus sure, en effet selon le browser le denombrement des childNodes n'est pas le même ... il se peut qu'il chope un textNode vide à la place de l'image attendue ...

  4. #4
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2003
    Messages
    164
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2003
    Messages : 164
    Points : 67
    Points
    67
    Par défaut
    Merci beaucoup pour votre réponse :-)

    Merci merci merci !

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

Discussions similaires

  1. Aligner verticalement une image plus grande dans un div
    Par c13303 dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 28/04/2014, 10h23
  2. Insérer une image sans extension dans un canvas
    Par flow10000 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 28/03/2013, 10h19
  3. Réponses: 5
    Dernier message: 16/01/2010, 20h37
  4. Réponses: 1
    Dernier message: 13/05/2008, 19h46
  5. Afficher une image sans URL dans un forum
    Par Vanesse dans le forum Mode d'emploi & aide aux nouveaux
    Réponses: 2
    Dernier message: 01/03/2006, 17h55

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