Pessoal,

Quando o navegador abre um documento XML ele verifica se há declaração para uma Folha de Estilo. Não havendo ele aplica a Folha de Estilo default do Internet Explorer.

Uma coisa que acho interessante nessa Folha de Estilo default é aquilo de você clicar no sinal de menos "-" ou de mais "+" pra reduzir ou expandir, respectivamente os ítens.

Muito bem...
eu quero criar uma folha de estilo pra minha aplicação que contenha o recurso de clicar no + ou - pra expandir ou reduzir os ítens.

Assim, eu apresentaria no Web Browser uma listagem dos clientes, por exemplo, e o operador teria a opção de clicar no + pra exibir os pedidos desse cliente e clicar no - pra ocultar os pedidos desse cliente deixando a tela com menos informações.

Abri a Folha de Estilo default do Internet Explorer e copiei todo o código dela, colei num XSL meu, e estou tentando trabalhar encima pra modificar deixando como quero.

O que ocorre é que quando tento abrir o documento XML dá erro neste bloco:

  <x:comment>function f(e){ if (e.className=="ci"){if (e.children
(0).innerText.indexOf("\n")>0) fix(e,"cb");} if (e.className=="di"){if 
(e.children(0).innerText.indexOf("\n")>0) fix(e,"db");} e.id=""; } function 
fix(e,cl){ e.className=cl; e.style.display="block"; 
j=e.parentElement.children(0); j.className="c"; k=j.children(0); 
k.style.visibility="visible"; k.href="#"; } function ch(e){ mark=e.children
(0).children(0); if (mark.innerText=="+"){ mark.innerText="-"; for (var 
i=1;i<e.children.length;i++) e.children(i).style.display="block"; } else if 
(mark.innerText=="-"){ mark.innerText="+"; for (var 
i=1;i<e.children.length;i++) e.children(i).style.display="none"; }} function 
ch2(e){ mark=e.children(0).children(0); contents=e.children(1); if 
(mark.innerText=="+"){ mark.innerText="-"; if 
(contents.className=="db"||contents.className=="cb") 
contents.style.display="block"; else contents.style.display="inline"; } else 
if (mark.innerText=="-"){ mark.innerText="+"; 
contents.style.display="none"; }} function cl(){ e=window.event.srcElement; 
if (e.className!="c"){e=e.parentElement;if (e.className!="c"){return;}} 
e=e.parentElement; if (e.className=="e") ch(e); if (e.className=="k") ch2
(e); } function ex(){} function h(){window.status=" ";} 
document.onclick=cl;</x:comment> 

O erro que aparece é:

Um nome continha um caractere inválido. Erro ao processar o 
recurso 'file:///C:/Testes/XSLFiel.xsl'. Linha 8, posição 500 

Esse erro está precisamente no ponto-e-vírgula deste pronto:

i<e.children.length;i++)

O que posso fazer?... Alguém sabe resolver esse problema ou tem uma solução alternativa pra eu fazer o que quero?