pænt svært..

Mit script her udskriver en select med styles fra en sides stylesheet - umiddelbart virker det ok, men så alligevel ikke.

Når jeg bruger det i min editor udskriver det fx.

<SPAN class=undefined>en tekst</SPAN>

Selvom jeg i selecten kan se de rigtige styles..
Nu har jeg siddet og gloet på det siden klokken 7 i morges, så lidt hjælp ville være rigtigt lækkert :)

Scriptet:

<script type="text/javascript">
function InitStyle()
    {
    var val;
    var sHTML = "<select onchange=\"applyStyle('"+val+"');\" style=\"font: 8pt verdana; background-color: #B1E403; color: #FFFFFF; font-weight: bold;\"><option selected> -- Css styles -- </option>";
    for(var i=0;i<document.styleSheets(0).rules.length;i++)
        {
        h=document.styleSheets(0).rules.item(i).selectorText
        var selArr = h.split(".")
        var itemCount = selArr.length
        //alert(h + " " + itemCount)
        if(itemCount>1)
            {
            val = selArr[1]
            }
        else
            {
            val = h
            }
        sHTML += "<option value=\""+val+"\">" + val + "</option>";
        }   
    sHTML += "</select>"
    divStyle.innerHTML = sHTML;
    }
   
function applyStyle(Style)
    {
    //get selection
    var oSel    = idContent.document.selection.createRange()
    var sType = idContent.document.selection.type
    //if (sType!="Control"&&sType!="None")
    if(oSel.parentElement != null)
        {
        sApplied = "<span class='"+Style+"'>"+oSel.text+"</span>"
        oSel.pasteHTML(sApplied)
        }
    }
</script>

og til at vise det:

<td>
<div id="divStyle"></div>
</td>