Assine a Lista Dicas-L
Receba diariamente por email as dicas
de informática publicadas neste site
Para se descadastrar, clique aqui.
Ocultando e Exibindo a Tabela de Conteúdo em HTML com TXT2TAGS
Colaboração: Hallison Batista
Data de Publicação: 26 de Fevereiro de 2006
Em um artigo anterior, foi apresentado o tema "Criando Notas de Rodapé em HTML com TXT2TAGS"[1]. Este texto mostrará como fazer com que a tabela de conteúdo de um documento convertido para HTML se torne dinâmica, sendo ocultada e exibida através de dois links escritos em JavaScript através do TXT2TAGS[2].
Codificação da diretiva PostProc
Para realização do efeito (ocultar/exibir) serão criadas duas macros para
escrever trechos de código JavaScript. Para isso será utilizada a diretiva
PostProc que converterá o código após o processamento do texto.
Ocultando a Tabela de Conteúdo
Na parte do documento em que se localizam as opções, inclua o seguinte código:
%!PostProc(html) : \"HIDDEN_TOC\" "javascript://;" onclick="document.getElementById('toc').style.display='none';"
O código servirá para incluir um link dinâmico que servirá para ocultar o índice a partir de qualquer parte corpo do texto. Para utilizá-lo, inclua-o como um link normal, ou seja, entre colchetes, de preferência antes de iniciar o documento.
[Rótulo do link para ocultar HIDDEN_TOC].
Exibindo a Tabela de Conteúdo
Após a inclusão do código responsável de ocultar a tabela de conteúdo, inclua o
seguinte código na diretiva PostProc:
%!PostProc(html): \"SHOW_TOC\" "javascript://;" onclick="document.getElementById('toc').style.display='block';"
O código servirá para incluir um link dinâmico que servirá para re-exibir o índice. Para utilizá-lo, inclua-o como um link normal, seguindo as recomendações do link anterior, antes de iniciar o corpo do documento e de preferência ao lado do link anterior.
[Rótulo do link para exibir SHOW_TOC].
Considerações finais
O resultado é excelente para quem trabalha com o TXT2TAGS[2] e deseja incluir
algo mais no conteúdo dos documentos escritos em HTML. Entretanto, é fundamental
a conversão do documento com as opções --toc --css-sugar, caso contrário as
macros não funcionaram, pois a tabela não será inluída e consequentemente, não
identificada. O código JavaScript é simples de entender, mas caso haja alguma
dúvida, visite o site iMasters[4] e confira diversos artigos sobre a
linguagem.
Notas
[1]: Artigo Notas de Rodapé em HTML com TXT2TAGS
[2]: Site do TXT2TAGS em português.
[3]: Site do Dicas-L
[4]: Site do iMasters
Referências Adicionais
Referências adicionais sobre os assuntos abordados neste site podem ser encontradas em nossa Bibliografia.
