Changing an INPUT textbox's TYPE property on the fly

[Astra]

Hi All

Could somebody confirm if and how I can change the TYPE of a textbox from
PASSWORD to TEXT depending on whether a user checks a checkbox.

In essence I have a login and password form and the end user wants the
option to check a checkbox to make the Password textbox show normal text
rather than the asterisks. If the checkbox is unchecked then it shows the
asterisks when entering the password.

Possible?

Rgds

Robbie


-----= Posted via Newsfeeds.Com, Uncensored Usenet News =-----
http://www.newsfeeds.com - The #1 Newsgroup Service in the World!
-----== Over 100,000 Newsgroups - 19 Different Servers! =-----

[Ivo]

"Astra" wrote

Could somebody confirm if and how I can change the TYPE of a textbox from
PASSWORD to TEXT depending on whether a user checks a checkbox.

You cannot directly change the input element's type. I got an error when I
tried it in IE. You can however show and hide two different elements of
course:

<script type="text/javascript">
function showpass(el){
el.form.text.style.display=el.checked?'':'none';
el.form.pass.style.display=el.checked?'none':'';
}
function syncpass(el){
el.form[el.name==='text'?'pass':'text'].value=el.value;
}
</script>

<form ... >
<label>Pass:</label>
<input type="text" name="text" value="test" onkeyup="syncpass(this);"
style="display:none">
<input type="password" name="pass" value="test" onkeyup="syncpass(this);">
<label>Show:</label>
<input type="checkbox" onclick="showpass(this);">
</form>
--
Ivo

[Andrew Urquhart]

*Astra* wrote in comp.lang.javascript:

Could somebody confirm if and how I can change the TYPE of a textbox from
PASSWORD to TEXT depending on whether a user checks a checkbox.

Please don't multi-post - 2 replies in news:alt.www.webmaster
--
Andrew Urquhart
- FAQ: http://www.jibbering.com/faq/
- Archive: http://groups.google.com/groups?grou...ang.javascript
- Contact me: http://andrewu.co.uk/contact/

[Astra]

Many thanks Ivo

Rgds Robbie

"Ivo" <[e-mail]> wrote in message
news:41***********************@news.wanadoo.nl...
"Astra" wrote

Could somebody confirm if and how I can change the TYPE of a textbox from
PASSWORD to TEXT depending on whether a user checks a checkbox.

You cannot directly change the input element's type. I got an error when I
tried it in IE. You can however show and hide two different elements of
course:

<script type="text/javascript">
function showpass(el){
el.form.text.style.display=el.checked?'':'none';
el.form.pass.style.display=el.checked?'none':'';
}
function syncpass(el){
el.form[el.name==='text'?'pass':'text'].value=el.value;
}
</script>

<form ... >
<label>Pass:</label>
<input type="text" name="text" value="test" onkeyup="syncpass(this);"
style="display:none">
<input type="password" name="pass" value="test" onkeyup="syncpass(this);">
<label>Show:</label>
<input type="checkbox" onclick="showpass(this);">
</form>
--
Ivo

-----= Posted via Newsfeeds.Com, Uncensored Usenet News =-----
http://www.newsfeeds.com - The #1 Newsgroup Service in the World!
-----== Over 100,000 Newsgroups - 19 Different Servers! =-----