Any help, since I followed the instructions but still doesn't work - anyone know what I'm not adding? http://code.google.com/p/jq-watermark/wiki/Instructions
Hard to say if you missed something without seeing what you have added Properbly wrong path on <script type="text/javascript" src="../js/jquery.watermark.js"></script> Code (markup): ?? ( ../ )
Are you trying to use this to show a placeholder text in the input-fields? If so, just use HTML. "placeholder=''" is what you're looking for. Like this: <input type="text" name="username" id="username" value="" placeholder="Type your username/email"> Code (markup):
Cheers, but with content already in the form box - couldn't someone just submit the form anyway? I think Jquery watermark doesn't do this. I'm actually trying to copy the same form Namecheap uses at the top of their site...
No. The placeholder attribute is not part of what is posted from a form - only values that are posted from a form is the "value"-attribute (or content from textarea and the like). The placeholder is perfectly safe HTML 5, but doesn't work in older browsers. However, for me, that's not an issue, so I chose to use HTML instead, simply because it makes the javascript amount smaller, and hence the page lighter and faster.
Depends on your need. To get certain (not necessarily this) jQuery functions to work in all browsers, you often have to make different javascript-bits to fit each browser, which increases the amount of javascript immensly. The HTML version is perfectly fine to use, it will show up in browsers supporting the attribute, and will be happily ignored in all other browsers. You should in no way use this as a placement for information or the like of an important nature, just to help users - if a user have javscript turned off, for instance, he will no longer see the placeholder anyway.
Ok cool, I hear what you're saying thanks. Just out of interest, regarding the JS turned off thing - how do companies like GoDaddy and Namecheap manage since there's looks to be using javascript only?
Well. The javascript turned off isn't a big deal - most users don't turn off javascript. There are, however, quite a few extensions to popular browsers, for instance Firefox (NoScript) which turns off js, but makes it fairly easy to turn it on if needed. If you're gonna make a website, the goal should always be to accomodate as many as possible - which is most easily done by having good, semantically sound, correct HTML (and CSS). The benefit of this (the placeholder-attribute) is that, even though it doesn't validate, since the W3C-validator is a bit flunky on HTML5-bits, it degrades gracefully, and doesn't provide a huge extra file-size-cost. I try to make websites that both look and feel good and snappy in modern browsers, but which also work on older versions, albeit maybe with some of the funkyness turned off. It might not look as good, or exactly the same, but that shouldn't be the goal. When a marketing ghoul says "it has to look exactly the same regardless of browser og if the user has a PC or a Mac, mkay?" - just run.