Discussion :

[angus42]

Bonjour,

Sur une page web, je cherche à récupérer le lien http d'une image. J'ai une balise div qui s'appelle 'content' et je veux récupérer la première image de cette balise. Le code suivant vous parait-il correct svp ?

Code :

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

1
2
3
var divid=document.getElementById('content');
var srcimg=divid.getElementsByTagName("img");
var linkimg=srcimg.childNodes[0].src;

Merci pour votre aide.

[Watilin]

Salut,
je suggère :

Code JavaScript :

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

1
2
3
var divid = document.getElementById('content'); // élément DIV
var srcimg = divid.getElementsByTagName('img'); // collection d’éléments IMG
var linkimg = srcimg.item(0).src; // premier élément IMG, puis attribut src

(le .item() ça vient de l’interface NodeList)

Si c’est pas ça, je veux bien voir le code HTML

[angus42]

ok je vais tester ça, merci.

[Bovino]

Code :

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

var linkimg=srcimg[0].src;

est aussi simple non

[angus42]

Je n'ai pas encore pu tester, désolé.

Autres questions :

Si je passe en paramètre ($adrsttl) l'adresse du site où se trouve l'image, comment dire à la fonction qu'elle doit chercher dans cette page-là ?

Si la fonction retourne la variable linkimg contenant l'adresse de l'image, comment faire afficher l'image au chargement de mon site ?
<IMG src=$linkimg onload="getlink($adrsttl)"> ?

[Watilin]

Code :

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

var linkimg=srcimg[0].src;

est aussi simple non

Ouaip, mais pas standard. Si on sort du contexte HTML (XUL ou autre) ça ne marche plus, alors que .item() est garanti

[Bovino]

Si je passe en paramètre ($adrsttl) l'adresse du site où se trouve l'image, comment dire à la fonction qu'elle doit chercher dans cette page-là ?

Quelle fonction ?

Ceci dit, si ce que tu cherches et de parser une page externe pour en récupérer les src des images, ce n'est heureusement pas possible (pas forcément très légal non plus au passage )...

[angus42]

C'est le site d'un ami qui poste des photos tous les jours et je veux que mon site affiche cette image sans que j'ai besoin d'intervenir.

voilà la fonction que j'ai définie et que j'appelle au chargement de mon site :

Code :

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

1
2
3
4
5
6
function getlink(adrsttl)
{
	var divid=document.getElementById('content');
	var srcimg=divid.getElementsByTagName("img");
	var linkimg = srcimg.item(0).src;
}

deux problèmes restent à résoudre :
comment dire à la fonction qu'elle doit chercher dans la page externe (adrsttl) ? "document" fait référence à ma page et non à celle de l'url stockée dans adrsttl.
comment afficher l'image (linkimg) dans ma page ?

[Bovino]

comment dire à la fonction qu'elle doit chercher dans la page externe (adrsttl) ? "document" fait référence à ma page et non à celle de l'url stockée dans adrsttl.

si ce que tu cherches et de parser une page externe pour en récupérer les src des images, ce n'est heureusement pas possible

Ca me semble pourtant clair comme réponse

[Watilin]

@Angus >
Tu mélangerais pas par hasard JavaScript et PHP ? Je me suis déjà étalé là-dessus, mais j’ai un peu la flemme de le refaire… Regarde dans mon historique.

Edit: - là. -

[angus42]

ok je vais chercher merci !