11496 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
Je galère vraiment sur ce problème depuis quelques temps, j'espère que vous pourrez m'aider !

J'ai une page qui affiche plusieurs images et j'aimerais tester si l'attribut src de chacune de mes images est oui ou non dans un tableau.

Voilà le code html par exemple pour 3 images

<div class="image-content">
     <img src="http://distilleryimage9.s3.amazonaws.com/a91b4da28e7811e380ee1219a70b055d_8.jpg" class="image">
     <input type="hidden" value="" name="lien" id="link"><input type="submit" value="Valider" name="submit" class="submit">
     <div class="check"></div>
</div>
<div class="image-content">
     <img src="http://distilleryimage9.s3.amazonaws.com/a91b4da28e7811e380ee1219a70b055d_8.jpg" class="image">
     <input type="hidden" value="" name="lien" id="link"><input type="submit" value="Valider" name="submit" class="submit">
     <div class="check"></div>
</div>
<div class="image-content">
     <img src="http://distilleryimage9.s3.amazonaws.com/a91b4da28e7811e380ee1219a70b055d_8.jpg" class="image">
     <input type="hidden" value="" name="lien" id="link"><input type="submit" value="Valider" name="submit" class="submit">
     <div class="check"></div>
</div>


Et voilà le code ajax:

$.ajax({
     url: 'check_all.php',
     dataType: 'json',
     success: function(data) {
				
          $.each("#instafeed .validator .image-content .check", function(index, value) {
               if ($.inArray($(value).parent().find('.image').attr("src"), data)) {
                   $(value).addClass("inDB");
               }
          });

     }
});


check_all.php retourne un tableau comme ceci: (retourne tous les liens de ma BDD)

0: "http://distilleryimage6.s3.amazonaws.com/31b39c2c845c11e3b2b812d359d4c9ea_8.jpg"
1: "http://distilleryimage9.s3.amazonaws.com/a91b4da28e7811e380ee1219a70b055d_8.jpg"
2: "http://distilleryimage1.s3.amazonaws.com/6b55adca839511e3a03d123d3cfc7775_8.jpg"
3: "http://distilleryimage4.s3.amazonaws.com/1e3ea4f2725f11e3abe412df1b842658_8.jpg"
4: "http://distilleryimage6.s3.amazonaws.com/f91032b4527811e39b5f1275d9cb4214_8.jpg"
5: "http://distilleryimage5.s3.amazonaws.com/bcf579e0399811e3a52622000a9f189d_8.jpg"
6: "http://distilleryimage11.s3.amazonaws.com/e0af20e867c411e39fae0e98c8282bf3_8.jpg"
7: "http://distilleryimage2.s3.amazonaws.com/f973c1ca12f011e3b6c622000a1f92d1_7.jpg"


Donc il faut tester si les liens des images sont dans le tableau retourner de la BDD, si oui ajouter une classe à la <div class="check">