Prototyping HTMLElement in NS6 1

jaredn · Dec 28, 2000

This discovery amazed me. Apparently, in Netscape 6, all HTML elements inherit from a base object called HTMLElement. Because of this, we can add methods to this base object using prototype, and all of our elements will have these methods(/properties?) available to them. For a simple example:

<body onLoad="document.getElementById('ben').move(170,300)">

<div id="ben" style="position:absolute;">
dsfsdgsfgfs
</div>

<script>

HTMLElement.prototype.move = function(x,y)
{
this.style.left = x+"px";
this.style.top = y+"px";
}

</script>

Test this in NS6. If anyone knows of a similar object like HTMLElement in IE, please tell me!

Thanks to Erik from

http://webfx.eae.net/

for helping me realize this by mistake

jared@aauser.com

luciddream · Dec 28, 2000

wow, jaredn, that's really neat. adam@aauser.com

jaredn · Dec 29, 2000

ok here's something that erik helped me with, for adding a hide method to all elements in IE5.5+ only:

oStyleSheet.addRule("*", "behavior: url('javascript:generateCode()')&quot

;

function generateCode() {
return "<public:component>" +
"<public:method name='hide'/>" +
"<script>" +
"function hide() {" +
" element.style.visibility = \"hidden\";" +
"}" +
"</script>" +
"</public:component>"
} jared@aauser.com

jaredn · Dec 29, 2000

(Note: haven't been able to get above code to work yet, when I do, I'll repost) jared@aauser.com

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Prototyping HTMLElement in NS6 1

jaredn

Programmer

luciddream

Programmer

jaredn

Programmer

jaredn

Programmer

Similar threads

Part and Inventory Search

Sponsor