Solved

read only text area or alternative

Posted on 2011-03-09
11
270 Views
Last Modified: 2012-05-11
I have a site where there are conditions in a text area. I have set the text area to read only but noticed when you press the backspace it then takes you to the previous page.

Is there a way to prevent this (non js if possible) or maybe an alternative to textarea? kinda like the box I'm typing in right now but read only.
0
Comment
Question by:Shawn
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 6
  • 5
11 Comments
 
LVL 30

Expert Comment

by:LZ1
ID: 35086933
You could just put the content in a div, give it a width and height and then add overflow: visible which will allow it to scroll.  
0
 
LVL 1

Author Comment

by:Shawn
ID: 35087082
sounds good. do you have a quick example. never done that before and I'm not too hot with borders in css.
0
 
LVL 30

Expert Comment

by:LZ1
ID: 35087131
Something like this would work:


CSS

	#textArea {
		width:500px; /*Change to suit your needs */
		height:250px;/*Change to suit your needs */
		clear:both;
		border:1px inset #333;
		}

Open in new window

HTML: 

<div id="textArea">
Your content here 
</div>

Open in new window

0
Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

 
LVL 1

Author Comment

by:Shawn
ID: 35087252
I get the box and text but the text goes out of the box rather then having the side bar appear.
0
 
LVL 30

Expert Comment

by:LZ1
ID: 35087263
Add overflow:scroll;
0
 
LVL 1

Author Comment

by:Shawn
ID: 35087293
ok, I have the box looking nice now but I still have the same backspace behavior.
0
 
LVL 30

Expert Comment

by:LZ1
ID: 35087328
Unfortunately the only way to completely disable the backspace key would be Javascript.  It's a default function of the browser itself, as far as I understand it.  
0
 
LVL 1

Author Comment

by:Shawn
ID: 35087360
i suppose I could use js. At least it could change that function. any ideas?
0
 
LVL 30

Accepted Solution

by:
LZ1 earned 500 total points
ID: 35087403
I got this code from here: http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_20276433.html 


Try this:
<script>
function checkShortcut()
{
                  if(event.keyCode==8 || event.keyCode==13)
         {
               return false;
         }
}
 </script>
<body onkeydown="return checkShortcut()">

Open in new window

0
 
LVL 1

Author Closing Comment

by:Shawn
ID: 35087432
it all works perfect now. thank you
0
 
LVL 30

Expert Comment

by:LZ1
ID: 35087441
Glad I could help!
0

Featured Post

Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

718 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question