Webjax.eu :: Element.getHeight()

Visualisation d'une page Webjax

Element.getHeight()

La méthode Element.getHeight() permet d'obtenir la hauteur 'offsetHeight' d'un élément précisé par son id DOM ou en tant qu'objet DOM.

Un exemple d'utilisation de cette méthode est présentée ci après dans la page à travers plusieurs types de champs du langage HTML :

to to président, toto

élémént p toto

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

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="obtenir la hauteur du champ sélectionné" onClick="var str = new String; str = $F('champ'); var ret = Element.getHeight(str); alert(ret);" /> <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:31:40 | ico tag

ico tag

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

ico com

Aucun commentaire enregistré