NYCPHP Meetup

[CED]

Andy's two functions cover it all, just make a third function that sets type. Although I'm not sure if changing the fields type will reveal the characters or not, it should.

  ----- Original Message ----- 
  From: Andy Dirnberger 
  To: 'NYPHP Talk' 
  Sent: Wednesday, June 06, 2007 8:53 PM
  Subject: RE: [nycphp-talk] Removing Text from an Input Box


  <input value="Display Value" onfocus="clearText (this);" /> is a bit more complete.

   

  Or <input value="Display Value" onfocus="clearText (this);" onblur="restoreText (this);" /> can replace empty values with your label.

   

  <script type="text/javascript">

    function clearText (el) {

      if (el.defaultValue == el.value) el.value = "";

    }

    function restoreText (el) {

      if (el.value == "") el.value = el.defaultValue;

    }

  </script>

   

  From: talk-bounces at lists.nyphp.org [mailto:talk-bounces at lists.nyphp.org] On Behalf Of Andy Dirnberger
  Sent: Wednesday, June 06, 2007 8:48 PM
  To: 'NYPHP Talk'
  Subject: RE: [nycphp-talk] Removing Text from an Input Box

   

  I usually do something like the following to clear the value.  Keep in mind that when the type is set to password your text will always display masked.

   

  DiRN

   

  <input onfocus="clearText (this);" />

   

  <script type="text/javascript">

    function clearText (el) {

      if (el.defaultValue == el.value) el.value = "";

    }

  </script>

   

  From: talk-bounces at lists.nyphp.org [mailto:talk-bounces at lists.nyphp.org] On Behalf Of Ben Sgro (ProjectSkyline)
  Sent: Wednesday, June 06, 2007 8:44 PM
  To: NYPHP Talk
  Subject: [nycphp-talk] Removing Text from an Input Box

   

  Hello, 

   

  This is more of a JS question, but I'm going to ask it anyways.

   

  I just got the book, "Pro Javascript Techniques" (Apress) and what sucks is that many of

  the examples do not work.

   

  What I want to do is have to input boxes, a username and password.

  Instead of having labels next to them such as:

   

  Username: [INPUT BOX]

  Password: [INPUT BOX]

   

  I want to have the text inside the box [INPUT BOX: Username]. etc...

   

  When the user mouses over, I want to make that "Username" text dissapear so they can type their username in.

   

  Any help?

   

  - Ben

   

  Ben Sgro, Chief Engineer
  ProjectSkyLine - Defining New Horizons



------------------------------------------------------------------------------


  _______________________________________________
  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
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.nyphp.org/pipermail/talk/attachments/20070606/d526541d/attachment.html>