RE: Dynamically creating layers in FireFox

If you're not seeing any errors in FF (in the javascript console) then try
the DOM Inspector to make sure you're div is actually in the document's DOM.
If that is the case, then you're problem is in the various attribute/style
values.

That is... your approach to adding the div isn't the problem.. it's that
you're choice of visual attributes that make it ineffectual or invisible.
Checking your zIndex is a starting point.

moran

> -----Original Message-----
> From: [email protected] [mailto:[email protected]] On Behalf
> Of Kenneth Chr. Nilsen
> Sent: Thursday, March 23, 2006 1:53 PM
> To: [email protected]
> Subject: SV: [wdf-dom] Dynamically creating layers in FireFox
> 
> The HTML consist only of plain HTML and a couple of DIVs.
> I use a test button to check:
> 
> ---
> <a href="#" onclick="createLayer('layDialog', 'layTesting', 70, 70, 400,
> 300, 100);return false" id="btnCreateLayer">Create layer</a>
> ---
> 
> The function is in it's own .js file. Works as I mentioned with IE and
> Opera, not fault during debugging.
> In FF nothing happends. Here is the function that I use:
> 
> ---
> function createLayer(parentID, layID, x, y, w, h, zIndex)
> {
>     if (document.document.getElementById)	//disabling this check makes
> no difference in FF.
>     {
>         pElement = document.getElementById(parentID);
>         var newDiv = document.createElement("DIV");
> 
>         newDiv.setAttribute('id',layID);
>         newDiv.setAttribute('name',layID);
>         newDiv.style.left = x;
>         newDiv.style.top = y;
>         newDiv.style.width = w;
>         newDiv.style.height = h;
>         newDiv.style.position = 'absolute';
>         newDiv.style.visibility = 'visible';
>         newDiv.style.zIndex = zIndex;
>         newDiv.style.backgroundColor = "#aaaaaa";
>         pElement.appendChild(newDiv);
>     }
>     else ...
>     {
> 	  ...
>     }
> }
> ---
> 
> mvh / regards,
> Kenneth Chr. Nilsen
> 
> 
> > -----Opprinnelig melding-----
> > Fra: [email protected] [mailto:[email protected]]
> > På vegne av Moran Ben-David
> > Sendt: 23. mars 2006 19:36
> > Til: [email protected]
> > Emne: RE: [wdf-dom] Dynamically creating layers in FireFox
> >
> >
> > What's the error you're getting?  And can you attach your html?
> >
> > > -----Original Message-----
> > > From: [email protected] [mailto:[email protected]] On
> > > Behalf Of Kenneth Chr. Nilsen
> > > Sent: Thursday, March 23, 2006 1:32 PM
> > > To: [email protected]
> > > Subject: SV: [wdf-dom] Dynamically creating layers in FireFox
> > >
> > > Me too, but it would not work in FF which is the problem I'm
> > > struggling with.
> > >
> > > mvh / regards,
> > > Kenneth Chr. Nilsen
> > >
> > >
> > > > -----Opprinnelig melding-----
> > > > Fra: [email protected] [mailto:[email protected]] På
> > > > vegne av Moran Ben-David
> > > > Sendt: 23. mars 2006 19:29
> > > > Til: [email protected]
> > > > Emne: RE: [wdf-dom] Dynamically creating layers in FireFox
> > > >
> > > >
> > > > I vote for choice #1
> > > >
> > > > > -----Original Message-----
> > > > > From: [email protected]
> > [mailto:[email protected]] On
> > > > > Behalf Of Kenneth Chr. Nilsen
> > > > > Sent: Thursday, March 23, 2006 1:19 PM
> > > > > To: [email protected]
> > > > > Subject: [wdf-dom] Dynamically creating layers in FireFox
> > > > >
> > > > > Ok,
> > > > >
> > > > > now I have tried three approaches to dynamically create a
> > > > layer (DIV)
> > > > > in FireFox. It works fine with IE and Opera, but I'm
> > > > struggling to get
> > > > > it to work with FF.
> > > > >
> > > > > I have so far used the metods such as:
> > > > >
> > > > > 1)
> > > > >         pElement = document.getElementById(parentID);
> > > > >         var newLay = document.createElement("DIV");
> > > > > 	  ...
> > > > >         pElement.appendChild(newLay);
> > > > >
> > > > > 2)
> > > > > 	var newLay = '<div id='+layID+'
> > style="position: absolute;'
> > > > > 	+'left:'+x+";"
> > > > > 	...
> > > > > 	+'></div>'
> > > > > 	document.body.insertAdjacentHTML("BeforeEnd",newLay);
> > > > >
> > > > > 3)
> > > > > 	var newLay = document.layers[parentID]=new Layer(w);
> > > > >
> > > > > Any suggestions on how to dynamically create a layer in
> > FF will be
> > > > > highly appriciated.
> > > > >
> > > > >
> > > > > mvh / regards,
> > > > > Kenneth Chr. Nilsen
> > > > >
> > > > >
> > > > >
> > > > > Unsubscribe
> > > > > [email protected]
> > > > >
> > > > > List info
> > > > > http://www.quirksmode.org/dom/list.html
> > > > > Yahoo! Groups Links
> > > > >
> > > > >
> > > > >
> > > > >
> > > >
> > > >
> > > >
> > > >
> > > > Unsubscribe
> > > > [email protected]
> > > >
> > > > List info
> > > > http://www.quirksmode.org/dom/list.html
> > > > Yahoo! Groups Links
> > > >
> > > >
> > > >
> > > >
> > > >
> > > >
> > >
> > >
> > >
> > > Unsubscribe
> > > [email protected]
> > >
> > > List info
> > > http://www.quirksmode.org/dom/list.html
> > > Yahoo! Groups Links
> > >
> > >
> > >
> > >
> >
> >
> >
> >
> > Unsubscribe
> > [email protected]
> >
> > List info
> > http://www.quirksmode.org/dom/list.html
> > Yahoo! Groups Links
> >
> >
> >
> >
> >
> >
> 
> 
> 
> Unsubscribe
> [email protected]
> 
> List info
> http://www.quirksmode.org/dom/list.html
> Yahoo! Groups Links
> 
> 
> 
> 




Unsubscribe
[email protected]

List info
http://www.quirksmode.org/dom/list.html 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/wdf-dom/

<*> To unsubscribe from this group, send an email to:
    [email protected]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/