Popup para Email

Front-end
#1

Bom dia galera, estou desenvolvendo uma aplicação Web e quero fazer com que quando o usuario abrir a lista de clientes
ele clique no email do cliente e abra um popup para o envio do email.

mais especificado, na lista de clientes vai estar mostrando o email que sera um link, o usuario clica e abre o popup, no popup vai estar ja o remetente e o destinatario gravado, o usuario só coloca o assunto e a mensagem…

como eu poderia fazer isso ?

#2

existem várias maneiras, a mais simples é você usar a tag target=“blank” no link, o que eu não recomendo, uma vez que vários bloqueadores de pop-up não deixam abrir janelas com esse comando.
o que eu uso é um modalPanel do richfaces que fica na mesma página mas que só fica visível com alguma ação específica na página. isso dá a sensação de um pop-up quando na verdade é apenas um objeto na página principal.
não sei se é isso que você tem em mente, mas lembre-se de que pop-ups podem se tornar um problema quando o usuário é final (vulgo, não entende de computação e acha que não aparece a pop-up por erro seu e não do bloqueador de pop-ups dele)

#3

Basicamente você irá fazer uma tela com esses campos. Com isso basta fazer um formulário que passe os dados para uma classe que implemente o envio de e-mails.
Essa parte você poderá ver como implementar aqui: http://www.guj.com.br/article.show.logic?id=21

[]´s

Daniel

#4

eu pensei na possibilidade do bloqueador de popups bloquear o envio do email…

teria como criar uma “tela” como se fosse um popup ?

vou esses modos que vcs me passaram…

valeu galera.

#5

Para não ter que abrir um popup você pode utilizar uma div que através de javascript pode ser exposta ou ocultada.
Algo +/- assim:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script>
	function mostrar() {
		email.style.visibility = "visible";
	}
	
	function esconder() {
		email.style.visibility = "hidden";
	}
</script>
</head>

<body>
<input type="button" onclick="mostrar();" value="Janela"/>
<div style="width: 350px; height:250px; visibility:hidden; position:absolute; top:50px; left:40px; border:thin solid #000000; background-color:#FFFFFF" id="email">
	<center>
	<form>
	  <table width="340" border="0">
        <tr>
          <td>Titulo:</td>
          <td><input type="text" name="titulo" size="40"/></td>
        </tr>
        <tr>
          <td valign="top">Mensagem:</td>
          <td><textarea name="mensagem" cols="40" rows="12"> </textarea></td>
        </tr>
		<tr>
          <td valign="top">&nbsp;</td>
          <td align="right"><input type="button" onclick="esconder();" value="Enviar"/></td>
        </tr>
      </table>
	</form>
	</center>
</div>
</body>
</html>

Só recomendo que coloque a parte do código da DIV no final do código da página. Assim você poderá utilizar dois FORM´s. Se você deixar um form dentro de outro terá problemas.
O código pode estar em qualquer lugar dentro da tag BODY pois a posição está definida já.

[]´s

Daniel

#6

valeu mesmo…vou tentar isso…

#7