Ir para conteúdo
Fórum Script Brasil
  • 0

Dificuldade Com Div

Guest - Carla -

Perguntado por Guest - Carla -,

 Share

Pergunta

Guest - Carla -

Guest - Carla -

Postado
Postado

Olá pessoal,

Até agora eu não consegui fazer com que, quando alguém clicar num botão abra uma pop-up tipo div flutuante e dentro dele um formulário tipo login e senha. será que alguém pode me dar uma luz?

Link para o comentário
Compartilhar em outros sites

34 respostass a esta questão

Posts Recomendados

  • 0
Tenko

Tenko

Postado
Postado

Bom dia, espero que isso te ajude.

<html>

<head>

<title>

</title>

<script>

function trataCliqueLogin()

{

var blocoLogin = document.getElementById( "divLogin" );

var linkBuscaAvancada = document.getElementById( "lnkBuscaAvancada" );

var exibicaoAtual = blocoLogin.style.display;

if ( exibicaoAtual == "none" )

{

blocoLogin.style.display = "block";

linkBuscaAvancada.innerHTML = "<b><font color='#000000'>««</font> Ocultar Acesso Site</b>";

}

else

{

blocoLogin.style.display = "none";

linkBuscaAvancada.innerHTML = "<b><font color='#000000'>»»</font> Exibir Acesso Site</b>";

}

}

</script>

</head>

</head>

<body>

<a id="lnkBuscaAvancada" href="#" onClick="trataCliqueLogin();" style="text-decoration:none">

<b><font color="#000000">»»</font> Exibir Acesso Site</b>

</a>

<div id="divLogin" style="display: none">

<table border="0" cellpadding="2" cellspacing="0" width="30%">

<tr>

<tudo>

Usuário :

</tudo>

<tudo>

<input type="text" name="txtLogin" value="">

</tudo>

</tr>

<tr>

<tudo>

Senha :

</tudo>

<tudo>

<input type="password" name="txtSenha" value="">

</tudo>

</tr>

<tr>

<tudo colspan="2">

<input type="button" name="logar" value="Logar">

</tudo>

</tr>

</div>

</body>

</html>

Link para o comentário
Compartilhar em outros sites
  • 0
Guest - Carla -

Guest - Carla -

Postado
Postado

Olá amigos,

eu continuo com problemas, eu vou mostrar como está minha pagina

Pagina principal

<head>

</style>

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_openBrWindow(theURL,winName,features) { //v2.0

window.open(theURL,winName,features);

}

//-->

</script>

</head>

//Botão

<a href="#para" onClick="MM_openBrWindow('/login/restrito.php','restrito','scrollbars=no,width=330,height=130')">

<img src="../imagens/bt_restrito.gif" alt="restrito" width="30" height="27" border="0"></a>

Conto com vocês valeu!

Link para o comentário
Compartilhar em outros sites
  • 0
Guest - Carla -

Guest - Carla -

Postado
Postado

A idéia é que quando a pessoa clicar no botão abre uma pop-up que será a pagina de login e eu queria que essa popup fosse flutuante pra melhorar o aspecto do site senão vai ficar carregado D+

ogradeço desde já a ajuda

vlw

Link para o comentário
Compartilhar em outros sites
  • 0
Tenko

Tenko

Postado
Postado

<html>

<head>

<title></title>

<script>

function janelaLogin( url,nome,tamanho )

{

window.open( url,nome,tamanho );

}

</script>

</head>

<body>

<input name="button" type="button" onClick="janelaLogin('login.htm','Login','width=250,height=250')" value="Logar">

</body>

</html>

Link para o comentário
Compartilhar em outros sites
  • 0
::frenetico::

::frenetico::

Postado
Postado

não entendi até agora.... tipo você quer um script que quando clicar no link abre um pop-up dai nesse pop-up você coloca o login e a senha... é isso???

porque você não deixa um espaço pra colocar esse login e senha tipo perto do menu... dai quando a pessoa clicar em ENTRAR aparece-se uma msg em cima ou em baixo do login dizendo se estar logado ou não...

Igual o sistema do orkut e do Gmail, quando você erra o login não aparece uma msg em vermelho em cima do login e senha??

Link para o comentário
Compartilhar em outros sites
  • 0
Tenko

Tenko

Postado
Postado

Pagina login.htm

<html>

<head>

<title></title>

<script>

function janelaLogin( url,nome,tamanho )

{

window.open( url,nome,tamanho );

}

function MM_openBrWindow(theURL,winName,features)

{

window.open(theURL,winName,features);

}

</script>

</head>

<body>

<input name="button" type="button" onClick="janelaLogin('login1.htm','Login','width=250,height=250')" value="Logar">

</body>

</head>

</html>

pagina login1.htm

<html>

<head>

<title></title>

</head>

<body>

<table border="0" cellpadding="2" cellspacing="0" width="30%">

<tr>

<tudo>

Usuário :

</tudo>

<tudo>

<input type="text" name="txtLogin" value="">

</tudo>

</tr>

<tr>

<tudo>

Senha :

</tudo>

<tudo>

<input type="password" name="txtSenha" value="">

</tudo>

</tr>

<tr>

<tudo colspan="2">

<input type="button" name="logar" value="Logar">

</tudo>

</tr>

</table>

</body>

</html>

Link para o comentário
Compartilhar em outros sites
  • 0
Guest - Carla -

Guest - Carla -

Postado
Postado

Oi amigos,

Obrigado pelo esforço até aqui, mas eu acho que ainda não expliquei direito, seguinte:

Em palavras simples o que eu quero é uma pop-up de login e senha sem aquelas bordas laterais, como se estivesse flutuando, é isso.

Link para o comentário
Compartilhar em outros sites
  • 0
Guest - Carla -

Guest - Carla -

Postado
Postado

Não tem jeito, eu já pesquisei, re-pesquisaei sei lá se existe essa palavra, o fato é que eu preciso de vocês pra conseguir fazer isso pessoal, eu só quero que quando alguém clicar num botão abra uma pop-up de login e senha sem aquelas bordas laterais, como se estivesse flutuando!

Socorro!

Link para o comentário
Compartilhar em outros sites
  • 0
Tenko

Tenko

Postado
Postado

Se não for isso que você quer eu desisto, esse menu esta flutuando na tela.

<!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 trataCliqueLogin()

{

var blocoLogin = document.getElementById( "divLogin" );

var linkBuscaAvancada = document.getElementById( "lnkBuscaAvancada" );

var exibicaoAtual = blocoLogin.style.display;

if ( exibicaoAtual == "none" )

{

blocoLogin.style.display = "block";

linkBuscaAvancada.innerHTML = "<b><font color='#000000'>««</font> Ocultar Acesso Site</b>";

}

else

{

blocoLogin.style.display = "none";

linkBuscaAvancada.innerHTML = "<b><font color='#000000'>»»</font> Exibir Acesso Site</b>";

}

}

</script>

<style type="text/css">

<!--

#divLogin {

position:absolute;

left:107px;

top:1px;

width:228px;

height:91px;

z-index:1;

}

-->

</style>

</head>

<body>

<div id="divLogin" style="display: block">

<table border="1" cellpadding="4" cellspacing="0" width="100%" bordercolor="#000000">

<tr bgcolor="#CCCCCC">

<tudo>

Usuário :

</tudo>

<tudo>

<input type="text" name="txtLogin" value="">

</tudo>

</tr>

<tr bgcolor="#CCCCCC">

<tudo>

Senha :

</tudo>

<tudo>

<input type="password" name="txtSenha" value="">

</tudo>

</tr>

<tr bgcolor="#CCCCCC">

<tudo colspan="2">

<input type="button" name="logar" value="Logar">

</tudo>

</tr>

</table>

</div>

</div>

<a id="lnkBuscaAvancada" href="#" onClick="trataCliqueLogin();" style="text-decoration:none">

<b><font color="#000000">»»</font> Exibir Acesso Site</b>

</a>

</body>

</html>

Link para o comentário
Compartilhar em outros sites
  • 0
Guest - Carla -

Guest - Carla -

Postado
Postado

Pessoal valeu mesmo, obrigada a todos!!!!

Agora JCMPJ e esse script aqui? que está na sua pagina?

<script type="text/javascript" src="FS_div.js"></script>

Link para o comentário
Compartilhar em outros sites
  • 0
Tenko

Tenko

Postado
Postado

Se não for isso quie você quer então não sei o que é:

<!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 trataCliqueLogin()

{

var blocoLogin = document.getElementById( "divLogin" );

var linkBuscaAvancada = document.getElementById( "lnkBuscaAvancada" );

var exibicaoAtual = blocoLogin.style.display;

if ( exibicaoAtual == "none" )

{

blocoLogin.style.display = "block";

linkBuscaAvancada.innerHTML = "<b><font color='#000000'>««</font> Ocultar Acesso Site</b>";

}

else

{

blocoLogin.style.display = "none";

linkBuscaAvancada.innerHTML = "<b><font color='#000000'>»»</font> Exibir Acesso Site</b>";

}

}

</script>

<style type="text/css">

<!--

#divLogin {

position:absolute;

left:107px;

top:1px;

width:228px;

height:91px;

z-index:1;

}

-->

</style>

</head>

<body>

<div id="divLogin" style="display: none">

<table border="1" cellpadding="4" cellspacing="0" width="100%" bordercolor="#000000">

<tr bgcolor="#CCCCCC">

<tudo>

Usuário :

</tudo>

<tudo>

<input type="text" name="txtLogin" value="">

</tudo>

</tr>

<tr bgcolor="#CCCCCC">

<tudo>

Senha :

</tudo>

<tudo>

<input type="password" name="txtSenha" value="">

</tudo>

</tr>

<tr bgcolor="#CCCCCC">

<tudo colspan="2">

<input type="button" name="logar" value="Logar">

</tudo>

</tr>

</table>

</div>

</div>

<a id="lnkBuscaAvancada" href="#" onClick="trataCliqueLogin();" style="text-decoration:none">

<b><font color="#000000">»»</font> Exibir Acesso Site</b>

</a>

</body>

</html>

Link para o comentário
Compartilhar em outros sites
  • 0
Guest - Carla -

Guest - Carla -

Postado
Postado

JCMPJ mesmo copiando o codigo fonte não funciona cara!

Parece até brincadeira mas não é.

e o script?

<script type="text/javascript" src="FS_div.js"></script>

Não influencia em nada?

Link para o comentário
Compartilhar em outros sites
  • 0
Guest - Carla -

Guest - Carla -

Postado
Postado

Oi outra vez, agora sim funcionou direitinho, Valeu!!!

E se no caso eu precisar ter mais de um div na mesma pagina? eu vou ter que colocar todo esse script outra vez? ou tem outra forma?

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,1k
×
×
  • Criar Novo...