Solved

text area overlapping

Posted on 2014-02-02
9
464 Views
Last Modified: 2014-02-06
I have a fixed length text area and and a fixed positioned div.
When I add lengthy content to the text area, some of the characters of the content overlap with the div.
With JS can I get if some part of the content overlap with the div?

Thank you
0
Comment
Question by:myyis
  • 4
  • 4
9 Comments
 
LVL 4

Expert Comment

by:ravikantninave
ID: 39828061
user overflow:hidden;
0
 
LVL 58

Expert Comment

by:Gary
ID: 39828069
Why are you using position:fixed?
Show us some code/css
0
 

Author Comment

by:myyis
ID: 39828071
Note that the fixed div is placed far right side.
So if add a vertical content to the textarea it does not overlap, If I add a long sentence it overlaps to the div.
I want a js alert if overlaps while editing the textarea.
0
PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

 

Author Comment

by:myyis
ID: 39828076
I don't have a code yet.  The div is fixed because I need them overlapped
0
 
LVL 58

Expert Comment

by:Gary
ID: 39828089
What css do you have on the textarea? A textarea will normally wrap, it won't keep getting wider
How does your code differ from this
http://jsfiddle.net/beDTt/
0
 

Author Comment

by:myyis
ID: 39828128
add "width:800px;"  to text area
0
 
LVL 58

Expert Comment

by:Gary
ID: 39828143
Why would I/You want to force the textarea to go behind another element - that is a serious design flaw.
0
 

Author Comment

by:myyis
ID: 39828159
I need them overlapped for a specific purpose, and I  need a JS alert if  the content overlaps the div.
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39828172
It isn't possible to get the width of the text in a textarea
You need to rethink your design.
0

Featured Post

ScreenConnect 6.0 Free Trial

Check out the updates in one game-changing release, ScreenConnect 6.0, based on partner feedback. New features include a redesigned UI that improves session organization and overall user experience. See the enhancements for yourself!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Jquery GMAP3 Hierarchy 1 27
HTML5 save .Dat to server side 20 46
how i fix Remove render-blocking JavaScript 3 54
Why a span is lower 2 20
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

773 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