Passwortfeld auf Wunsch sichtbar

dertutor · 7 April 2011

Hi Leute.

Wie kann ich ein Passwortfeld anlegen, daneben ein Hakenfeld welches man anklicken kann damit das Passwort als Klartext bei der Eingabe angezeigt wird?

Das ganze muss in ein HTML-Template mit rein.

gruß,
mario

Arcsinh · 7 April 2011

Ich glaube das geht nur mit JavaScript - beim Klick den type vom input ändern.

dertutor · 7 April 2011

Gibt es da passende, am besten Deutsche quellen? Javascript macht ja nichts, es geht dabei ja auch nur um einen Zusatz für unsere User, denn oftmals erleben wir, dass Leute die Passwörter nicht richtig eingeben, da sie die Buchstaben nicht sehen. Da ich aber nicht möchte das von Haus aus Klartext gezeigt wird, soll dies als Funktion angeboten werden.

Idee?

threadi · 7 April 2011

Ganz genau. Daher schieb ich das auch direkt zu JavaScript.

Und noch ein Beispiel:

Code:

obj.type = "text";

dertutor · 7 April 2011

Danke fürs verschieben :)

Habe da mal was in internet gefunden

Code:

[COLOR=#000000][COLOR=#007700]<[/COLOR][COLOR=#0000bb]form name[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"form" [/COLOR][COLOR=#0000bb]action[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]""[/COLOR][COLOR=#007700]> 
<[/COLOR][COLOR=#0000bb]input name[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"password" [/COLOR][COLOR=#0000bb]type[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"password"[/COLOR][COLOR=#007700]> 
<[/COLOR][COLOR=#0000bb]input type[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"checkbox" [/COLOR][COLOR=#0000bb]onclick[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"machText(this.checked,this.form)"[/COLOR][COLOR=#007700]> 
</[/COLOR][COLOR=#0000bb]form[/COLOR][COLOR=#007700]> 
<[/COLOR][COLOR=#0000bb]script type[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"text/javascript"[/COLOR][COLOR=#007700]> 
function [/COLOR][COLOR=#0000bb]machText[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]chk[/COLOR][COLOR=#007700],[/COLOR][COLOR=#0000bb]frm[/COLOR][COLOR=#007700]){ 
var [/COLOR][COLOR=#0000bb]p[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000bb]frm[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]password[/COLOR][COLOR=#007700]; 
try{ 
var [/COLOR][COLOR=#0000bb]val[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000bb]p[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]value[/COLOR][COLOR=#007700]; 
[/COLOR][COLOR=#0000bb]p[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]type[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000bb]chk[/COLOR][COLOR=#007700]?[/COLOR][COLOR=#dd0000]'text'[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#dd0000]'password'[/COLOR][COLOR=#007700]; 
[/COLOR][COLOR=#0000bb]p[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]value[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000bb]val[/COLOR][COLOR=#007700];[/COLOR][COLOR=#ff8000]//benötigt z. B. in Opera 
[/COLOR][COLOR=#007700]} 
catch([/COLOR][COLOR=#0000bb]e[/COLOR][COLOR=#007700]){ 
var [/COLOR][COLOR=#0000bb]neuInp[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000bb]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]createElement[/COLOR][COLOR=#007700]([/COLOR][COLOR=#dd0000]'input'[/COLOR][COLOR=#007700]); 
[/COLOR][COLOR=#0000bb]neuInp[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]type[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000bb]chk[/COLOR][COLOR=#007700]?[/COLOR][COLOR=#dd0000]'text'[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#dd0000]'password'[/COLOR][COLOR=#007700]; 
[/COLOR][COLOR=#0000bb]neuInp[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]value[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000bb]p[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]value[/COLOR][COLOR=#007700]; 
[/COLOR][COLOR=#0000bb]neuInp[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]name[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000bb]neuInp[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]id[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]'password'[/COLOR][COLOR=#007700]; 
[/COLOR][/COLOR]p.parentNode.replaceChild(neuInp,p);  				[COLOR=#000000][COLOR=#007700]
} 
} 
[/COLOR][COLOR=#0000bb]</script>[/COLOR][/COLOR]

Mein code sieht nun versuchsweise so aus:

Code:

 <tr>
  <td class="right" width="25%">Passwort</td>
  <td class="right" width="25%"><script type="text/javascript" src="js/pwd_strength.js"></script>
    <input type="password" id="newpass" name="newpass" onkeyup="runPassword(this.value, 'newpass');" size="8" style="width: 90%" /><input type="checkbox" onclick="machText(this.checked,this.form)"></td>
  <td class="right" width="25%">Wiederholung</td>
  <td class="right" width="25%">
    <input type="password" name="newpass2" size="8" style="width: 90%" /></td>
 </tr>


<script type="text/javascript">
function machText(chk,frm){
var p=frm.newpass;
try{
var val=p.value;
p.type=chk?'text':'password';
p.value=val;//benötigt z. B. in Opera
}
catch(e){
var neuInp=document.createElement('input');
neuInp.type=chk?'text':'password';
neuInp.value=p.value;
neuInp.name=neuInp.id='newpass';
p.parentNode.replaceChild(neuInp,p); 				
}
}
</script>

Das funktioniert auch, jedoch nur beim ersten eingegebenen Passwort. Das Zweite wird nicht beim einhaken geändert. Was muss ich da im Script ändern?

gruß

Arcsinh · 8 April 2011

Das geht sicher auch ein bisschen einfacher, z.B.:

Code:

<input id="check" type="checkbox" />
<input id="pw" type="password" />
<script>
	var check = document.getElementById("check"), 
		pw = document.getElementById("pw");
	check.onclick = function() {
		pw.type = this.checked ? "text" : "password";	
	};
</script>

struppi · 8 April 2011

Das geht aber nicht in alen Browsern, zumindest ältere IE lassen das ändern des type nicht zu.

dertutor · 8 April 2011

Meine Version geht bisher im FF, OPERA, und IE8. Andere Browser habe ich nicht zum Test. Der org. Code ging auch nicht im IE. Musste eine zeile IE-Konform machen. Aber ich habe nun halt immernoch das Problem damit, dass nur das eine Passwortfeld im Klartext erscheint, aber nicht die Wiederholung mit dem Namen "newpass2".

Habt Ihr da eine Idee?

threadi · 9 April 2011

Wenn Du den Code aus diesem Beitrag meinst, wo ist da die Funktion "runPassword()" hinterlegt? Irritiert mich gerade.

So oder so, die Funktion "machText()" erzeugt genau 1 Element indem es das ersetzt, welches die Funktion aufruft. Allerdings in einer mir nicht so ganz eindeutigen Schreibweise. Finde ich merkwürdig, dass es überhaupt funktioniert. Theoretisch sollte die Funktion so umgestrickt werden, dass Du lediglich einen zweiten Aufruf dieser Funktion für "newpass2" ergänzen bräuchtest. Ist für mich aber gerade nicht so ganz nachvollziehbar was die da macht.

dertutor · 9 April 2011

Hi.

Das mit dem runpassword ist eine andere Funktion die zum Kit gehört. Das Script habe ich hier gefunden. Und dann auch so übernommen, nur halt mit der Änderung für den IE.

Ich dachte, ich könnte in dieses konstrukt einfach eine weitere Funktion oder sowas eintragen, aber wenn das nicht geht packe ich einfach das gleiche Scipt zweimal rein.

Die ganze Datei sieht so aus:

HTML:

<script language="Javascript" src="admin/lib/mycode.js"></script>
<table class="standard" cellspacing="1" cellpadding="4" width="100%">
 <tr>
  <td class="heads" colspan="4">Registrierung</td>
 </tr>
    $error_message
     <form method="post" action="include.php?path=login/register.php" id="myform">
    <input type="hidden" name="action" value="$action" />
 <tr>
 <tr>
<td class="left" colspan="4" align="left"><center><b>Willkommen auf der Registrierungsseite von TRV</b></center><br><p>
Bitte geben Sie Ihre Daten wahrheitsgemäß ein, um Sie als User zu identifizieren (z.b. ob mänlich oder weiblich). <br>
Durch die Angabe der Informationen kommen Sie in den Genuss verschiedenster Features (z.B. Geburtstagsgruß) <br>
<p>
Vielen Dank dafür!<br>
Eurer TRV-Team<br>
<p>
</td>
 </tr>
  <td class="left" width="25%">Benutzername*</td>
  <td class="left" width="75%" colspan="3">
    <input type="text" name="newuser" value="$newuser" size="8" style="width: 29%" /></td>
 </tr>
  <tr>
  <td class="right" width="25%">Passwort</td>
  <td class="right" width="25%"><script type="text/javascript" src="js/pwd_strength.js"></script>
    <input type="password" id="newpass" name="newpass" onkeyup="runPassword(this.value, 'newpass');" size="8" style="width: 90%" /></td>
  <td class="right" width="25%">Wiederholung</td>
  <td class="right" width="25%">
    <input type="password" name="newpass2" size="8" style="width: 90%" /></td>
 </tr>



<tr>
<td class="extra3" colspan="4" align="left">Das Passwort sollte aus min. 8 Zeichen bestehen!</td>
</tr>



<!-- Passwortgenerator für PHPKit by saarradio.de
 <tr>
    <td class="extra3" colspan="4" align="center">
    <span style="color:#FF0000"><b>Kein Passwort zur Hand?&nbsp;<a href="javascript:;" onClick="passwort(350,300);" ><span style="color:#FF0000">Hier</a> geht´s zum Passwort Generator</b>
    </td>
 </tr>-->
 <!-- Passwortgenerator für PHPKit by saarradio.de -->


<!-- Passwortcheck by burnerfm.de -->
    <tr>
      <td class="left">Passwortsicherheit:</td>
      <td colspan="3"class="right"><div style="width: 100%;"><div id="newpass_text" style="font-size: 10px;"></div>
        <div id="newpass_bar" style="font-size: 1px; height: 2px; width: 0px; border: 1px solid white;"></div></div></td>

    </tr>
<!-- Passwortcheck by burnerfm.de -->

 <tr>
  <td class="left" nowrap>Email-Adresse*</td>
  <td class="left">
    <input type="text" name="newemail" value="$newemail" size="8" style="width: 90%" /></td>
  <td class="left">Wiederholung*</td>
  <td class="left">
    <input type="text" name="newemail2" value="$newemail2" size="8" style="width: 90%" /></td>
 </tr>
 <!-- Pflichtfeld Geschlecht -->
 <tr>
  <td class="left">Geschlecht*</td>
  <td class="right" colspan="3">
    <select name="ud_sex" size="1">
    <option $user_sex_option_0 value="null">Geschlecht</option>
    <option $user_sex_option_1 value="m">m&auml;nnlich</option>
    <option $user_sex_option_2 value="w">weiblich</option>
    </select></td>
 </tr>
<!-- Ende Pflichfeld Geschlecht -->
 <!-- Geburtsdatum als Pflichtfeld -->
 <tr>
  <td class="left">Geburtstag*</td>
  <td class="right" colspan="3">
    <select name="user_bd_day" size="1">
    <option value="0">Tag</option>
    $bd_option_day
    </select>
    <select name="user_bd_month" size="1">
    <option value="0">Monat</option>
    $bd_option_month
    </select>
    <select name="user_bd_year" size="1">
    <option value="0">Jahr</option>
    $bd_option_year
    </select>
  </td>
 </tr>
 <!-- Geburtsdatum Pflichtfeld Ende -->
 <!-- Länderflaggen Bundeslandauswahl -->
 <tr>
  <td class="left">Herkunft*</td>
  <td class="right" colspan="3">
    <select name="ud_country" size="1" style="width: 90%">
    <option value="ger" $user_country_1>Deutschland</option>
    <option value="aut" $user_country_2 >Österreich</option>
    <option value="ch" $user_country_3>Schweiz</option>
    <option value="nl" $user_country_4 >Niederlande</option>
    <option value="oth" $user_country_5 >anderes</option>
 <!-- <option value="def" $user_country_0 >keine Angabe</option>-->
    </select></td>
 </tr>
 <!-- Länderflaggen Auswahl Ende -->

 $profilefields_row


 <tr>
<td class="standard" colspan="4" align="left"><sub>Mit * markierte Felder sind Pflichtangaben</sub></td>
 </tr>
<!-- *** KNS V2 | Idee: Onkel Hotte | Umsetzung: Headless (kitnetwork.de) *** -->
    <script type="text/javascript">
    // org. function from PHPKit 1.6.4
    function pkCaptchaReload()
        {
        now = new Date();
        document.getElementById('captchaIMG').src='include.php?captcha&' + now.getTime();;
        }
    </script>
    <tr>
      <td class="left" colspan="" align="center">
        <a href="javascript:pkCaptchaReload();"><img border="0" height="30" width="120" id="captchaIMG" src="include.php?captcha" alt="Bild neu generieren"></a>
    </td>
    <td class="right" colspan="3">
        <input maxlength="6" name="inputchars" size="6" type="text"><br>
        Bitte geben Sie zur Best&auml;tigung den Code ein, der Ihnen links angezeigt wird.
Mausklick auf Grafik => Neu laden<br>

    </td>
    </tr>
<!-- *** EOS *** -->
<td class="heads" colspan="4" align="center">
    <input type="submit" name="action" value="$lang[send]" />
    <input type="hidden" name="send" value="$lang[send]" /></td>
 </tr>
    </form>
</table>

threadi · 9 April 2011

Ich sehe immernoch keine Funktion runPassword() in deinem Code-Ausschnitt. Dieser scheint zudem der PHP-Code zu sein, nicht das letztlich erzeugte HTML-Code. Und der HTML-Code scheint auch sehr fehlerhaft zu sein, womit es eher fraglich wird, ob ein JavaScript damit überhaupt sauber aufgerufen werden kann.

Und nein, Du musst die Funktion nicht verdoppeln. JavaScript-Funktionen sind (wie in anderen Programmiersprachen auch) dafür gedacht bestimmte wiederkehrende Aufgaben einheitlich abzubilden ohne, dass man alles doppelt schreiben muss.

In deinem Fall solltest Du wie schon gesagt schauen, was für Parameter an die Funktion "runPassword()" übergeben werden und ob diese auch mit einem anderen Input-Feld als übergebener Parameter zurecht kommt. Beispiel:

Code:

..onkeyup="runPassword(this.value, 'newpass');runPassword(this.value, 'newpass2');"..

Ob das geht hängt aber wie gesagt davon ab wie runPassword() aussieht.

dertutor · 9 April 2011

Dieses runPassword gehört zur Anzeige der Passwortsicherheit und arbeitet mit einer PHP-Datei, der Mycode.js sowie einer eigenen JS-Datei zusammen.

Der Code zu der Funktion ist:

Code:

// Password strength meter v2.0
// Matthew R. Miller - 2007
// www.codeandcoffee.com
// Based off of code from:
//  http://www.intelligent-web.co.uk
//  http://www.geekwisdom.com/dyn/passwdmeter
// Angepasst für´s PHPKit by reddevil82 - www.burnerfm.de

/*
    Password Strength Algorithm:
    
    Password Length:
        5 Points: Less than 4 characters
        10 Points: 5 to 7 characters
        25 Points: 8 or more
        
    Letters:
        0 Points: No letters
        10 Points: Letters are all lower case
        20 Points: Letters are upper case and lower case

    Numbers:
        0 Points: No numbers
        10 Points: 1 number
        20 Points: 3 or more numbers
        
    Characters:
        0 Points: No characters
        10 Points: 1 character
        25 Points: More than 1 character

    Bonus:
        2 Points: Letters and numbers
        3 Points: Letters, numbers, and characters
        5 Points: Mixed case letters, numbers, and characters
        
    Password Text Range:
    
        >= 90: Very Secure
        >= 80: Secure
        >= 70: Very Strong
        >= 60: Strong
        >= 50: Average
        >= 25: Weak
        >= 0: Very Weak
        
*/


// Settings
// -- Toggle to true or false, if you want to change what is checked in the password
var m_strUpperCase = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var m_strLowerCase = "abcdefghijklmnopqrstuvwxyz";
var m_strNumber = "0123456789";
var m_strCharacters = "!@#$%^&*?_~"

// Check password
function checkPassword(strPassword)
{
    // Reset combination count
    var nScore = 0;
    
    // Password length
    // -- Less than 4 characters
    if (strPassword.length < 5)
    {
        nScore += 5;
    }
    // -- 5 to 7 characters
    else if (strPassword.length > 4 && strPassword.length < 8)
    {
        nScore += 10;
    }
    // -- 8 or more
    else if (strPassword.length > 7)
    {
        nScore += 25;
    }

    // Letters
    var nUpperCount = countContain(strPassword, m_strUpperCase);
    var nLowerCount = countContain(strPassword, m_strLowerCase);
    var nLowerUpperCount = nUpperCount + nLowerCount;
    // -- Letters are all lower case
    if (nUpperCount == 0 && nLowerCount != 0) 
    { 
        nScore += 10; 
    }
    // -- Letters are upper case and lower case
    else if (nUpperCount != 0 && nLowerCount != 0) 
    { 
        nScore += 20; 
    }
    
    // Numbers
    var nNumberCount = countContain(strPassword, m_strNumber);
    // -- 1 number
    if (nNumberCount == 1)
    {
        nScore += 10;
    }
    // -- 3 or more numbers
    if (nNumberCount >= 3)
    {
        nScore += 20;
    }
    
    // Characters
    var nCharacterCount = countContain(strPassword, m_strCharacters);
    // -- 1 character
    if (nCharacterCount == 1)
    {
        nScore += 10;
    }    
    // -- More than 1 character
    if (nCharacterCount > 1)
    {
        nScore += 25;
    }
    
    // Bonus
    // -- Letters and numbers
    if (nNumberCount != 0 && nLowerUpperCount != 0)
    {
        nScore += 2;
    }
    // -- Letters, numbers, and characters
    if (nNumberCount != 0 && nLowerUpperCount != 0 && nCharacterCount != 0)
    {
        nScore += 3;
    }
    // -- Mixed case letters, numbers, and characters
    if (nNumberCount != 0 && nUpperCount != 0 && nLowerCount != 0 && nCharacterCount != 0)
    {
        nScore += 5;
    }
    
    
    return nScore;
}
 
// Runs password through check and then updates GUI 
function runPassword(strPassword, strFieldID) 
{
    // Check password
    var nScore = checkPassword(strPassword);
    
     // Get controls
        var ctlBar = document.getElementById(strFieldID + "_bar"); 
        var ctlText = document.getElementById(strFieldID + "_text");
        if (!ctlBar || !ctlText)
            return;
        
        // Set new width
        ctlBar.style.width = nScore + "%";

     // Color and text
    // -- Very Secure
     if (nScore >= 90)
     {
         var strText = "<img src=\"images/pwd_strength/7.png\">";
         var strColor = "#0ca908";
     }
     // -- Secure
     else if (nScore >= 80)
     {
         var strText = "<img src=\"images/pwd_strength/6.png\">";
         vstrColor = "#7ff67c";
    }
    // -- Very Strong
     else if (nScore >= 70)
     {
         var strText = "<img src=\"images/pwd_strength/5.png\">";
         var strColor = "#1740ef";
    }
    // -- Strong
     else if (nScore >= 60)
     {
         var strText = "<img src=\"images/pwd_strength/4.png\">";
         var strColor = "#0174DF";
    }
    // -- Average
     else if (nScore >= 50)
     {
         var strText = "<img src=\"images/pwd_strength/3.png\">";
         var strColor = "#08088A";
    }
    // -- Weak
     else if (nScore >= 25)
     {
         var strText = "<img src=\"images/pwd_strength/2.png\">";
         var strColor = "#FF0000";
    }
    // -- Very Weak
     else
     {
         var strText = "<img src=\"images/pwd_strength/1.png\">";
         var strColor = "#8A0808";
    }
    ctlBar.style.backgroundColor = strColor;
    ctlText.innerHTML = "<span style='color: " + strColor + ";'>" + strText + " - " + nScore + " %</span>";
}
 
// Checks a string for a list of characters
function countContain(strPassword, strCheck)
{ 
    // Declare variables
    var nCount = 0;
    
    for (i = 0; i < strPassword.length; i++) 
    {
        if (strCheck.indexOf(strPassword.charAt(i)) > -1) 
        { 
                nCount++;
        } 
    } 
 
    return nCount; 
}

Natürlich ist der Code nicht sauber, das gesamte CMS-Kit ist nicht valide, aber darum geht es mir aktuell auch garnicht, denn wir machen bald eh ein Relaunch mit komplett neuem System weil das aktuelle mehr Bugs als Funktionen hat.

So wie ich das verstehe, müssten, wenn es (das runPW) stören würde, beide Inputfelder nicht anzeigen. Aber das erste Feld wird, wie es auch soll, im Klartext beim Einhaken dargestellt. Mir geht es nun nur darum das zweite Feld da mit ins JS einzubinden. Und da ich kein JS kann, war eben meine Frage wie ich dies da mit einbaue ohne gleich eine Kopie vom ganzen Gerüst zu nutzen?

gruß

threadi · 9 April 2011

Auf deine letztgenannte Frage habe ich dir schon eine Antwort in meinem letzten Beitrag gegeben. Solange Du diese Funktion hier nicht zeigst kann man auch keine genaueren Auskünfte geben.

dertutor · 9 April 2011

habe ich doch! Siehe Edit oben

threadi · 9 April 2011

Dein nachträgliches Editieren hat sich mit meinem Beitrag überschnitten. Soweit ich sehe macht die Funktion runPassword() aber nicht das was Du willst. Diese Funktion zeigt lediglich die Passwortsicherheit an, wandelt aber nicht (wie Du willst) die Passwort-Felder in Textfelder um.

Was willst Du nun?
Die Passwortsicherheit prüfen lassen UND die eingegebenen Texte gleichzeitig (!) sichtbar machen.
Oder etwas anderes?

dertutor · 9 April 2011

Ich glaube wir reden grad ein bisschen aneinander vorbei

Die runPassword-Sache hat ja mit diesem JS hier nichts zutun:

Code:

<script type="text/javascript">
function machText(chk,frm){
var p=frm.newpass;
try{
var val=p.value;
p.type=chk?'text':'password';
p.value=val;//benötigt z. B. in Opera
}
catch(e){
var neuInp=document.createElement('input');
neuInp.type=chk?'text':'password';
neuInp.value=p.value;
neuInp.name=neuInp.id='newpass';
p.parentNode.replaceChild(neuInp,p); 				
}
}
</script>

Dieses zusammen mit dem hier:

Code:

<input type="checkbox" onclick="machText(this.checked,this.form)">

nehme ich, damit die User die Möglichkeit haben das eingegebene Passwort als Klartext anzeigen zu lasen.
Sobald sie beim Reg hier: KOPIESEITE - Tech-Review.de - Wissen was gut luft (Seite 2) dann den Haken
machen, wird das als Sternchen angezeigte Input-Feld als Klartext dargestellt. Also genau das was ich will.
Nur möchte ich dies auch für das "Wiederholen"-Feld haben. Ich muss also den Namen "newpass2" mit in das JS bekommen

Hoffe, dass Du mir da nun weiterhelfen kannst *gg*

gruß

threadi · 9 April 2011

Dann mach aus

Code:

function machText(chk,frm){
var p=frm.newpass;
try{
var val=p.value;
p.type=chk?'text':'password';
p.value=val;//benötigt z. B. in Opera
}
catch(e){
var neuInp=document.createElement('input');
neuInp.type=chk?'text':'password';
neuInp.value=p.value;
neuInp.name=neuInp.id='newpass';
p.parentNode.replaceChild(neuInp,p); 				
}
}

das hier

Code:

function machText(chk,frm){
var p=frm.newpass;
var p2=frm.newpass2;
try{
var val=p.value;
var val=p2.value;
p.type=chk?'text':'password';
p2.type=chk?'text':'password';
p.value=val;//benötigt z. B. in Opera
p2.value=val;//benötigt z. B. in Opera
}
catch(e){
var neuInp=document.createElement('input');
var neuInp2=document.createElement('input');
neuInp.type=chk?'text':'password';
neuInp2.type=chk?'text':'password';
neuInp.value=p.value;
neuInp2.value=p2.value;
neuInp.name=neuInp.id='newpass';
neuInp2.name=neuInp2.id='newpass';
p.parentNode.replaceChild(neuInp,p);
p2.parentNode.replaceChild(neuInp2,p2);
}
}

Sieht zwar total hässlich aus, sollte aber klappen.

dertutor · 9 April 2011

Jo supi!

Hat auch sofort geklappt! Fetten dank!

gruß

Passwortfeld auf Wunsch sichtbar

dertutor

Neues Mitglied

Arcsinh

Neues Mitglied

dertutor

Neues Mitglied

threadi

Moderator

dertutor

Neues Mitglied

Arcsinh

Neues Mitglied

struppi

Guest

dertutor

Neues Mitglied

threadi

Moderator

dertutor

Neues Mitglied

threadi

Moderator

dertutor

Neues Mitglied

threadi

Moderator

dertutor

Neues Mitglied

threadi

Moderator

dertutor

Neues Mitglied

threadi

Moderator

dertutor

Neues Mitglied

Neueste Beiträge