I'm really not sure how to go about doing this, so any and all pointers are welcome. What I'd like to do is be able to find the position and width of a word that has been typed inside of a <textarea>, so that I might overlay some absolutely-positioned elements on top, and size them properly. I would really like to be able to do this in the most general case as possible (independent of fonts, font size, size of the textarea, etc.), but as stated any help is welcome.
Question 1 ---------------- I am writing an advanced BBCode system for my forums and I would like to be able to find where the cursor was positioned last in the text so I could insert the BBCode there.
Question 2 ---------------- Again I am writing an advanced BBCode system for my forums and I would like to make is so that when someone puts in a [b] tag it goes bold, so kind of a WYSIWYG editor and also for other things like [img] tags and [url] tags. So could someone tell me how to do that. I would preferably like it to still use the textarea tag, or at least a form component so my existing code works.
I'm using a third party libray and I can drag a diveand resize it. The issue is, I have a textarea inside of it and I need to resize the width of textarea and height of textarea along with it.
I know what the width and height of the div will be when it finishes dragging (in "px"), so how do I convert the width and height in "px" to the cols and rows of a textarea?
I have generated menus from an XML file. The XML also defines sub menus that are to open when the mouse is over any one of the menus.The menus are div tags with text in them. The location of each is based on the order that they added in and the width of the text with some padding.When the users mouse moves over the menu item it should pop up a sub menu at a relative position to the menu item.How do I get that position and width of the menu the user is over if it has never been set explicitly? Is there a way or not? If not what is the best solution for something like this?
Is there either a client-side solution in HTML or Javascript, or will I have to use a server-side solution in PHP? I'm completely stuck and under a Monday AM deadline to come up with a solution.
How can I find the height and width of a webpage? Say I want to make sure someone's webpage is within an 800X600 viewing area. Width is the most important but if I can get width, I should also be able to get height.
I don't need to modify the page in anyway. Just get the width and height. I can reference the page in an iframe, cfhttp (CFMX) or something if it needs to be on my server.
Is it possible to select the elements who's width was specified by CSS? It's easy if they specified it by the width attribute *[width]. If you look at each elements css('width') it shows what was specified or automatically generated (always something).
I need to find what control is in some position given. I mean, if I give the values left: 200px and top 300px I need to know what control in the page is in that position, or if there is not any.
I'm using offset values to find the x,y position of an iframe on an html page. The code works in all browsers except in Mac explorer 5.x. Does anybody have any ideas how to get around this?? Thanks. My code is below, assuming myFrame is the iframe in question, offsetLeft is the x coordinate, offsetTop is the y coordinate. For some reason, offsetParent for the iframe on Mac Explorer is always undefined. Even stranger, this is only the case for iframe elements. When dealing with other elements in Mac Explorer 5.x, the code below works fine....
I want to determine the position of each link on a page. I need to know the browser window size, or at least screen resolution. I also need a position in pixels for each link. For example while browsing this page my screen resolution is 1680*1050 and the Blogs link in the menu is positioned at say (100, 120).Is there any consistent way to find this out in the major browsers?Note that the links are just plain links, they don't have the position attribute set in css or anything.I'm thinking about building a script that tracks user click behaviour and it would be tremendously helpful if I didn't need to input say "link Blogs is positioned in area N" to the tracking system.
Here's my problem: I need to present text in a scrolling textarea such that a checkbox is not enabled until the user has scrolled to the very last line of the text using the vertical scrollbar.
Been searching for some functions to get scrollbar position for a textarea object but coming up empty.
I am currently working on a small script that allows people to insert BB-codes to edit their text. They are able to click a button (for example underline) and then the bb-code will appear at the end of the textfield-value.How can i retrieve the current position of the cursor within the textarea and then parse the bb-code within?
I've been able to find for an editable HTML textarea for a WYSIWYG editor. It can save and restore the caret position. It works on FF3.5+, IE8, but does not work on Opera 11, Safari 5, or Chrome 10. Any ideas why? I'm just trying to find some code that works on FF3+, opera 10+, safari 5, chrome 8+, and IE7+.
I'm really struggling to find any sample code for getting the start and end position of a text area selection (i.e. a textarea contains the phrase "Why isn't there a standard, well-known function that does this?" and somebody selects the word "there" -- using a function, I'd like to be able to grab the start position and end position of the word "there").
Can anybody help me with this, or am I going to have to hack together some long-winded function to do this seemingly simple task?
Was wondering if it's possible to find the left position of a table cell if the cell is created dynamically.
I have a table with a single cell. When a button is clicked, I'd like to add another cell to it, give the cell a class style and then find the cell's left position. Right now I'm using doing this:
Ultimately, I'm looking to build navigation between article titles (h2 tags) where each title acts as an anchor link to the next title.How do I find the position of the next occurance of a tag, not necessarily adjacent, matching the current $(this) clicked item?
The mouse position tutorial has an example of how to find the click position within an element. How do you find the click position within the viewport?
I have a DIV with hegiht 500 px and overflow:scroll. I have 34000 A tags in it(each new line). Every A tag has its own ID. I want to scroll to these a tags so I need to know their position. How to find these?
Hi, i'm creating my own image gallery using jQuery, and there is a set of thumbnails at the bottom. The thumbnails have been put into an array, using jQuery, but what i am trying to do is to return the position of any clicked thumbnail in that array. i.e. when the 3rd thumbnail in the list is clicked, return 3, when the 5th thumbnail is clicked return 5 etc....
This in turn will dictate which item in another array (the main images array) will be displayed.
