Récupérer le texte de l'ancre
Résolu
flam
-
flam -
flam -
Bonjour,
Tellement simple que je n'y arrive pas...
J'ai une galerie CSS qui se compose ainsi : j'ai 3 divs, en float left.
A gauche, les miniatures.
AU milieu, l'image correspondante.
A droite le descriptif de chaque img.
alert(descriptif) ne retourne rien, ou selon les modifs que je fais, "undefined" ou "object object".
Merci d'avance pour votre aide.
Tellement simple que je n'y arrive pas...
J'ai une galerie CSS qui se compose ainsi : j'ai 3 divs, en float left.
A gauche, les miniatures.
<li class="galerie_liste"> <a href="#im1"> <img src="img/miniatures/img1.jpg" alt="" /></a> </li>
AU milieu, l'image correspondante.
<div id="full_picture_ext">
<div > <a name="im1"> </a> <img src="img/big/img1.jpg" alt="" /></div>
A droite le descriptif de chaque img.
<div id="descriptif">
<div> <a name="im1"> Descriptif de la 1 photo </a>
</div>
<script type="text/javascript">
$(document).ready(function()
{ $('.galerie_liste a').each(function()
{// var mini = $(this).attr('href'); // OK
var ancre_descriptif = $("#descriptif div a").attr('name'); // OK
var descriptif = $('ancre_descriptif').text();
$(this).click(function() { alert(descriptif);});
});
});
</script>
alert(descriptif) ne retourne rien, ou selon les modifs que je fais, "undefined" ou "object object".
Merci d'avance pour votre aide.
A voir également:
- Récupérer le texte de l'ancre
- Recuperer message whatsapp supprimé - Guide
- Convertisseur récupération de texte - Guide
- Récupérer mon compte facebook désactivé - Guide
- Comment récupérer un document dans le presse-papier samsung - Guide
- Impossible de récupérer mon compte gmail - Guide
2 réponses
Bonjour,
Plutôt que de mettre un ALERT .. le temps de tes tests.. utilises plutôt un CONSOLE.LOG ( bien entendu.. active les outils de debogage de ton navigateur internet .... pour ma part j'utilise le plugin FireBug pour Firefox).
Quand ton alert t'affiche "object object" .. c'est qu'il à bien trouvé quelque chose.. mais sous forme d' Objet... il ne peut pas le convertir en "text" pour te l'afficher directement. (c'est pour ça qu'avec la Console.. tu pourras voir de quoi il s'agit).
Plutôt que de mettre un ALERT .. le temps de tes tests.. utilises plutôt un CONSOLE.LOG ( bien entendu.. active les outils de debogage de ton navigateur internet .... pour ma part j'utilise le plugin FireBug pour Firefox).
Quand ton alert t'affiche "object object" .. c'est qu'il à bien trouvé quelque chose.. mais sous forme d' Objet... il ne peut pas le convertir en "text" pour te l'afficher directement. (c'est pour ça qu'avec la Console.. tu pourras voir de quoi il s'agit).
Bonjour jordane45,
Merci pour ta réponse.
Voila ce que j'obtiens pour [object object] avec console.log(descriptif); :
[prevObject: x.fn.x.init[1], context: document, selector: "ancre_descriptif p", jquery: "1.10.2", constructor: function...] // Selector ancre_descriptif > p
ce qui équivaut à
_______________________________________________________________
En faisant
et en enlevant mes <p> ou pas,
j'obtiens toujours undefined ou rien.
Merci et merci d'avance pour la suite
Merci pour ta réponse.
Voila ce que j'obtiens pour [object object] avec console.log(descriptif); :
[prevObject: x.fn.x.init[1], context: document, selector: "ancre_descriptif p", jquery: "1.10.2", constructor: function...] // Selector ancre_descriptif > p
ce qui équivaut à
var ancre_descriptif = $("#descriptif div a").attr('name');
var descriptif = $('ancre_descriptif > p');
_______________________________________________________________
En faisant
var descriptif = $('ancre_descriptif').text();
ou
var descriptif = $('ancre_descriptif').val();
et en enlevant mes <p> ou pas,
j'obtiens toujours undefined ou rien.
Merci et merci d'avance pour la suite
Testes ceci :
<li class="galerie_liste"><a href="#im1"> <img src="images/1.png" alt="" /></a> </li>
<li class="galerie_liste"> <a href="#im2"> <img src="images/3.png" alt="" /></a> </li>
<div id="full_picture_ext">
<div > <a name="im1"><img src="images/2.png" alt="" /></a></div>
<div > <a name="im2"><img src="images/4.png" alt="" /></a></div>
</div>
<div id="descriptif">
<div> <a id="im1"> Descriptif de la 1 photo </a></div>
<div> <a id="im2"> Descriptif de la 2 photo </a></div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('.galerie_liste a').click(function(){
var cible_href = $(this).attr('href') // OK
console.log(cible_href);
var descriptif = $(cible_href).text();
console.log(descriptif);
alert(descriptif);
});
});
</script>
Je ne sais pas si ça marche chez toi,
Oui... testé et éprouvé... cela fonctionne très bien chez moi.
Je clique sur le premier LIEN.. j'ai le descriptif de la première image...
Je clique sur le second LIEN.. j'ai le descriptif de la seconde image...
mais de mon côté même en retournant tout ça dans 1000 sens, je 'arrive à rien...
Tu utilises quel navigateur ?
Tu utilises les outils de debogage ? tu obtiens quoi ?