Comments for Chris Allen, software developer

Comment on Very simple textbox watermark using JQuery by jimba oluwayemi

jimba oluwayemi — Thu, 05 Apr 2012 10:41:17 +0000

@Evx, thanks bro, gud work…

Comment on Very simple textbox watermark using JQuery by Memories...

Memories... — Fri, 24 Feb 2012 21:18:01 +0000

Good! sample… work fine I just add some other jquery method to show the watermask when the page is loaded… on MVC 2…

$(document).ready(function () {

// Define what happens when the textbox loses focus
// Add the watermark class and default text
$(“#UserName”).after(function () {

$(this).filter(function () {

// We only want this to apply if there’s not
// something actually entered
return $(this).val() == “”

}).addClass(“watermarkOn”).val(“Ingresa el usuario”);

});

// Define what happens when the textbox comes under focus
// Remove the watermark class and clear the box
$(“#UserName”).focus(function () {

$(this).filter(function () {

// We only want this to apply if there’s not
// something actually entered
return $(this).val() == “” || $(this).val() == “Ingresa el usuario”

}).removeClass(“watermarkOn”).val(“”);

});

// Define what happens when the textbox loses focus
// Add the watermark class and default text
$(“#UserName”).blur(function () {

$(this).filter(function () {

// We only want this to apply if there’s not
// something actually entered
return $(this).val() == “”

}).addClass(“watermarkOn”).val(“Ingresa el usuario”);

});

Comment on Very simple textbox watermark using JQuery by vb

vb — Tue, 24 Jan 2012 09:09:01 +0000

ghhhhhhhhh

Comment on Very simple textbox watermark using JQuery by RAJ Nimbalkar

RAJ Nimbalkar — Thu, 19 Jan 2012 18:58:14 +0000

watermark focus-off style problem
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
when the text box looses the .FOCUS(), text-box don’t acquire the .watermarkOn class. for the fixed style of watermark

replace the .addclass() & removeClass() with
.toggleClass(“watermarkOn”)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
total code
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
$(“#textBox1″).focus(function() {

$(this).filter(function() {

// We only want this to apply if there’s not
// something actually entered
return $(this).val() == “” || $(this).val() == “Type here”

}).toggleClass(“watermarkOn”).val(“”);

});

// Define what happens when the textbox loses focus
// Add the watermark class and default text
$(“#textBox1″).blur(function() {

$(this).filter(function() {

// We only want this to apply if there’s not
// something actually entered
return $(this).val() == “”

}).toggleClass(“watermarkOn”).val(“Type here”);

});

Comment on Very simple textbox watermark using JQuery by Kapil Singh

Kapil Singh — Wed, 16 Nov 2011 11:03:09 +0000

Hi,
I was reading your article and I would like to appreciate you for making it very simple and understandable. This article gives me a basic idea of watermark functionality in textbox by jquery and it will help me a lot.
Check following link too it might be helpful.

http://mindstick.com/Blog/136/Using watermark functionality in textbox by JQuery

Thank you very much!

Comment on Very simple textbox watermark using JQuery by Karan

Karan — Wed, 03 Aug 2011 09:57:24 +0000

There is an issue in this method. run the page and write “Type here” in the textbox and then click on any other location and then again click on the textbox the text you have entered will be lost.

Regards
Karan

Comment on Very simple textbox watermark using JQuery by Maxali

Maxali — Thu, 12 May 2011 19:22:46 +0000

Very usefull, thanks

Comment on Very simple textbox watermark using JQuery by ASP.NET MVC Watermark Textbox Extension method « Abdalla Massani’s Blog

ASP.NET MVC Watermark Textbox Extension method « Abdalla Massani’s Blog — Fri, 06 May 2011 19:00:02 +0000

[...] http://cysemic.com/2008/12/very-simple-textbox-watermark-using-jquery/ I have included this as part of the HtmlExtension utility [...]

Comment on Very simple textbox watermark using JQuery by ASP.NET MVC Textbox Extension method to include Watermark « Abdalla Massani’s Blog

Fri, 06 May 2011 18:52:10 +0000

[...] Ref: http://cysemic.com/2008/12/very-simple-textbox-watermark-using-jquery/ [...]

Comment on Very simple textbox watermark using JQuery by Taher

Taher — Wed, 27 Apr 2011 11:29:44 +0000

Very Very useful. Thanks