Avatar billede specialty Nybegynder
28. december 2002 - 13:25 Der er 3 kommentarer og
1 løsning

Ændre Textbox's Type fra "text" til "password"

Hej Eksperter...

Jeg skal have lavet en textbox's type fra "text" om til "password" ved hjælp af java... Grunden er at jeg vil have en textbox til at have værdien "Kodeord" og når den så får focus så skal teksten slettes også skal textboxens type blive lavet om til password så det brugeren skriver skrives med stjerner....

Her er lidt sourcekode...

<form name="Login">
                                                        <table width="64" border="0" cellspacing="0" cellpadding="0">
                                                            <tr height="15">
                                                                <td height="15"></td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <div align="center">
                                                                        <table border="0" cellpadding="0" cellspacing="0">
                                                                            <tr>
                                                                                <td>
                                                                                    <table border="0" cellpadding="0" cellspacing="0">
                                                                                        <tr>
                                                                                            <td></td>
                                                                                            <td>
                                                                                                <div class="input100">
                                                                                                    <input type="text" class="inputfield" name="mail" size="1" value="E-Mail" onkeypress="if (window.event.keyCode=='13') login()" onfocus="document.Login.mail.value = ''"></div>
                                                                                            </td>
                                                                                        </tr>
                                                                                        <tr height="5">
                                                                                            <td height="5"></td>
                                                                                            <td height="5"></td>
                                                                                        </tr>
                                                                                        <tr>
                                                                                            <td></td>
                                                                                            <td>
                                                                                                <div class="input100">
                                                                                                    <input type="text" class="inputfield" name="password" size="1" value="Kodeord" onkeypress="if (window.event.keyCode=='13') login()" onfocus="document.Login.password.value = ''"></div>
                                                                                            </td>
                                                                                        </tr>
                                                                                    </table>
                                                                                </td>
                                                                                <td>
                                                                                    <div align="right"></div>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                        <table width="79" border="0" cellspacing="0" cellpadding="0">
                                                            <tr height="10">
                                                                <td height="10"></td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <div align="center">
                                                                        <b><font size="2"><a href="#" onclick="login()">LOGIN</a></font></b></div>
                                                                </td>
                                                            </tr>
                                                            <tr height="10">
                                                                <td height="10"></td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <div align="center">
                                                                        <b><font size="2"><a href="(EmptyReference!)">NY BRUGER</a></font></b></div>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </form>


På Forhånd Tak...

Specialty...
Avatar billede Slettet bruger
29. december 2002 - 16:21 #1
Det har været oppe før, og det viste sig, at den eneste løsning var at have to lag, der byttede z-index. Man kan nemlig ikke bare skifte en input's type.
Avatar billede specialty Nybegynder
02. januar 2003 - 02:32 #2
phoenixv: du kan ikke fortælle mig hvordan jeg så laver det nr. med 2 layers ?!?!
Avatar billede Slettet bruger
02. januar 2003 - 13:38 #3
Et lille eksempel fra mig til dig:

<form>
<div id="txt" style="display: inline;">
<input type="text" name="tekst">
</div>
<div id="psw" style="display: none;">
<input type="password" name="kode">
</div>
<br>
Tekst <input type="radio" name="vis" checked onMouseDown="if (this.checked) return; this.form.tekst.value = this.form.kode.value; document.getElementById('txt').style.display = 'inline'; document.getElementById('psw').style.display = 'none';">&nbsp;&nbsp;&nbsp;Tekst <input type="radio" name="vis" onMouseDown="if (this.checked) return; this.form.kode.value = this.form.tekst.value; document.getElementById('psw').style.display = 'inline'; document.getElementById('txt').style.display = 'none';">
</form>

Det skulle gerne virke i IE5+ og NS6+.
Avatar billede Slettet bruger
02. januar 2003 - 13:41 #4
Dette vil nok interessere dig mere:

<form name="frm">
<div id="txt" style="display: inline;">
<input type="text" value="Kodeord" onFocus="document.getElementById('txt').style.display = 'none'; document.getElementById('psw').style.display = 'inline'; document.frm.kode.focus();">
</div>
<div id="psw" style="display: none;">
<input type="password" name="kode">
</div>
</form>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester