ansaurus

Question

Hiding TextBox behind a DIV by using z-index property

Answer 1

A:

You can return false; in the onkeyup, onkeydown and onkeypress events of the textbox. This way, user will not be able to edit it. But your onclick will work.

<input type="text" onkeyup="return false;" 
onkeydown="return false;"
onkeypress="return false;"
onclick="alert('hi');">

I am not sure if you need to return false in all three keyboard events, but it just came to mind and I typed them. Maybe you could get away with two or even one of those events.

Senthil 2010-05-27 06:43:09

works fine for me. Thanks Senthil!A small doubt:Is there any way to hide the "text cursor(|)" blinking when focus is on textbox?

Lokesh 2010-05-27 06:51:12

Nice!..:) If any post answers your question, please mark it as the answer. I don't think I know how to hide the cursor. Will get back if I find out how to do it.

Senthil 2010-05-27 06:57:35

ok. I will mark it as answer. i am eagerly waiting for your reply.. hope you will find some way to hide this cursor

Lokesh 2010-05-27 07:00:08

Just did some searching in Google.. you could have done the same.. There seems to be no straightforward way to do this. It might turn out that there is no way to do this. You just have to keep searching. I can't seem to think of a solution to hide the blinking cursor.

Senthil 2010-05-27 07:12:14

no worries. anyways thanks for your code, 90% of the problem is solved.for rest 10% .. will try my luck on Google :)

Lokesh 2010-05-27 07:22:13

Answer 2

A:

I suggest having the onclick event check if the textbox is disabled, and if it is, return false;

Kerry 2010-05-27 06:43:52

But onclick will not fire if textbox is disabled

Senthil 2010-05-27 06:48:17

onclick will not fire when disabled is true!! Is there any way to hide the "text cursor(|)" blinking when focus is on textbox?

Lokesh 2010-05-27 06:53:44

@ Senthil. Good to know. I would delete my answer but Lokesh has asked another question.

Kerry 2010-05-27 06:57:55

@ kerry: i am fighting with this cursur blinking thing. Client wants to get rid of this cursor. :)

Lokesh 2010-05-27 07:05:42

Do you have a link?

Kerry 2010-05-27 08:29:39

Answer 3

A:

To prevent the user from changing the text in the textarea, why not use the readonly property?

anon commenter 2010-08-15 03:48:33

ansaurus

tags:

views:

answers:

Hiding TextBox behind a DIV by using z-index property

related questions