Compter les liens HTML dans une page web donn�e

**Chelmi Natroll** · 08/03/2015, 10h48

Bonjour,

Tout d'abord, je ne suis pas d�veloppeur, je bidouille un peu d'HTML et CSS en autodidacte, mais je ne connais pas du tout le Javascript. Et l�, j'aurai besoin d'int�grer un bout de code en Javascript dans une page web.

Je voudrais que ce script soit capable de compter les nombres de liens HTML dans une page web donn�e (celle-ci: http://chelmimage.fr/kicswila/index/...ricatures.html) en comptant par exemple le nombre de fois qu'il y a la cha�ne de caract�re </a> dans la page. Et ensuite, je voudrais inscrire ce nombre dans une autre page web (celle-ci: http://www.kicswila.com/article-4260419.html).

Bref, concr�tement, en r�sum�, je voudrais int�grer un compteur qui indique le nombre de Caricatures publi�s sur mon site sur l'index de celui-ci (et ensuite faire la m�me chose pour les Autres clins d'�il en adaptant le code) car actuellement, c'est moi qui vait �crire manuellement (enfin au clavier ^^) en dur dans le code HTML de mon index, le nombre de Caricatures (et le nombre de d'Autres clins d'�il) � chaque fois que je publie un nouveau billet. �a serait mois fastidieux si c'�tait automatique.

Merci d'avance pour votre aide.

**sekaijin** · 08/03/2015, 11h29

On te travaille pas sur la HTML mais sur le DOM
donc

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
aTags = document.getElementsByTagName('A');
nombre = 0;
for (var i= 0; i < aTags.length; i++) {
  if (null != aTags[i].href) //si on a un lien et pas une ancre
    nombre = nombre + 1;
}
console.log(nombre);

A+JYT

**Chelmi Natroll** · 08/03/2015, 21h20

Merci pour ta r�ponse.

Je vais surement poser des questions b�tes mais qu'est ce que le DOM, et comment j'int�gre ce code dans ma page HTML.

J'ai essay�:

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
 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
</head>
 
<body>
Caricatures (
<script type="text/javascript">
<!--
  aTags = document.getElementsByTagName('http://chelmimage.fr/kicswila/index/index-caricatures.html');
  nombre = 0;
  for (var i= 0; i < aTags.length; i++) {
	if (null != aTags[i].href) //si on a un lien et pas une ancre
	  nombre = nombre + 1;
  }
  console.log(nombre);
//-->
</script>
).
</body>
</html>

et �a ne me retourne rien.
Qu'est ce que je fais mal. ?

**sekaijin** · 09/03/2015, 09h08

Envoy� par Chelmi Natroll

et �a ne me retourne rien.
Qu'est ce que je fais mal. ?

�a

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementsByTagName('http://chelmimage.fr/kicswila/index/index-caricatures.html');

getElementsByTagName

A+JYT

**Chelmi Natroll** · 09/03/2015, 18h17

Ah d�sol�, comme quoi, il ne fait pas bon cogiter apr�s un dimanche bien arros� ^^... Comme je le disais, je ne suis pas du tout initi� � la programmation et encore moins au javascript, et je n'avais pas capt� que ton "A" �tait l� pour indiquer qu'on recherche les balises <a></a>. Mais du coup o� renseigne t'on l'adresse de la page Web dont on veut compter les liens, et comment fait on pour r�cup�rer ce r�sultat et l'afficher dans une autre page web. Excuse moi de me r�p�ter, mais je ne suis pas s�r d'avoir �t� clair dans mon premier billet...

Est ce que

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

console.log(nombre);

est sens� afficher le r�sultat ?

Encore merci de ton implication et de ta patience.

**SylvainPV** · 09/03/2015, 20h15

JavaScript s'ex�cute dans le contexte d'une seule page web, pas plusieurs. Une solution est de passer par les iframe :

dans le HTML de la page o� tu veux afficher le r�sultat:

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
 
<p>Nombre de liens dans la page: <span id="resultat"></span></p>
<iframe id="pagetest" src="http://chelmimage.fr/kicswila/index/index-caricatures.html"></iframe>
<script>
var iframe = document.getElementById('pagetest');
iframe.onload = function compterLiens(){
   var liens = iframe.contentWindow.document.body.getElementsByTagName("a");
   document.getElementById("resultat").textContent = liens.length;
}
</script>

Derni�re chose, il faut que la page o� le r�sultat est affich� soit sur le m�me domaine que la page test�e, afin de passer les contraintes de s�curit�.

Compter les liens HTML dans une page web donn�e

JavaScript

Vue hybride

Discussions similaires

Partager

Partager