TextRectangle | NN s.o. IE 5 (Win) DOM s.o. | |||
Un objet TextRectangle contient les coordonnées des quatre bords d´un cadre invisible qui entoure une chaîne de texte de corps. Deux méthodes de tous les objets éléments et l´objet TextRange produisent des informations au sujet de deux types de rectangles de texte différents. La méthode getClientRects() renvoie une collection de rectangles de texte ligne par ligne; la méthode getBoundingClientRect() renvoie un seul objet TextRectangle qui a des coordonnées qui englobent tous les rectangles ligne par ligne. |
||||
L´invocation de l´une de ces méthodes permet d´obtenir les valeurs des rectangles immédiatement. Le redimensionnement de la fenêtre ou la modification du contenu de l´objet cible peuvent modifier les rectangles, mais les objets TextRangle obtenus précédemment ne suivent pas les modifications (puisqu´il est probable que le contenu du rectangle de chaque ligne change). Ainsi, il vaut mieux obtenir les valeurs TextRectangle juste avant de les traiter dans d´autres instructions de script. |
||||
Référence de modèle d'objet | ||||
elementOrTextRangeReference.getBoundingClientRect() elementOrTextRangeReference.getClientRects()[i] |
||||
Propriétés spécifiques à l´objet | ||||
|
||||
Méthodes spécifiques à l´objet | ||||
Aucune. |
||||
Propriétés de gestionnaire d´événements spécifiques à l´objet | ||||
Aucune. |
bottom, left, right, top | NN s.o. IE 5 (Win) DOM s.o. |
Lecture seule | |
Renvoient des valeurs en pixels, sous forme de nombres entiers, pour les coordonnée des bords du rectangle de la fenêtre du navigateur. Remarque: Ces valeurs ne sont pas fonction de la page. Dès lors, ces valeurs changent lorsque le conteneur du texte défile. |
|
Exemple | |
var rightMostEdge = document.getElementById("myP").getBoundingClientRect().right; |
|
Valeur | |
Mesures en pixels (nombre entier). |
|
Par défaut | |
Aucune. |