Thanks for the sample plugin code Sean, This looks like a really neat plugin, I'll have to take care of the indentation though. Can get very messy at 3 levels if not written well.
Anurag On Aug 17, 4:19 pm, duma <[EMAIL PROTECTED]> wrote: > Anurag, > > I've written a Dom element-creating plugin for jQuery. The documentation is > here: > > http://www.pinkblack.org/itblog/?page_id=22 > > This is how its usage looks: > > var someNodes = > $.create( > "div", {}, [ > "span", {"class": "MyText"}, ["Hi! How are you?"], > "img", {"src": "Images/add.gif", "class": "AddTextButton"}, []]); > > So, the basic calling pattern is this: > > $.create(elementType, attributes, children, ...); // Repeat the > elementType, attributes, children pattern to generate a bunch of elements! > > $.create returns actual Dom elements; not text. > > You can add the elements you generate to your document in all the expected > jQuery ways. For example: > > $("#MyPlaceholder").html(someNodes); // Set the content. > $("#MyOtherPlaceholder").append(someNodes); // Append to the end of this > element. > > Enjoy! And take care! > Sean > > > > AnuragMishra wrote: > > > Hi, > > > I am a jQuery beginner. I am working on an application for which I > > need to create DOM elements on the fly. Previously I was using > > document.createElement() and document.createTextNode() but that's not > > concise and looks odd along with jQuery code. > > > So I wrote a tiny 3 line plugin jquery.new.js. It's more of a hit and > > trial outcome. > > > jQuery.new = function(element) { > > return $(document.createElement(element)); > > } > > > I wrapped the new element that was created with the jQuery object so I > > can chain functions. For example: > > var inputBox = $.new("input").attr("type", "text").attr("id", > > "someText"); > > > Is there a better way to do this? Or does jQuery already have this > > functionality inbuilt? > > -- > View this message in > context:http://www.nabble.com/Creating-DOM-elements-on-the-fly-tf4283829s1549... > Sent from the JQuery mailing list archive at Nabble.com.
