Subj : Unwanted text gets generated  ( <div><div><endnote>
To   : netscape.public.mozilla.jseng
From : jeti <me@somewhere.net>
Date : Fri Jul 25 2003 11:10 pm

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.


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>

.