Appy text hide function on text box

Question

3.00/5 (1 vote)

See more:

Hey everybody...

i m a beginner to jquery...i m stuck with a small easy function, plz help me out...m trying to apply the hide effect on the text property of text box..here is the script i have written....plz post ur reviews

JavaScript

$(document).ready(function () {
        $('#txttitle').click(function() {
            $('.text').hide();
        });
    });

Posted 10-Jul-12 4:24am

zeryy

Updated 10-Jul-12 8:04am

AshishChaudha

v3

Add a Solution

Comments

[no name] 10-Jul-12 10:30am

If your question is JQuery then why tag it C#?

Shelby Robertson 10-Jul-12 13:50pm

Adding the HTML that this code applies to would greatly help

Sergey Alexandrovich Kryukov 10-Jul-12 13:58pm

First, show the relevant part of HTML. Format both code samples. Second, how are you going to show the text again?
--SA

zeryy 11-Jul-12 8:23am

i actually want to create a textbox with a message written on it 'click to edit', and i want that msg to disappear when i click it to let me type desired text...

Sibasisjena 13-Jul-12 8:27am

Actualy we can not hide text.We can do one thing the text which you want to hide.Just hide the container of the text.

3 solutions

Solution 1

Try:

HTML

<input id="btntitle" value="HideTextbox" type="button"/>
<input id="mytextbox" type="text" class="mytextbox"/>

JavaScript

$(document).ready(function () {
    $("input#btntitle").click(function () {
        $("input#mytextbox").hide();
    });
});

Posted 10-Jul-12 20:50pm

Sandeep Mewara

Solution 3

Ok Zery you can do like this

JavaScript

$(document).ready(function () {
        $('#txttitle').click(function() {
            $(this).val("");
        });
    });

Posted 13-Jul-12 2:59am

Sibasisjena

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

**Shelby Robertson** · Accepted Answer · 2012-07-11T04:21:00

Sounds like you are trying to create a watermarked text box. The code below will remove the watermark when focus is in the text box. You can also hook the blur event and put the watermark back if the textbox is still empty. I'll leave that as an exercise.

HTML

<input id="mytextbox" type="text" class="mytextbox" value="click to edit" />

JavaScript

$().ready(function(){
   $(".mytextbox").focus(function(){
            $(this).val('');
   });
 });

Appy text hide function on text box

3 solutions

Solution 2

Solution 1

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us