[DHTML]execCommand(InsertOrderedList) letters i.p.v cijfers

[xantos]

Het commando InsertOrderedList creeert een 'standaard' ordered list. Hier bedoel ik mee:

1. regel1
2. regel2
3. regel3

Ik wil een ordered list creeeren maar dan geordend met een letter. Zo dus:

a. regel1
b. regel2
c. regel3

Normaal kun je dit doen doormiddel van het toevoegen een type zoals type=a of type=A in de betreffende <UL> tag. Het commando InsertOrderedList laat dit helaas niet toe. Is er een andere manier om dit te doen? Of zie ik iets over het hoofd?

[coubertin119]

Met een stylesheet, en daar een class in te zetten die dan verwijst naar je pas gemaakte lijst? Just brainstorming, aan jou om het uit te proberen .


Wat crips zegt dus ook . En voor het toewijzen van een class, is className je vriend.

[ Voor 24% gewijzigd door coubertin119 op 11-11-2003 17:00 ]

[crisp]

idd met CSS: list-style-type

[xantos]

coubertin119, Dat is best een goed idee. Ik ben er alleen nog niet achter hoe ik de classname kan zetten bij het uitvoeren van een InsertOrderedList commando. Kun je hier iets meer over vertellen?

[whoami]

DHTML, Javascript, .... horen niet thuis in P&W

P&W -> W&G dus, zie ook de forumdescriptions

[ Voor 34% gewijzigd door whoami op 12-11-2003 11:01 ]

[Verwijderd]

Ik denk dat nadat je die execcommand hebt uitgevoerd hebt, je nog een functie moet uitvoeren die zoekt naar de selectie en het element dat de selectie omringt de style moet geven met die list-style-type. Of een className, maar dan moet je wel een stylesheet hebben die die className bevat.

[Clay]

je kan het element van iemand zijn selectie redelijk eenvoudig ophalen in IE:

code:

document.onmouseup = function() {
    var range = document.selection.createRange();
    var parent = range.parentElement();

    alert(parent.nodeName)
}

daaraan zou je dan een className kunnen hangen. Let dan wel ff op dat je als je binnen een LI wat selecteert dat je ff naar boven moet zoeken naar de UL.

[xantos]

Clay bedankt voor de tip! Het werkt nu zoals het zou moeten.

code:

function changeListStyleType(editor, sender)
{
    window.frames[editor+'_rEdit'].focus();     

    var range = this[editor+'_rEdit'].document.selection.createRange();
    var parentTag = range.parentElement().parentElement;

    if (parentTag.className == '' || parentTag.className == 'upper-roman')
       parentTag.className = "decimal";                 
    else if (parentTag.className == 'decimal')          
       parentTag.className = "lower_alpha";
    else if (parentTag.className == 'lower_alpha')
       parentTag.className = "upper_alpha";
    else if (parentTag.className == 'upper_alpha')
       parentTag.className = "lower-roman";
    else if (parentTag.className == 'lower-roman')
      parentTag.className = "upper-roman";
                    
    SPAW_update_toolbar(editor, true);    
  }