[Résolu] Liens visibles à l'écran

Bonjour

Suite à cette discussion, quelqu'un aurait il une solution simple à proposer pour retrouver les 10 premières balises <a> actuellement affichées à l'écran ?

Merci de vos conseils

Finalement j'ai écrit un petit script de quelques lignes en m'inspirant de celui que JENCAL m'avait signalé.
Encore merci

Gili a écrit :
Peux-tu poster un lien, il m'intéresse merci !

Volontiers, quand ça tournera comme je le veux.
Pour le moment, la chose qui marche c'est:

function getVisibleLinks() {
	var anchors = document.getElementsByTagName('a');
	var visibleLinks = [];
	var windowHeight = document.documentElement.clientHeight;
	for(var i = 0; i < anchors.length; i++) {
		var anchor = anchors[i];
		var anchorRect = anchor.getBoundingClientRect(), anchorTop = anchorRect.top;
		if(anchorTop > 0 && anchorTop < windowHeight) visibleLinks[visibleLinks.length] = anchor;
	}
	for(var i = 0; i < visibleLinks.length; i++) alert(visibleLinks[i].innerHTML);
}

ça recherche tout les liens visibles sur l'écran et affiche leur contenu.
La suite du script:
1) ne sélectionner que certains liens en fonction de certains attributs
2) les cloner dans une div qui apparait près du bouton
3) s'assurer que dans cette div les distances sont assez grandes (c'est le but du jeu)
4) ... et un tas de petits trucs du genre ne mettre cette moulinette en action que quand ça en vaut la peine, sans doute à coup de @media-queries en fonction de la taille de l'écran
Bref, plein de petites choses faciles à faire, mais qui nécessitent un peu d'huile de cerveau et de mise au point![/i][/i]

A par initialiser une variable à false et la mettre à true avec mousemove(), je ne vois pas d'autre solution.
Modifié par Gili (01 Mar 2016 - 18:06)