Comments on: How to create a new element with YUI

By: JAY

JAY — Mon, 05 Jul 2010 14:29:54 +0000

PillSpot.org. Canadian Health&Care.Special Internet Prices.Best quality drugs.No prescription online pharmacy. Low price pills. Order pills online…

Buy:Viagra Soft Tabs.Viagra.Cialis Super Active+.Viagra Super Force.Levitra.Propecia.Viagra Professional.Zithromax.Cialis Soft Tabs.Maxaman.Soma.Cialis Professional.Cialis.Viagra Super Active+.Tramadol.Super Active ED Pack.VPXL….

By: GLENN

GLENN — Tue, 29 Jun 2010 17:24:22 +0000

PillSpot.org. Canadian Health&Care.Best quality drugs.No prescription online pharmacy.Special Internet Prices. No prescription pills. Buy drugs online…

Buy:Retin-A.Arimidex.Actos.Lumigan.Human Growth Hormone.Prednisolone.Accutane.100% Pure Okinawan Coral Calcium.Zyban.Prevacid.Valtrex.Zovirax.Mega Hoodia.Synthroid.Petcam (Metacam) Oral Suspension.Nexium….

By: EDUARDO

EDUARDO — Sat, 26 Jun 2010 08:15:28 +0000

PillSpot.org. Canadian Health&Care.Special Internet Prices.No prescription online pharmacy.Pillspot.org. Herbal-supplements@buy.online” rel=”nofollow”>.…

Categories: Skin Care.Antiviral.Antibiotics.Stop SmokingBlood Pressure/Heart.Eye Care.Mental HealthStomach.Weight Loss.Vitamins/Herbal Supplements.Anti-allergic/Asthma.Anxiety/Sleep Aid.Antidiabetic.Womens Health.Antidepressants.Pain Relief.Mens H…

By: Jeffrey04

Jeffrey04 — Sat, 15 Aug 2009 14:42:11 +0000

found this blog via my blog stat XD

basically if document.createElement does it job well enough, I don’t see a point why YUI should create a wrapper for the method.

To use YAHOO.util.Element, you are not necessary to pass in an id. If you read the API documentation (which you should as it is far more informative than the tutorial guide), you will find that YAHOO.util.Element not only can receive an id, but also html element as well.

so if you want to create a new element, and use YAHOO.util.Element, then you can pass the element like what @randy posted

var el = new YAHOO.util.Element(document.createElement(’div’));

I like YUI2, but since it is one of the first javascript frameworks, so the coding style doesn’t look as simple as jquery’s code. However, YUI is a good as I learn a lot about javascript through it.

but you probably know about this already since this post is dated january?!

By: randy

randy — Thu, 14 May 2009 05:49:58 +0000

It is a bit confusing, even if you do RTM. I couldn’t find anything in the examples or API docs for YAHOO.util.Element. But, I did find this link that shows a more simplified way to create an element “in-memory”

http://cslai.coolsilon.com/2009/01/16/using-yui-for-dom-manipulation/

var el = new YAHOO.util.Element(document.createElement(’div’));
el.set(’id’, ‘yui-id’);
el.appendTo(document.body);

By: Pierre Spring

Pierre Spring — Wed, 29 Apr 2009 14:27:36 +0000

hi clay,
i just freaked out about the same problem … it really makes no sense whatsoever to have a new YAHOO.util.Element being a getter …
pierre

By: sunchameleon

sunchameleon — Tue, 07 Apr 2009 18:23:38 +0000

RTM man. You are creating an HTMLElement in memory and then trying to retrieve it from the DOM using YUI. Can’t get what is not there. Do this instead:

First:

var $yd = YAHOO.util.Dom;
var $ye = YAHOO.util.Element;

Get an *existing* HTMLElement from the DOM:

var myHtmlElement1 = $yd.get(’foo’);

Create a HTMLElement in memory:

var myHtmlElement2 = document.createElement(’div’);

Do something cross-browser using YUI:

$yd.insertAfter(myHtmlElement2, myHtmlElement1);

var myEl = new $ye(myHtmlElement1);
myEl.removeChild(myHtmlElement2);

YAHOO.util.Element makes element handling cross-browser and object-oriented. Now you can create widgets by subclassing from YAHOO.util.Element.