Depois de introduzir um texto num módulo de texto, devemos incluir um breve código HTML de forma a possibilitar o clique sobre a palavra (ou frase) que queremos destacar.
Vamos usar a seguinte frase:



A palavra “formação” será clicável e irá mostrar em pop-up uma informação adicional.
Para que isto seja possível devemos entrar no modo de edição do módulo de texto



Depois clicamos em baixo, no separador “HTML”





Agora devemos acrescentar o seguinte código:



Passando a explicar o código: a zona que está entre parêntesis é a que devemos editar em cada um dos diferentes pop-ups que criamos.

< SPAN onclick="javascript: sn_showText('nome','legenda', L, A);">aqui fica a palavra em que clicamos para abrir o pop-up< /SPAN>

Devemos editar as diferentes propriedades dentro dos parêntesis:
‘nome’ = nome (id) que identifica a zona de texto que irá aparecer no pop-up
‘legenda’ = nome que irá aparecer como título da janela de pop-up
L = largura da janela de pop-up, deverá ser colocado um valor em pixeis (ex: 300)
A = altura da janela de pop-up, deverá ser colocado um valor em pixeis (ex: 300)

De seguida teremos de introduzir o código e colocar o texto que irá aparecer na janela pop-up




Neste código basta-nos editar o campo “id” onde colocamos o mesmo texto que colocámos em ‘nome’ no código acima.

Ex:

< SPAN onclick="javascript: sn_showText('pop01','Formação’',300,300);" align="center">formação< /SPAN>
< div id="pop01" style="display: none;">Texto para aparecer no popup.< /div>

Após esta edição, deve clicar em “Aceitar” para que o pop-up funcione.


nota:
Se desejar que a palavra que queremos destacar ganhe o aspecto de um link (outra cor e mudança de ponteiro do rato) deve aplicar o seguinte código:

< A href=”#” onclick="javascript: sn_showText('nome','legenda', L, A);">Pop-up 2 < FONT color=#ff0000>+< /FONT>< /A>

Se desejar que a palavra a destacar mude o ponteiro do rato para uma mão (como se fosse um link), deve usar o seguinte código:

< SPAN style="CURSOR: pointer" onclick="javascript: sn_showText('pop01','Formação',300,300);">formação < FONT color=#ff0000>+< /FONT>< /SPAN>

nota 2:
O texto que irá mostrar o pop-up pode ter qualquer estilo. Contudo, será desejável que permaneça idêntico para funções indênticas.