POP UP

Os passos para fazer uma Pop up no Dreamweaver estão abaixo:

1. Abra o arquivo onde você quer que a sua janela pop-up apareça. Agora, crie um novo arquivo e coloque o conteúdo que você quer dentro da sua pop up lá. Volte para o 1º arquivo, vá em Window » Behaviors / Janela » Comportamentos (?). Vai abrir uma nova janelinha na sua barra lateral. Selecione o texto ou a imagem que vai abrir a janela quando clicado e, na janelinha de Behaviors, clique no + » Open Browser Window / Abrir janela do Browser.

Quando você clicar, essa janela vai abrir (clique aqui para ver). Na figura você tambem vai poder ver o significado de cada campo ;).

2. Quando você clicar em OK o Dreamweaver vai criar todo o código da sua pop-up, agora é só testá-la!

2a. "Putz, a janela abre quando carrega a página, não quando eu clico no meu texto!"
Clique no texto/imagem onde vc colocou a pop-up. Observe que na barra de Behaviors vai aparecer isso:

Clique no "onLoad" e troque por "onClick". Você tambem pode por "onMouseOver" - quando o mouse estiver em cima e "onDblClick" - tem que clicar 2 vezes.

2b. "Ok, legal, mas isso não parece um link!"
Selecione o texto/imagem, e na barra de propriedades, onde está escrito Link, coloque um # (sustenido) no lugar prap or a url. Isso vai criar um link falso ;).

2c. "Tá certo, mas se eu clico em qualquer parte do meu texto abre a janela!"
Bom, agora a gente vai precisar ir pro código (View » Code / Ver » Código ). Ele deve ter algo assim:

<body onclick="MM_openBrWindow('tuts/blur-2.jpg','fdf','')">
Bla bla blaa<br />
<br />
Bla bla bla bla VER POP UP
</body>

O problema nesse código é que o "onclick" tá no body, então todo o texto vai ser um link pra pop up mesmo.

"Então o que eu faço? Sento e choro?!"
Bom, digamos que o link pra sua pop up seja o texto "VER POP UP". Coloque ele entre tags como <u>, <b>, <p>, <a>, etc, e copie o pedaço do "onclick" do body. Veja o exemplo abaixo:

<body>
Bla bla blaa<br />
<br />
Bla bla bla bla <a onclick="MM_openBrWindow('tuts/blur-2.jpg','fdf','')">VER POP UP</a>
</body>

E pronto :D!


Se esse tutorial te ajudar, não esqueça de linkar (:
Tutorial por Vevis - Winter-Dream.com . Não copie sem autorização Dúvidas?