[Resolvido] Exibir senha com checkbox

[Russo4xd 2]

Fala aí pessoal, beleza? Então, fiz um script php para atualizar dados, onde o usuário atualiza seu login ou senha. Ela é bem simples:

 

<?php
#conexão com o banco:
       mysql_connect('localhost', 'root', '');
mysql_select_db('ubuntu');

       session_start();

#pega o nome e a senha da sessão iniciada:
               $nome = $_SESSION['nome'];
	$senha = $_SESSION['senha'];

	?>
             <form id="form1" name="form1" method="post" action="">
               <table width="434" border="0" align="center">
           <tr>
             <td width="113">Nome de usuário</td>
             <td width="311"><label for="nome"></label>
             <input type="text" name="nome" class="campo" id="nome" value="<?php echo /*Pega o nome e põe nesse input para edita-lo*/ $nome; ?>" /></td>
           </tr>
           <tr>
             <td>Senha</td>
             <td><label for="senha"></label>
             <input type="password" name="senha" class="campo" id="senha" value="<?php /*Pega a senha e põe nesse input para edita-lo*/ echo $senha; ?>" />
<!--Observe que o type do input da senha está como password, ou seja, a senha vai aparecer codificada e logo abaixo tem um checkbox que ao ser clicado deve transformar esse type password em text para que o usuário possa ve-lo descodificado-->
             <input type="checkbox" name="exibe" id="exibe">
             Exibir senha</td>
           </tr>
           <tr>
             <td><input type="hidden" name="acao" value="logar" /></td>
             <td><input type="submit" name="button" class="btn" id="button" value="Alterar Dados" /></td>
           </tr>
         </table>

     </form>

Então, como eu faço isso? Ao clicar no checkbox ele altera o modo type de pass para text? Tem que ser com JAVA? Se for me expliquem passo a passo pois de JAVA sou bem iniciante.. VLW pessoal

[Luis Felipe_173162 0]

Olá,

 

minha sugestão é que você use javascript, capture o elemento de senha e altere a propriedade "type" para "text". Olhá só:

 

function changeValueOf(objeto) {  
document.getElementById(objeto.id).value = 'teste';  
}  

peguei aki: http://www.guj.com.br/java/99719-javascript-alterando-o-value-de-um-objeto-commandlink

 

Adaptando fica:

 

<script>
function mostraSenha(){
document.getElementById("senha").type = "text";
}
</script>

<input type="checkbox" name="exibe" id="exibe" onclick="mostraSenha()">

 

Seria neste ritmo, na minha opinião.

 

Abraço

[Russo4xd 2]

Muito Obrigado Luís, mas como faria para que ao clicar novamente ele retornasse como type password?

Grato

[Hélio Pereira 0]

Em cima desse exemplo do Luis(não testei, mas acredito que deva funcionar),

 

tu poderia ter um flag indicando se está como password ou text o tipo do campo html.

e dai tu só chama a função para alterar para password novamente, enfim visse e versa..

 

Questão de lógica isso aí agora.

 

Ainda tenho uma observação a fazer, você está no tópico de JAVA.

 

Outra questão de Lógica:

 

JAVA != JAVASCRIPT.

 

=D

[Russo4xd 2]

poderia postar código...

[Luiz Fernando_167777 1]

Olá, peguei o que ele já havia feito, e adicionei jquery, ficaria bem mais simples todo em jquery, porém os navegadores não permitem editar a propriedade 'type', creio eu que por questões de segurança!

 

Apesar de grande, este esta funcionando sem restrições:

<script src="http://code.jquery.com/jquery-1.8.1.min.js"></script><script> function mS(tipo){ document.getElementById("senha").type = tipo; $('#exibe').attr('onclick','mS("password")');if("password"==tipo){   $('#exibe').attr('onclick','mS("text")')}    } </script>  <input type="checkbox" name="exibe" id="exibe" onclick="mS('text')">

[Russo4xd 2]

Obrigado Luiz Fernando_167777 e bdmix. Agora deu certo. Posso seguir meu trabalho graças a resposta de vocês! Até breve, pois já tenho outra pergunta: Como salvar sessão de login