Discussion :

[iBadGamer]

Bonjour,
J'ai un code sous cette forme

Code html :

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
<div class="beforeafter"> 
   <div class="before"> 
         <img src="http://monsite.fr/monimage1.jpg"> 
   </div> 
   <div class="after"> 
        <img src="http://monsite.fr/monimage2.jpg"> 
  </div> 
</div> 
 
<div class="beforeafter"> 
   <div class="before"> 
         <img src="http://monsite.fr/monimage3.jpg"> 
   </div> 
   <div class="after"> 
        <img src="http://monsite.fr/monimage4.jpg"> 
  </div> 
</div>

Et je voudrais pouvoir récupérer en Javascript les liens de mes images 1/2/3/4 en gardant le fait que la 1 vas avec la 2 et la 3 avec la 4. Je ne sais pas combien de div il y a comme ça, 0,1 ou n.

Je me suis donc mis a regarder le JQUERY et j’ai voulu effectuer quelques test, sauf que ça ne marche pas comme je veux, si un connaisseur peu jeter un coup d'oeil ce serais super c'est vraiment basique comme actions
Voila ma page:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<span id="texteJQ"></span>
 
<div id=testJQ>
<img src="http://***1.jpg"/>
<img src="http://***2.jpg"/>
</div>

En mettant en script:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var texte="hello world";
$("#texteJQ").append(texte);

Mon span texteJQ contient le texte "hello world" donc l'affichage fonctionne , ensuite j'ai testé ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$("img").each(function(){
$("#texteJQ").append(this.src);
});

En pensant que ça allais rajouter dans mon span tous les liens des images(les src) de ma page mais ça n'affiche rien...

Si quelqu'un a une solution ou une piste je suis preneur.
Merci d'avance

Edit: je travaille sous ezpublish et je n'avais pas pensé a mettre les balises {literal} autour de mon script... du coup le dernier script marche, je fait des test pour récuperer les src des images mais je suis toujours preneur pour une solution plus propre si elle existe

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$("img").each(function(){
$("#texteJQ").append($(this).prop('src'));
});

[iBadGamer]

C'est bon j’ai réussit, si ça intéresse voila mon code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 var lienbefore;
        var lienafter;
        var nom;
        var height=0;
        var width=0;
 
        $(".beforeafter").each(function(){
 
            lienbefore=$(this).find('.before img').attr('src');
            lienafter=$(this).find('.after img').attr('src');
            height=$(this).find('.after img').height();
            width=$(this).find('.after img').width();
          });