você está aqui: Home  → Arquivo de Mensagens

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



 

 

Veja a relação completa dos artigos de Hallison Batista

Opinião dos Leitores

Seja o primeiro a comentar este artigo
*Nome:
Email:
Me notifique sobre novos comentários nessa página
Oculte meu email
*Texto:
 
  Para publicar seu comentário, digite o código contido na imagem acima
 


Powered by Scriptsmill Comments Script