Håller på med att skapa en webeditor, när användaren klickar på t.ex. Bold blir den valda texten i fetstil (oRange = document.selection.createRange()).

getFormat fångar upp den aktuella taggen
setItemActive "trycker ner" aktuell knapp i verktygsfältet: Bold (STRONG) i detta fall.


Mitt problem är att oRange kan ju innehålla flera parentElements, typ:

<code>
<STRONG><I><U>Min text</U></I></STRONG>
</code>

I detta fall kommer endast U (Underline-knappen) att aktiveras. Jag vill ju så klart även aktivera Italic-knappen samt STRONG-knappen, förslag???

<code>
function getFormat(command){
if(command == null){
var oRange = document.selection.createRange();
var theTag = oRange.parentElement().tagName;
}else{
var theTag = command;
}
setItemActive(theTag);
}
function setItemActive(theTag){
for(i=0; i<oToolBarFormat.children.length; i++){
if(theTag.toUpperCase() == oToolBarFormat.children[i].name.toUpperCase() || theTag.toUpperCase() == oToolBarFormat.children[i].id.toUpperCase()){
oToolBarFormat.children[i].setAttribute('className','ToolBarItemActive');
oToolBarFormat.children[i].style.border = '1 inset';
oToolBarFormat.children[i].style.backgroundColor = '#f5f5f5';
alert(oToolBarFormat.children[i].parentElement().tagName);
}else{
oToolBarFormat.children[i].setAttribute('className','ToolBarItem');
oToolBarFormat.children[i].style.border = '1 solid #d4d0c8';
oToolBarFormat.children[i].style.backgroundColor = '#d4d0c8';
}
}
}
</code>