IE problem with javascript

Question

i have the following simple script

<input class="input"  type="text" name="password" style="color: #797272;" 
       value= "<?php if ($_POST[password] != '') {echo '';}
         else {echo 'Ծածկաբառ';}?>"   
        onclick="if (this.value === this.defaultValue) {
                   this.value='';
                   this.style.color='black';
                   this.type='password';
                   }" 

      />

it works fine, but in IE7 it doesn't change the input type.

this.type='password'; doesn't work

could you help me? thanks

update

and what can i do, if i want to show default value in thet input?

Amy B · Accepted Answer · 2010-04-08 11:31:55Z

2

Sadly IE doesn't allow input tag to change to or from password type. Very annoying. 'They' say it is for security reasons, but every other browser allows it...

answered Apr 8, 2010 at 11:31

Amy B

18k12 gold badges67 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Quentin · Accepted Answer · 2010-04-08 11:35:55Z

2

You can't change the type of inputs with JS in Internet Explorer, and the approach you are taking has other implications (such as accessibility problems).

Taking a different approach and having a positioned label element avoids the problem of changing the field and reduces the accessibility issues greatly. I wrote an example: http://dorward.me.uk/tmp/label-work/example.html

answered Apr 8, 2010 at 11:35

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

1 Comment

Quentin Over a year ago

Oh joy, a bug. (There's a reason why it lives in /tmp/ at the moment). The principle is sound though.

SeanJA · Accepted Answer · 2010-04-08 11:33:46Z

1

If it is in IE 6, it seems that you cannot change the type... you can however replace the entire element:

http://bytes.com/topic/javascript/answers/705445-dynamically-change-input-type-text-password

answered Apr 8, 2010 at 11:33

SeanJA

10.4k5 gold badges34 silver badges43 bronze badges

Comments

Nick Craver · Accepted Answer · 2010-04-08 11:32:52Z

1

You simply can't do this in IE, it doesn't allow you to change the type once it's been added to the DOM. To do this, you have to replace the input completely.

From the documentation:

As of Microsoft Internet Explorer 5, the type property is read/write-once, but only when an input element is created with the createElement method and before it is added to the document.

answered Apr 8, 2010 at 11:32

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Comments

Simon · Accepted Answer · 2010-04-08 12:15:41Z

0

the only one solution i found, it works fine

function change() 
    {
        var input=document.getElementById('some');
        var input2= input.cloneNode(false);
        input2.type='password';
        input.parentNode.replaceChild(input2,input);
    }

answered Apr 8, 2010 at 12:15

Simon

23.2k36 gold badges95 silver badges123 bronze badges

Collectives™ on Stack Overflow

IE problem with javascript

update

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

update

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related