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 :

Connaitre tout les éléments d'une page html


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    87
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 87
    Points : 46
    Points
    46
    Par défaut Connaitre tout les éléments d'une page html
    Bonjour,

    j'ai dans une page html, des dizaines de petites images qui s'affichent, impossible d'en connaitre le nombre (c'est le serveur qui s'occupe de cela).

    J'aimerai toutes les "récuperer" pour pouvoir changer ensuite leurs attributs.

    En clair avec une page html du genre :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    <img src="button1.gif" id="49">
    <img src="button1.gif" id="48">
    <img src="button2.gif" id="47">
    <img src="button1.gif" id="46">
    <img src="button3.gif" id="44">
    <img src="button1.gif" id="50">
    <img src="button4.gif" id="40">
    <img src="button6.gif" id="41">
    <img src="button1.gif" id="42">
    <img src="button1.gif" id="43">
    j'aimerai faire quelque chose comme ca :

    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>
     
    while(imageid = document.touteslesimagesdelapage())
    {
         if(document.getElementById(imageid).src = "button1.gif")
         {
               document.getElementById(imageid).src = "button2.gif";
         }
    }
     
    </script>
    Si quelqu'un à ca sous la main.

  2. #2
    Membre expert

    Profil pro
    Inscrit en
    Septembre 2002
    Messages
    1 581
    Détails du profil
    Informations personnelles :
    Âge : 48
    Localisation : Belgique

    Informations forums :
    Inscription : Septembre 2002
    Messages : 1 581
    Points : 3 016
    Points
    3 016
    Par défaut
    Je ne sais pas exactement ce que tu veux faire mais si c'est parcourir toutes les images de ton doc, tu peux faire ceci:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    <html>
    <body>
    <head>
    <script language="javascript">
    function BrowseImage()
    {
      var ImageCollection = document.getElementsByTagName("IMG");
      if(ImageCollection)
      {
        for(var i=0;i<ImageCollection.length;i++)
        {
           ImageCollection[i].src = ....;
        }
      }
     
    }
    </script>
    </head>
    <img src="img1.jpg" id="1">
    <img src="img2.jpg" id="2">
    <img src="img3.jpg" id="3">
    <input type="button" onclick="BrowseImage()">
    </body>
    </html>
    Pour info, le "=" c'est l'affectation et le "==" te permet d'effectuer un test

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

Discussions similaires

  1. [RegEx] Extraire toutes les cellules d'une page html
    Par Patrick dans le forum Langage
    Réponses: 1
    Dernier message: 16/04/2008, 23h35
  2. connaitre toutes les occurences d'une chaine
    Par semaj_james dans le forum C
    Réponses: 2
    Dernier message: 11/12/2005, 14h46
  3. Réponses: 7
    Dernier message: 14/09/2005, 10h50
  4. réinitialiser les liens d'une page html
    Par sisco dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 05/11/2004, 16h03

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