Bonjour,
 
Est ce qu'il est possible de savoir en javascript si un element dont je connais l'ID est visible à l'écran ?
 
voila en fait ce que je veux faire c'est un peu comme avec les anchors (les <a name="truc"> )
mais en javascript, l'utilisateur clic sur un lien et l'assenseur se déplace si besoin.
Je ne sais pas si je peux utiliser les anchors car je voudrais en plus exécuter des fonctions javascript.
 
<a href="javascript:voir('monId')">Lien</a>
 
et  
 
function voir(monID){
 
     //<-- ici, s'assurer que monID est visible a l'ecran
 
     //traitement sur monID, pour le mettre en gras et en rouge (par exemple)
}
 
Merci d'avance

 
Voici comment déterminer en Javascript si un élément est visble ou caché :

T'es sur que ca depend que de cette propriété la oliv?
 
Et si tu intercepte l'evenement clic ca passe pas?

je me suis mal exprimer,
 
visible dans le sens affiché à l'ecran dans la zone visible par l'utilisateur.
(le texte est en mode block tout le temps)
 
caché dans le sens il faut que l'utilisateur utilise sa scrollbar pour voir le texte

Désolé, je n'avais pas compris cela. Mon code ne s'applique donc pas à la question posée.

j m explique :

Yeah ! benji_100 ça marche !
Merci bien

 
T'es vraiment obligé d'encadrer systématiquement tous tes trucs par des balises inutiles ?

La version condensée me convient et semble fonctionner
Mais doit-on mettre "javascript:" ?
onclick est un evenement javascript non ? donc <a href="#ancre" onclick="voir('monId')">Lien</a> devrait fonctionner
 
qu'en pensez vous ?

ben oui !!!
c'est juste que Benji_100 a la facheuse habitude d'en double, voir tripler les balises inutiles
 
edit : tout reflechis, vire l'ancre, et met ceci :  
<a href="#" onclick="voir('monid');return false">truc</a>
 
car si on prends l'exemple que t'a donné benji_100
ca fera ceci au niveau du navigateur :  
 
Voir('monid') : Afficher le block "monId";
href: #ancre  : Aller à la page "page.html#ancre"; donc ca reactualise la page (ce peut dependre du navigateur, mais dans IE c'est comme ca).
 
donc un return false pour eviter que le navigateur rafraichisse la page.

2 remarques :
- merci pour ta remarque getsusat
- tout les elements peuvent accepter des evenements? (head?html?tr?hr?...)
 

Gatsusat, tu veux que je brule ta maison ?
 

Ouais tous, mais HTML et HEAD on s'en taponne un peu (surtout Head)

d'apres mes tests, je ne suis pas d'accord avec toi gatsusat, j'ai fait des tests avec IE et avec FireFox, ça ne réactualise pas la page, ça déplace la fenetre pour rendre visible l'anchor donc la solution de benji fonctionne sur les deux navigateurs
 
et deplus j'ai besoin de cette anchor afin de déplacer la fenetre, sinon on revient au point zéro et je cherche toujours la solution en javascript pour s'assurer qu'un element est dans la zone de l'ecran visible ou sinon scroller la fenetre...

ah oui tout a fait exact fluminis,  
alors j'ai du me gourationner sur un point moi.

oué fluminis, il a confondu rendre visible l element et le rendre visible par l utilisateur la maintenant sur la page. Ne tiens pas compte de ce qu il vient de dire (mm erreur que oliv)

hihi, pas de probleme,  
merci a tous,
le problème semble résolu

Tu changerai le nom du post en rajoutant [Résolu] à la fin?

voila c'est fait

Merci
Maintenant juste une question ouverte :
A mon avis il aurait été possible de checker si l'element monID est actuellement bien visible par la fenetre du navgateur en utilisant :
- la position en X et Y de l'élément (element.style.top ... ?)
- la position du cadre de la fenetre (avec les propriétés de scroll)
- la hauteur/largeur actuelle de la fenêtre (element.style.height/width ?)
 
Qu en pensez vous?

ha !
voila a quoi je pensais quand j'ai posé ma question en premier lieu.
je pense qu'une telle solution doit être faisable, mais la solution actuelle est simple et fonctionne (au moins sur IE et Firefox) donc pourquoi se compliquer la vie
 
Si vous avez 5 minutes pour réflechir à la question je suis curieux de voir la solution