Hector, Matt thanks a lot. Now, according to your explanations, it is clear to me.
For other newbie's reference the working code below: ------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="LIB/prototype.js"></script> <title>test</title> <script> var a = new Element('div', {id: 'my_div'}); document.observe("dom:loaded", function(){ document.body.insert(a); $('my_div').setStyle({'width':'200px'}); }); </script> </head> <body> </body> </html> ------------- On 21 Nov., 23:10, Matt Foster <[EMAIL PROTECTED]> wrote: > > > What do I make wrong > > Many things... > > > > <script> > > > var a = new Element('div', {id: 'my_div'}); > > > $('my_div').style.witdh = '200px'; > > > </script> > > > </head> > > -You create an element, but never attach it to the DOM. > -Even if you did attach it, the DOM wouldn't be ready at that point in > execution, you've got your script running in the head element. There > are many ways to execute code after the DOM has finished loading, in > my opinion, the easiest is simply placing the script tag at the bottom > of the <body> element. > -Why not just use the direct reference to the object, you just created > it, why would you ask the DOM for a reference? > a.style.width = "200px"; > > On Nov 21, 4:35 pm, "Hector Virgen" <[EMAIL PROTECTED]> wrote: > > > When you create an element with "new Element()", it only exists as a > > javascript variable until you append the element to the DOM. > > > The $() function looks in the DOM for the element, which is why it is not > > finding it. > > > Also, you may want to use Element#setStyle() instead of accessing the style > > property directly. It's much more consistent cross-browser. > > > var a = new Element('div', {id: 'my_div'}); > > a.setStyle({width: '200px'}); > > > -Hector > > > On Fri, Nov 21, 2008 at 11:35 AM, chrissu13 <[EMAIL PROTECTED]> wrote: > > > > What do I make wrong that Firebug gives me a "$("my_div") is null" > > > Error-Message when debugging the following lines? > > > > Chrissu > > > > ------ > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// > > >www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> > > > <html xmlns="http://www.w3.org/1999/xhtml";> > > > <head> > > > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> > > > <script type="text/javascript" src="LIB/prototype.js"></script> > > > <title>test</title> > > > <script> > > > var a = new Element('div', {id: 'my_div'}); > > > $('my_div').style.witdh = '200px'; > > > </script> > > > </head> > > > <body> > > > </body> > > > </html> > > > --------- --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---
