Textfeld in Passwortfeld umwandeln?!

SnakeBite334

Hallo,
habe da eine Frage und wollte wissen ob es per klick möglich ist ein Textfeld in ein Passwortfeld umzuwandeln.
Im HTML-Code ist eingestellt das es ein text feld ist wo schon ein vorgeschriebener text drinne steht, der beim reinklicken weg geht und beim rausklicken wieder da ist.
Jetzt die frage ist es möglich wenn man ins Feld reinklickt und dann was eingibt das es dann nicht mehr ein Textfeld ist sondern ein Passwortfeld.

Code

<input type="text" style="text-align:center" name="usermail" value="Email-Adresse" size="22" onfocus="if(this.value=='Email-Adresse')this.value=''" onblur=" if(this.value=='')this.value='Email-Adresse'" />






<input type="text" style="text-align:center" name="password" value="Passwort" size="22" onfocus="if(this.value=='Passwort')this.value=''" onblur=" if(this.value=='')this.value='Passwort'" />






<input type="submit" value= "Login" name="login">

Alles anzeigen

Besten Dank im Vorraus.

Andre

Ronald

Moin!

Der Typ eines Input-Feldes ist nach HTML nur lesbar und kann somit nicht geändert werden.
Du müßest dir dann eine Krücke basteln -> zwei Felder übereinander legen und mit Javascript sichtbar bzw. unsichtbar machen.

G.a.d.M.

Ronald

SnakeBite334

Hmm mit java kenn ich mich nicht aus. Kannst du mir da helfen?!

Vielen Dank.

Ronald

Ich hoffe mal, daß sich einer der Javascript-Spezialisten hier zu Wort meldet - ich selbst hasse Javascript.

Falls nicht muß ich mal schaun, allerdings habe ich momentan den Kopf ziemlich voll, sorry

G.a.d.M.

Ronald

GreenRover

So dass solte es sein was gesucht ist oder ???

Code

<form method="post" action="index.php" name="theform">


<select name="cat" id="cat" onChange="setVisibility()">
<option value=""         > ----- </option>
<option value="Text" >Textfeld</option>
<option value="Password">Passwordfeld</option>
</select> 






<div id="text" style="display:none">
<input type="text">
</div>


<div id="password" style="display:none">
<input type="password">
</div>


</form>


<script language="JavaScript">
function setVisibility() {
var cat      = document.theform.cat.selectedIndex;
var text     = document.getElementById("text");
var password = document.getElementById("password");


if (cat==1)
{
text.style.display        = "block";
password.style.display    = "none";
}


if (cat==2)
{
text.style.display        = "none";
password.style.display    = "block";
}


}
</script>

Alles anzeigen

SnakeBite334

Also ich bekomms irgendwie nicht hin das mit meinen Daten zu verbinden... kannst mir dabei ein wenig helfen!?
Außerdem ist es jetzt ein auswahlmenu wo ich was aussuchen kann. geht das nicht so wie oben beschrieben?!

Besten Dank

MrJava

Ich habs mal so abgeändert wie ich meine das du es haben willst

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<script language="JavaScript">
function setVisibility() 
{
	var text     = document.getElementById("text");
	var password = document.getElementById("password");


	text.style.display        = "none";
	password.style.display    = "block";
	password.focus();
}
</script>
</HEAD>
<BODY>
<form method="post" action="index.php" name="theform">
	<input style="display:block" id="text" type="text" value="Passwort eingeben" size="30" onClick="setVisibility()">
	<input style="display:none" id="password" type="password" size="30">
</form>
</BODY>
</HTML>

Alles anzeigen

Ich würds aber nicht benutzen, da der User nur ein normales Eingabefeld
hat wenn JS deaktiviert ist.
Da nützt auch kein noscript Bereich.

SnakeBite334

Erstmal vielen dank für deine Hilfe, habe nun aber immer noch ein Problem. Da das eh nur für mich ist und ich Java an habe geht das schon.
Mein script sieht so komplett aus.

HTML

<?
include "config.php";
if(empty($password) or $usermail =="")
{
?>
<html>
<head>
<title>linklist</title>
<link rel=stylesheet type="text/css" href="styles.css">


<script language="JavaScript"> 
function setVisibility() 
{ 
   var text     = document.getElementById("text"); 
   var password = document.getElementById("password"); 


   text.style.display        = "none"; 
   password.style.display    = "block"; 
   password.focus(); 
} 
</script>


</head>
<body>
<center>


























<form action="<? echo $PHP_SELF;?>" method="post" name="pwabfrage" onSubmit="return chkFormular()">
<input type="text" style="text-align:center" name="usermail" value="Email-Adresse" size="22" onfocus="if(this.value=='Email-Adresse')this.value=''" onblur=" if(this.value=='')this.value='Email-Adresse'" />






<input style="display:block" id="text" type="text" style="text-align:center" value="Passwort" size="22" onfocus="if(this.value=='Passwort')this.value=''" onblur=" if(this.value=='')this.value='Passwort'" onClick="setVisibility()" /> 
<input style="display:none" id="password" type="password" style="text-align:center" value="Passwort" size="22" onfocus="if(this.value=='Passwort')this.value=''" onblur=" if(this.value=='')this.value='Passwort'" />






<input type="submit" value= "Login" name="login">
</form>
[url='admin.php']Admin[/url]
</body>
</html>
<?
}
else
{
  $zeiger=fopen($admindat,"r+");
  $berechtigt=fread($zeiger,filesize($admindat));
  $berechtigt=base64_decode($berechtigt);
  $berechtigt=explode("|*|",$berechtigt);
  fclose($zeiger);


  $smalcaps1=array("$usermail"=>"$password");
  $smalcaps2=array_change_key_case($smalcaps1, CASE_LOWER);
  $smalcaps3=array_keys($smalcaps2);
  $smalcaps4=$smalcaps3[0];
if ($password=="$zugang" && in_array("$smalcaps4", $berechtigt)){
?>
<html>
<head>
<title>linklist</title>
<link rel=stylesheet type="text/css" href="styles.css">
</head>
<body>
<h1>Test</h1>
</body>
</html>


}
else
{
  <html>
  <head>
  <title>linklist</title>
  <link rel=stylesheet type="text/css" href="styles.css">
  </head>
  <body>
  <center>



































  <input type="button" value="Zurueck" onclick="javascript:history.back()">
  </body>
  </html>
<?
}
}
?>

Alles anzeigen

Das eine Problem ist da das JavaScript nun zwei felder mit IDs ( id="text" und id="password") hat und ich vorher nur eins per name="password" hate um mich per email+passwort einzuloggen funktioniert das nun irgendwie nicht mehr. Kann mir da wer helfen was ich machen muss damit das wieder geht!?

Außerdem würde ich es noch gerne haben das wenn ich wieder aus dem Passwortfeld klicke das es dann wieder zum textfeld wird und das wort "Passwort" wieder lesbar in der mitte des feldes steht.

Eine letzte frage noch ich habe irgendwie hier ein fehler beim letzten else. Ich weiß aber nicht wo der fehler sein sollte. wenn ich ein falsches passwort eingebe kommt nur ne leere seite anstatt des in else defenierten html codes. Das letzte else zeigt er irgendwie auf der seite an wo ich mich richtig eingeloggt habe. was ist da falsch!?

Vielen dank für eure Hilfe

André

SnakeBite334

kann mir niemand helfen.!?

PPP

man kann nicht direkt html in php einbinden!

Ronald

Zitat von PPP

man kann nicht direkt html in php einbinden!

Doch, das kann man schon - aber man muß es richtig machen.: Entweder PHP mit "?>" beenden, oder aber den HTML-Quelltext mit "echo" ausgeben, dann dürfen allerdings keine doppelten Anführungszeichen enthalten sein, bzw. müssen die dann mit einen Backslash geschützt werden.

SnakeBite334 du mischt im Quelltext PHP und HTML ohne Trennung zwischen den beiden Sprachen. Das geht so natürlich nicht.

G.a.d.M.

Ronald

GreenRover

HTML

<?
include "config.php";
if(empty($password) or $usermail =="")
{
?>
<html>
<head>
<title>linklist</title>
<link rel=stylesheet type="text/css" href="styles.css">


<script language="JavaScript">
function setVisibility()
{
   var text     = document.getElementById("text");
   var password = document.getElementById("password");


   text.style.display            = "none";
   password.style.display    = "block";
   password.focus();
}
</script>


</head>
<body>
<center>


























<form action="<? echo $PHP_SELF;?>" method="post" name="pwabfrage" onSubmit="return chkFormular()">
<input type="text" style="text-align:center" name="usermail" value="Email-Adresse" size="22" onfocus="if(this.value=='Email-Adresse')this.value=''" onblur=" if(this.value=='')this.value='Email-Adresse'" />






<input style="display:block" id="text"     type="text"     name="password" style="text-align:center" value="Passwort" size="22" onfocus="if(this.value=='Passwort')this.value=''" onblur=" if(this.value=='')this.value='Passwort'" onClick="setVisibility()" />
<input style="display:none"  id="password" type="password" name="password" style="text-align:center" value="Passwort" size="22" onfocus="if(this.value=='Passwort')this.value=''" onblur=" if(this.value=='')this.value='Passwort'" />






<input type="submit" value= "Login" name="login">
</form>
[url='admin.php']Admin[/url]
</body>
</html>
<?
}
else
{
  $zeiger=fopen($admindat,"r+");
  $berechtigt=fread($zeiger,filesize($admindat));
  $berechtigt=base64_decode($berechtigt);
  $berechtigt=explode("|*|",$berechtigt);
  fclose($zeiger);


  $smalcaps1=array("$usermail"=>"$password");
  $smalcaps2=array_change_key_case($smalcaps1, CASE_LOWER);
  $smalcaps3=array_keys($smalcaps2);
  $smalcaps4=$smalcaps3[0];
if ($password=="$zugang" && in_array("$smalcaps4", $berechtigt)){
?>
<html>
<head>
<title>linklist</title>
<link rel=stylesheet type="text/css" href="styles.css">
</head>
<body>
<h1>Test</h1>
</body>
</html>


}
else
{
  <html>
  <head>
  <title>linklist</title>
  <link rel=stylesheet type="text/css" href="styles.css">
  </head>
  <body>
  <center>



































  <input type="button" value="Zurueck" onclick="javascript:history.back()">
  </body>
  </html>
<?
}
}
?>

Alles anzeigen

Ic hverstehe dein Problem nicht. Das java script ist extra so gebaut das es nach id die Felder auswäht. Und das senden an PHP geht nach name. Das heist das bei fleder name sien können aber trodzdem für java drodtzdem unterschiedlich heisen. Das einzigste könnte proibleme geben das beide nem felder unterschiedliche werte enthalten. was man aber durch ein java-script gleichsetzen lassen kann.

Ronald

Zitat von GreenRover

Ic hverstehe dein Problem nicht. Das java script ist extra so gebaut das es nach id die Felder auswäht. Und das senden an PHP geht nach name. Das heist das bei fleder name sien können aber trodzdem für java drodtzdem unterschiedlich heisen. Das einzigste könnte proibleme geben das beide nem felder unterschiedliche werte enthalten. was man aber durch ein java-script gleichsetzen lassen kann.

... und ich verstehe kein Wort von dem, was du hier sagen wolltest.
Kannst du das bitte noch mal auf deutsch schreiben?

Fragt ....

Ronald

SnakeBite334

hmmm kann mir wer dabei helfen. Irgendwie haut das nicht so ganz hin. Ich hab php und html doch getrennt!? bzw dachte ich das.

GreenRover

? Wiso wehm von was trennen.

so und nun nochmal auf Deutsch??!!!

die input felder werden einmal durhc eien ID gekennzeichnet ( erkennungsmerkmal für java-script ) und durch einen name ( erkennungsmerkmal für PHP ) woraus folgt das 2 felder den gleichen namen tragen könne und java-script sie trodzdem unterscheiden kann.

Bloß das einzigste was ein Problem erbeben könnte ist, daß es 2 felder mit den gleichen namen gibt aber unterschiedlichen Werten. Was man aber abendern könnte flas das Probleme geben sollte. Das solte nun raus zu finden sein.

MrJava

Zitat von GreenRover

...
so und nun nochmal auf Deutsch??!!!

die input felder werden einmal durhc eien ID gekennzeichnet ( erkennungsmerkmal für java-script ) und durch einen name ( erkennungsmerkmal für PHP ) woraus folgt das 2 felder den gleichen namen tragen könne und java-script sie trodzdem unterscheiden kann.

Bloß das einzigste was ein Problem erbeben könnte ist, daß es 2 felder mit den gleichen namen gibt aber unterschiedlichen Werten. Was man aber abendern könnte flas das Probleme geben sollte. Das solte nun raus zu finden sein.

Das ist aber kein Hochdeutsch.

Ronald

Zitat von GreenRover

? Wiso wehm von was trennen.

so und nun nochmal auf Deutsch??!!!

die input felder werden einmal durhc eien ID gekennzeichnet ( erkennungsmerkmal für java-script ) und durch einen name ( erkennungsmerkmal für PHP ) woraus folgt das 2 felder den gleichen namen tragen könne und java-script sie trodzdem unterscheiden kann.

Bloß das einzigste was ein Problem erbeben könnte ist, daß es 2 felder mit den gleichen namen gibt aber unterschiedlichen Werten. Was man aber abendern könnte flas das Probleme geben sollte. Das solte nun raus zu finden sein.

*kopfschüttel*

... ich geb's auf!

Ronald

SnakeBite334

aber was kann man denn machen damit er den login+pw erkennt trotz der 2 ids. die verschieden sind. ich weiß nciht mehr weiter hab schon soviel getestet aber es geht nix.

Textfeld in Passwortfeld umwandeln?!

Tags

Benutzer online in diesem Thema