form

topsyk

I have this code to make the password value appear in text and the input encrypted like password... but when I submit it doesn't go because it reads like it is empty, I don't know much abou JS so I don't know where to change!

Judgey

You could just have a labal overlap, however this is general help for PHP I think.

Judgey

Here is a solution to your problem..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" language="javascript">
function changefield(){
document.getElementById("passwordbox").innerHTML = "<input id=\"password-field\" type=\"password\" name=\"password-field\" title=\"Password\" tabindex=\"2\" />";
document.getElementById("password-field".focus();
}
</script>
</head>

</body>

topsyk

It's giving me an error in this line:

document.getElementById("password-field".focus();

Judgey

Sorry, replace that line with:

document.getElementById("password-field").focus();

topsyk

Thanks!!!It worked, the only thing is that if the field is empty and I click outside the word password doesn't appear back in the box but everything else is working thank you very much!!

Judgey

Okay then use this, as you can see i made an if statement on the text field.

</body>

topsyk

Still the same, it hasn't changed with the if statement

bradgrafelman

That's because the element is being replaced with the HTML in the JS function, which I'm guessing you didn't update.

However, I'd say don't use Judgey's suggested JS function at all because there's no reason you should be replacing the entire HTML content just to change an attribute - that's what the DOM is for.

Can you explain what behavior you're expecting? I tried to follow your original post but couldn't understand what you're wanting.

topsyk

What I need is to have the name password inside the box, then when clicked, the word disappears and you can type in the password, the problem is..... if you put the type as text, when you enter the password it will show it not coded(asterisks), and if you put the type as password, then even the word password will be asterisks, and when the field is empty and you click outside the box the word password has to appear again.

bradgrafelman

Why have the text "Password" in the box at all? The area inside the text box is where the user places their response, not where you should be placing a label (which, incidentally, is what a <label> element is for).

topsyk

You are right, it looks nice with the whole thing, the way I,m building the page, without any words outside the login/registration area

topsyk

I forgot to write "but" it looks nice ..................

bradgrafelman

In either case, here's an alternative way to use JS to accomplish the behavior you've described:

<script type="text/javascript" language="javascript">
function to_password(obj)
{
    if(obj.type == 'text')
    {
        obj.value = '';
        obj.type = 'password';
    }
}

function to_text(obj)
{
    if(obj.value == '')
    {
        obj.value = 'Password';
        obj.type = 'text';
    }
}
</script>

You would then change the onfocus/onblur handlers to call the to_password/to_text functions (respectively) while passing a reference to the object itself as the first parameter (e.g. by using the keyword this).

PeteSpain

Could you not simply use placeholder="Password"

topsyk

Yes, that's what I'm going to do, thanks!

bradgrafelman

PeteSpain;10984438 wrote:
Could you not simply use placeholder="Password"

Welcome to PHPBuilder!

Nice answer! Looks like I need to spend some time looking over what HTML5 brings to the table now. :o

PeteSpain

bradgrafelman;10984460 wrote:
Welcome to PHPBuilder!

Nice answer!

Thanks!