Hello Rolan,
Well, ideally, yes, but people can identify well enought with
a Textbox stating: Username and one beneath it stating: *******.
If they can't figure that out, they don't deserve accesss to the app.
= ]
Thanks for the code, I'll take a look. That's a neat little trick!
- Ben
Ben Sgro, Chief Engineer
ProjectSkyLine - Defining New Horizons
----- Original Message -----
From: "Rolan Yang" <[EMAIL PROTECTED]>
To: "NYPHP Talk" <talk@lists.nyphp.org>
Sent: Wednesday, June 06, 2007 10:03 PM
Subject: Re: [nyphp-talk] Removing Text from an Input Box
Ben Sgro (ProjectSkyline) wrote:
Hello,
Yeah, I just hacked up this:
. "<input type=\"text\" value=\"Username\" onfocus=\"this.value=''\">"
. "<input type=\"text\" value=\"Password\"
onfocus=\"this.value=''\" onfocus=\"this.type='password'\">"
What im trying to do is turn that type to a password..so I can see the
text...is that possible.
- Ben
I'm not clear on whether you actually want the typed passwords to be
visible as plaintext or hidden as asterisk/dots.
Regardless, below is a css+javascript solution which hides the password
field underneath until you mouseover. I feel so filthy for doing it like
this, but there are times when painting over the page with CSS is the only
way to accomplish the objective. One of my clients has a cafe press store
and they didn't want the cafepress logo to be visible on the page. Cafe
press doesn't let you disable the logo, but with little bit of dirty css
... voila!
http://www.cafepress.com/doyourememberus/2478464
The logo is gone. In reality it's hidden behind the blue circle at the top
left.
And now for the example:
<html>
<head>
<style type="text/css">
#TOP {
position: absolute;
left:300px;
top:10px;
width:100px;
height:30px;
z-index:1;
}
#BOTTOM {
position: absolute;
left:300px;
top:10px;
width:100px;
height:30px;
z-index:0;
}
</style>
</head>
<body>
<div id="TOP"><input type="text" name="junk" value="Password:" size=20
onMouseover="document.getElementById('TOP').style.visibility='hidden';"></div>
<div id="BOTTOM"><input type="password" value="" size=20></div>
</body>
</html>
~Rolan
_______________________________________________
New York PHP Community Talk Mailing List
http://lists.nyphp.org/mailman/listinfo/talk
NYPHPCon 2006 Presentations Online
http://www.nyphpcon.com
Show Your Participation in New York PHP
http://www.nyphp.org/show_participation.php
_______________________________________________
New York PHP Community Talk Mailing List
http://lists.nyphp.org/mailman/listinfo/talk
NYPHPCon 2006 Presentations Online
http://www.nyphpcon.com
Show Your Participation in New York PHP
http://www.nyphp.org/show_participation.php
