Comments on: Form property set/get error with MooTools in Internet Explorer

By: Garrick

Garrick — Fri, 13 Aug 2010 06:04:44 +0000

@Roark: Glad you found it, and not a rock in your machine.

By: Garrick

Garrick — Fri, 13 Aug 2010 06:02:19 +0000

@Bharati, glad I could help. If you need help, drop by the #mootools IRC chatroom. Myself and others will be able to assist you there.

By: Bharati

Bharati — Thu, 05 Aug 2010 12:07:41 +0000

Thanks for the suggestion.It helped me a lot!!
There is one more problem I am facing.
I have an Image in Div tag and in javascript I want to get the coordinates of the image relative to div
I am using MooTools(1.2.3) Library
The code is working in ff and crome but not in IE

The Error is at the below line
InputTopID.setAttribute(‘value’,ImgID.getCoordinates(DivID).top);

where ImdID is image.
DivID is Div(100px by 100px)
InputTopID is a Hidden field.

getCoordinates method does not work with ImgID
Can anyone help?

By: Roark

Roark — Fri, 04 Jun 2010 07:35:36 +0000

Just before I was ready to grab a rock and smash my machine into 100,000 little tiny pieces, I found your post…

I love it when sh*t like that happens.

GREAT POST!

Die IE6

By: Garrick

Garrick — Wed, 29 Jul 2009 02:19:38 +0000

@Rhys Burnie:
I came across this problem while trying to display a password input’s default value as text to inform the visitor where to type their password, like “Type Password Here”. With Javascript available, I could easily switch the input from text to password once the visitor began typing.

Like you said, this occured because of IE’s security “feature”. Switching a password inputs type from “password” to anything else will be denied. The error you experienced only appeared through MooTools because a function executed by the .set() method most likely returned an unexpected value.

To get around this you can use my Text Overlay Class or MooTools-More 1.2.3.1 OverText Class. Mine was inspired by MooTools-More’s version, just lighter weight.

By: Rhys Burnie

Rhys Burnie — Wed, 29 Jul 2009 01:19:50 +0000

I also noticed a problem if you try to change the type of a type=”passowrd” field to type=”text” using .set()

All id/name attributes were unique and didnt match an attribute name (like in the action example)

Im guessing its a security thing in IE but it causes an error if using the debugger it says the error is in mootools even tho it clearly isnt since .set() work for everything else in IE.

Firefox had no problem changing type=”password” to type=”text”

By: Sjon Hortensius

Sjon Hortensius — Sun, 12 Jul 2009 09:47:37 +0000

Thanks for this solution. As a proper integration, I have added this to my iefix, as an addition to mooTools 1.2:

Element.implement({ getProperty: function(attribute) { var EA = Element.Attributes, key = EA.Props[attribute];


		if (this.tagName == 'FORM')

			var value = (key) ? this[key] : this.getAttributeNode(attribute).nodeValue;

		else

			var value = (key) ? this[key] : this.getAttribute(attribute, 2);

return (EA.Bools[attribute]) ? !!value : (key) ? value : value || null; } });

By: Phil

Phil — Tue, 07 Jul 2009 20:19:16 +0000

Oh my holy hell… thank you.

By: Jeffrey

Jeffrey — Tue, 31 Mar 2009 21:54:30 +0000

Wow! VERY useful for me to know – thanks! I hope that is finding its way into Mootools 1.3! Geez. IE, I swear…