Subj : Re: Unwanted text gets generated  ( <div><div><endnote>
To   : jeti <me@somewhere.net>
From : Brendan Eich <brendan@meer.net>
Date : Fri Jul 25 2003 09:10 pm

jeti wrote:

> Hi!
> 
> My RadialContext extension provides a radial menu via DHTML.
> With newer versions of Mozilla, unwanted extra text gets
> sometimes inserted before the labels:
> 
> &lt;div&gt;&lt;div&gt;&lt;endnote&gt;
> 
> I basically have no clue what could cause this.

Wrong newsgroup -- see cross-posting and note followup-to: setting.

/be

> 
> 
> Here's the code generating the labels:
> 
> // add and adjust labels
> var icnt= this.items.length;
> for(var i=0; i< icnt; i++) {
>   var xpos= (i>=icnt/2)? 8: 188;
>   var ypos= ((i< icnt/2)? ((i+1)*8/icnt)*22: -((i+1)*8/icnt)*22+ 8*22)- 
> i*22- 108;
>            
>   var tdiv= 
> pie_context.frame_doc.createElementNS("http://www.w3.org/1999/xhtml", 
> "div");
>   this.shieldCss(tdiv);
>   tdiv.innerHTML= this.items[i].label;
>   tdiv.style.position= "relative";
>   tdiv.style.left= xpos+"px";
>   tdiv.style.top= Math.round(ypos)+"px";
>   tdiv.style.height= "22px";
>   tdiv.style.width= "87px";
>  node.appendChild(tdiv);
> }
> 
> And here is some of the generates html code:
> (the labels need CSS shielding)
> 
> <div style="border: 0px none ; margin: 0px; padding: 0px; display: 
> block; float: none; direction: ltr; color: black; background-image: 
> none; background-color: transparent; clip: rect(auto, auto, auto, auto); 
> position: relative; left: 188px; top: -86px; height: 22px; width: 87px;">
> Tab
> </div>
> <div style="border: 0px none ; margin: 0px; padding: 0px; display: 
> block; float: none; direction: ltr; color: black; background-image: 
> none; background-color: transparent; clip: rect(auto, auto, auto, auto); 
> position: relative; left: 188px; top: -86px; height: 22px; width: 87px;">
> &lt;div&gt;&lt;div&gt;&lt;endnote&gt;Forward
> </div>
> <div style="border: 0px none ; margin: 0px; padding: 0px; display: 
> block; float: none; direction: ltr; color: black; background-image: 
> none; background-color: transparent; clip: rect(auto, auto, auto, auto); 
> position: relative; left: 188px; top: -86px; height: 22px; width: 87px;">
> &lt;div&gt;&lt;div&gt;&lt;endnote&gt;Page
> </div>
> <div style="border: 0px none ; margin: 0px; padding: 0px; display: 
> block; float: none; direction: ltr; color: black; background-image: 
> none; background-color: transparent; clip: rect(auto, auto, auto, auto); 
> position: relative; left: 188px; top: -86px; height: 22px; width: 87px;">
> &lt;div&gt;&lt;div&gt;&lt;endnote&gt;Reload
> </div>
> <div style="border: 0px none ; margin: 0px; padding: 0px; display: 
> block; float: none; direction: ltr; color: black; background-image: 
> none; background-color: transparent; clip: rect(auto, auto, auto, auto); 
> position: relative; left: 8px; top: -130px; height: 22px; width: 87px;">
> &lt;div&gt;&lt;div&gt;&lt;endnote&gt;Scroll
> </div>
> <div style="border: 0px none ; margin: 0px; padding: 0px; display: 
> block; float: none; direction: ltr; color: black; background-image: 
> none; background-color: transparent; clip: rect(auto, auto, auto, auto); 
> position: relative; left: 8px; top: -174px; height: 22px; width: 87px;">
> &lt;div&gt;&lt;div&gt;&lt;endnote&gt;Back
> </div>
> <div style="border: 0px none ; margin: 0px; padding: 0px; display: 
> block; float: none; direction: ltr; color: black; background-image: 
> none; background-color: transparent; clip: rect(auto, auto, auto, auto); 
> position: relative; left: 8px; top: -218px; height: 22px; width: 87px;">
> Window
> </div>
> <div style="border: 0px none ; margin: 0px; padding: 0px; display: 
> block; float: none; direction: ltr; color: black; background-image: 
> none; background-color: transparent; clip: rect(auto, auto, auto, auto); 
> position: relative; left: 8px; top: -262px; height: 22px; width: 87px;">
> Up
> </div>
>

.