Comments on: Prototype.js, setStyle, and IE not working together http://www.nutt.net/2010/04/02/prototype-js-setstyle-and-ie-not-working-together/ Random articles on whatever I feel like... Tue, 07 Feb 2012 22:30:43 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: npup http://www.nutt.net/2010/04/02/prototype-js-setstyle-and-ie-not-working-together/comment-page-1/#comment-116611 npup Fri, 22 Oct 2010 10:39:45 +0000 http://www.nutt.net/?p=543#comment-116611 When creating DOM elements one can as well use Prototype's functions for it and get the extension from the start, even in IE, and set most of the stuff in one fell swoop: <code> var brDiv = new Element('div', {id: 'cool_container', className: 'class0 class1'}).setStyle({backgroundColor: 'black', position: 'absolute'}); // it is extended from birth </code> One semi-semi-related thing that happened to me recently was that all elements on the page seemed to be unextended on a page in IE. The source of the problem was that prototype.js was being included twice on the page. It blew IE away - not sure why yet. But there is some special stuff about extending the elements in IE for sure. /@npup When creating DOM elements one can as well use Prototype’s functions for it and get the extension from the start, even in IE, and set most of the stuff in one fell swoop:

var brDiv = new Element('div', {id: 'cool_container', className: 'class0 class1'}).setStyle({backgroundColor: 'black', position: 'absolute'}); // it is extended from birth

One semi-semi-related thing that happened to me recently was that all elements on the page seemed to be unextended on a page in IE. The source of the problem was that prototype.js was being included twice on the page. It blew IE away – not sure why yet. But there is some special stuff about extending the elements in IE for sure.

/@npup

]]> By: Nick http://www.nutt.net/2010/04/02/prototype-js-setstyle-and-ie-not-working-together/comment-page-1/#comment-104161 Nick Tue, 15 Jun 2010 16:35:17 +0000 http://www.nutt.net/?p=543#comment-104161 Prototype has to extend elements before you can call the new methods on them. When you dynamically create a div, it won't yet be extended. You can use prototype's $() function to quickly extend a new element. var brDiv = $(document.createElement('div')); brDiv.setStyle({ backgroundColor: 'black', position: 'absolute'}); Prototype has to extend elements before you can call the new methods on them. When you dynamically create a div, it won’t yet be extended. You can use prototype’s $() function to quickly extend a new element.

var brDiv = $(document.createElement(‘div’));

brDiv.setStyle({ backgroundColor: ‘black’, position: ‘absolute’});

]]>