Pop up de Login não fecha - Ajuda

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Pop up de Login não fecha - Ajuda

Mensagem por Shaman em 19/09/14, 04:47 pm

Fala galera, então peguei um JS de um pop up de login, mas quando clico no X vermelho ele nao fecha fica ali ainda, como faço pra que ele feche?

JS:
Código:
<div id="show">
   
<div id="fade">
 
</div>
   
<div class="popup_block">
   
<div class="popup">
  <a id="popupclose" href="#"><img title="Fechar" class="cntrl" src="http://i38.servimg.com/u/f38/17/31/71/58/icon_c10.png" /></a>                          
<h3>
 Bem Vindo ao <strong>{FORUMNAME}</strong>  
</h3>
                           
<p>
 Para poder utilizar todos os atributos deste fórum, será necessário que você crie uma conta de uruário.<br /><br />O cadastro é gratuito e leva pouco tempo para ser preenchido.<br />Durante o cadastro, será requerida uma conta de e-mail válida. Isto é importante porque será necessária a validação do seu cadastro via e-mail.<br />  
</p><br /><br />  
<center>
 <a title="Cadastre-se" href="/register">Registre-se Agora!</a>  
</center>
   
<p>
 
</p><br />                          
<h3>
 Já está Cadatrado? Faça o Login!  
</h3>
 
<form id="login" name="form_login" method="post" action="/login">
   
<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
   
<tbody>
<tr>
   
<td style="width: 100%;" align="right">
   
<div align="center">
  <strong>Usuário:</strong> <input tabindex="1" size="15" name="username" class="input_text" type="text" id="ips_username" /> <strong>Senha:</strong> <input tabindex="2" size="15" name="password" class="input_text" type="password" id="ips_password" /> <input value="Logar" class="input_submit" name="login" type="submit" />  
</div>
   
</td>
   
</tr>
   
</tbody>
</table>
   
</form>
 
</div>
   
</div>
   
</div><script type="text/javascript">
jQuery('#popupclose').click(function(){
jQuery('#show').fadeOut('fast');return false;
});
if (location.pathname == '/login') {
jQuery('#show').css('display','none');
}
if (location.pathname == '/register') {
jQuery('#show').css('display','none');
}
</script><style type="text/css">
#fade {
background: #000;
position: fixed;
width: 100%;
height: 100%;
filter:alpha(opacity=80);
opacity: .30;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
/*--IE 8 Transparency--*/
left: 0;
top: 0;
z-index: 10;
}
#show {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.popup_block {
background: #ddd;
padding: 10px 20px;
border: 10px solid #fff;
float: left;
width: 480px;
position: fixed;
top: 20%;
left: 50%;
margin: 0 0 0 -250px;
z-index: 100;
}
.popup_block .popup {
float: left;
width: 100%;
background: #fff;
margin: 10px 0;
padding: 10px 0;
border: 1px solid #bbb;
}
.popup h3 {
margin: 0 0 20px;
padding: 6px 11px;
border-bottom: 1px solid #bbb;
font-size: 1.5em;
font-weight: normal;
}
.popup p {
padding: 5px 10px;
margin: 5px 0;
}
.popup img.cntrl {
position: absolute;
right: -20px;
top: -20px;
}
.input_text {
padding: 4px;
border-width: 1px;
border-style: solid;
border-color: #848484 #C1C1C1 #E1E1E1 #C1C1C1;
background: white;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.input_submit {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
border-color: #212121;
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
color: white;
cursor: pointer;
padding: 4px 10px;
text-decoration: none;
}
</style>


Última edição por LucaS Carvalho em 23/09/14, 12:01 am, editado 1 vez(es)
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Pop up de Login não fecha - Ajuda

Mensagem por Hancki em 20/09/14, 06:36 am

Olá!

Eu testei e ele está ok!
Mas tente este:
Código:
<div id="show">
   
<div id="fade">
 
</div>
   
<div class="popup_block">
   
<div class="popup">
  <a id="popupclose" href="#"><img title="Fechar" class="cntrl" src="http://i38.servimg.com/u/f38/17/31/71/58/icon_c10.png" /></a>                         
<h3>
 Bem Vindo ao <strong>{FORUMNAME}</strong> 
</h3>
                         
<p>
 Para poder utilizar todos os atributos deste fórum, será necessário que você crie uma conta de uruário.<br /><br />O cadastro é gratuito e leva pouco tempo para ser preenchido.<br />Durante o cadastro, será requerida uma conta de e-mail válida. Isto é importante porque será necessária a validação do seu cadastro via e-mail.<br /> 
</p><br /><br /> 
<center>
 <a title="Cadastre-se" href="/register">Registre-se Agora!</a> 
</center>
   
<p>
 
</p><br />                         
<h3>
 Já está Cadatrado? Faça o Login! 
</h3>
 
<form id="login" name="form_login" method="post" action="/login">
   
<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
   
<tbody>
<tr>
   
<td style="width: 100%;" align="right">
   
<div align="center">
  <strong>Usuário:</strong> <input tabindex="1" size="15" name="username" class="input_text" type="text" id="ips_username" /> <strong>Senha:</strong> <input tabindex="2" size="15" name="password" class="input_text" type="password" id="ips_password" /> <input value="Logar" class="input_submit" name="login" type="submit" /> 
</div>
   
</td>
   
</tr>
   
</tbody>
</table>
   
</form>
 
</div>
   
</div>
   
</div><script type="text/javascript">
jQuery('#popupclose').click(function(){
jQuery('#show').remove();return false;
});
if (location.pathname == '/login') {
jQuery('#show').css('display','none');
}
if (location.pathname == '/register') {
jQuery('#show').css('display','none');
}
</script><style type="text/css">
#fade {
background: #000;
position: fixed;
width: 100%;
height: 100%;
filter:alpha(opacity=80);
opacity: .30;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
/*--IE 8 Transparency--*/
left: 0;
top: 0;
z-index: 10;
}
#show {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.popup_block {
background: #ddd;
padding: 10px 20px;
border: 10px solid #fff;
float: left;
width: 480px;
position: fixed;
top: 20%;
left: 50%;
margin: 0 0 0 -250px;
z-index: 100;
}
.popup_block .popup {
float: left;
width: 100%;
background: #fff;
margin: 10px 0;
padding: 10px 0;
border: 1px solid #bbb;
}
.popup h3 {
margin: 0 0 20px;
padding: 6px 11px;
border-bottom: 1px solid #bbb;
font-size: 1.5em;
font-weight: normal;
}
.popup p {
padding: 5px 10px;
margin: 5px 0;
}
.popup img.cntrl {
position: absolute;
right: -20px;
top: -20px;
}
.input_text {
padding: 4px;
border-width: 1px;
border-style: solid;
border-color: #848484 #C1C1C1 #E1E1E1 #C1C1C1;
background: white;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.input_submit {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
border-color: #212121;
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
color: white;
cursor: pointer;
padding: 4px 10px;
text-decoration: none;
}
</style>

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Pop up de Login não fecha - Ajuda

Mensagem por Shaman em 20/09/14, 03:00 pm

Hanck seguinte, a pessoa deslogada no forum o quadro pra logar aparece mas não fecha, e quando a pessoa está logada, tambem aparece mas ele fecha, eu queria que a pessoa deslogada ele aparecesse e fechasse também
e q a pessoa ja logada no fórum ele não aparecesse, entendeu?


Código:
<div id="show">
      
   <div id="fade">
       
   </div>
      
   <div class="popup_block">
         
      <div class="popup">
           <a href="#" id="popupclose"><img src="http://i38.servimg.com/u/f38/17/31/71/58/icon_c10.png" class="cntrl" title="Fechar" /></a>                         
         <h3>
             Bem Vindo ao <strong>{FORUMNAME}</strong> 
         </h3>
                                    
         <p>
             Bem vindo ao fórum oficial da família Bourne, somos uma família de servidores RPG SA-MP que levamos o Militarismo do exercito para a vida virtual. A familia foi criada em dezembro de 2011 passando por varios servidores de grande nivel brasileiro, no momento atual estamos no BRASIL PLAY GAMES (BPG). Clique na imagem e adicione o IP no seu favorito SAMP.<br /> <span style="color: #FF0000;"><span style="font-size: 10px;">Clique na imagem e adicione o IP no seu favorito SAMP.</span></span><em></em>
         </p>
         
      </div>
      
      <div align="center">
                       <a href="Samp://bpg.brasilplaygames.com.br"><img src="http://i39.servimg.com/u/f39/18/76/69/50/bpg11.png" "="" border="0" /></a> 
      </div>
       
      <center>
          <a href="/register" title="Cadastre-se">Registre-se Agora!</a> 
      </center>
         
      <p>
          
      </p><br />                         
      <h3>
          Já está Cadatrado? Faça o Login! 
      </h3>
       
      <form action="/login" method="post" name="form_login" id="login">
            
         <table border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
               
            <tbody>
               <tr>
                     
                  <td align="right" style="width: 100%;">
                        
                     <div align="center">
                          <strong>Usuário:</strong> <input id="ips_username" type="text" class="input_text" name="username" size="15" tabindex="1" /> <strong>Senha:</strong> <input id="ips_password" type="password" class="input_text" name="password" size="15" tabindex="2" /> <input type="submit" name="login" class="input_submit" value="Logar" /> 
                     </div>
                        
                  </td>
                     
               </tr>
                  
            </tbody>
         </table>
            
      </form>
       
   </div>
      
</div>
    <script type="text/javascript">
jQuery('#popupclose').click(function(){
jQuery('#show').remove();return false;
});
if (location.pathname == '/login') {
jQuery('#show').css('display','none');
}
if (location.pathname == '/register') {
jQuery('#show').css('display','none');
}
</script><style type="text/css">
#fade {
background: #000;
position: fixed;
width: 100%;
height: 100%;
filter:alpha(opacity=80);
opacity: .30;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
/*--IE 8 Transparency--*/
left: 0;
top: 0;
z-index: 10;
}
#show {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.popup_block {
background: #ddd;
padding: 10px 20px;
border: 10px solid #fff;
float: left;
width: 480px;
position: fixed;
top: 20%;
left: 50%;
margin: 0 0 0 -250px;
z-index: 100;
}
.popup_block .popup {
float: left;
width: 100%;
background: #fff;
margin: 10px 0;
padding: 10px 0;
border: 1px solid #bbb;
}
.popup h3 {
margin: 0 0 20px;
padding: 6px 11px;
border-bottom: 1px solid #bbb;
font-size: 1.5em;
font-weight: normal;
}
.popup p {
padding: 5px 10px;
margin: 5px 0;
}
.popup img.cntrl {
position: absolute;
right: -20px;
top: -20px;
}
.input_text {
padding: 4px;
border-width: 1px;
border-style: solid;
border-color: #848484 #C1C1C1 #E1E1E1 #C1C1C1;
background: white;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.input_submit {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
border-color: #212121;
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
color: white;
cursor: pointer;
padding: 4px 10px;
text-decoration: none;
}
</style>
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Pop up de Login não fecha - Ajuda

Mensagem por Hancki em 21/09/14, 06:01 am

Tem que colocar o código num Widget sem table-type apenas visível a convidados.
E ele fecha, tenho a certeza... o problema certamente é de algum outro código no seu fórum que está em conflito!
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Pop up de Login não fecha - Ajuda

Mensagem por Shaman em 21/09/14, 04:44 pm

Tipo quando nós ja estamos logados ele fecha, mas se por exemplo eu estou deslogado e tento fechar o pop up ele não fecha.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Pop up de Login não fecha - Ajuda

Mensagem por Hancki em 22/09/14, 12:45 pm

Basta você ter algum código que funciona apenas quando o membro está deslogado, verifique-os e diga-me quais são.
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum