Webjax.eu :: Element.getDimensions()

Visualisation d'une page Webjax

Element.getDimensions()

La méthode Element.getDimensions() permet de récupérer un objet contenant la largeur et la hauteur de l'élémént précisé par son id DOM ou en tant qu'objet DOM.
Les noms des deux propriétés retournées sont (logiquement) 'width' et 'height' .

L'exemple ci après présente plusieurs éléments HTML dont les propriétés sont spécifiées par CSS (ndr : voir présentation du code plus bas dans la page).
La liste déroulante de sélection d'éléments (ndr : numérotation par ordre d'apparition dans la page des éléménts) permet de sélectionner l'élément dont vous pouvez obtenir les dimensions via le bouton final 'obtenir les dimensions de l'élément sélectionné' .

to to président, toto

élémént p toto

sélectionner le champ que vous souhaitez tester avec Element.getDimensions() :

Le code HTML utilisé pour présenter l'exemple précédent est recopié ci après :
<input type="text" id="test_0" value=" t oto" readonly style='width : 127px; height : 30px; font-size : 13px;' /> <br/> <input type="text" id="test_1" value="toto" readonly style='width : 50px; height : 10px; font-size : 7px;' /> <br/> <txtarea readonly style='width : 300px; height : 45px;' id="test_2"> to to président, toto </txtarea> <br/> <p id="test_3" style='width:200px;border:#656565 1px solid;height:auto;'> élémént p toto </p> <br/> <input type="button" name="ok_0" value="tester le champ sélectionné" onClick="var str = new String; str = $F('champ'); var ret = Element.getDimensions(str); alert(ret); alert(ret.inspect());" /> <br/>
Le code HTML présentant les éléments 'textarea' a volontairement été légèrement altéré afin de présenter le tout au sein d'une zone 'textarea'.
Prenez le soin de modifier 'txtarea' en 'textarea' si vous utilisez le code.

ico time

: 03/01/2007 23:30:41 | ico tag

ico tag

: Element, Element.getDimensions, getDimensions, DOM, manipulation, prototype.js, prototype, javascript, xhtml, xml, css, styles,

ico com

Aucun commentaire enregistré