My intension is, to create my own WYSIWYG Editor with own tags. I am doing this with contenteditable elements. If the user is selecting Text and clicks a button (For Example B) the selected Range should be wrapped in "<strong>|</strong>". To program this I need to know the start and the end of the users selection. But the textrange object and the regular rangeobject are not helping me with this issue.
For Example my text would be:
Lets say the user selected 'name is David'. What I do need now is the position in the document where the selection starts.
In this case I would need 27 as my result, because the number of digits would be:
How to do this with Javascript? It must be possible, because TinyMCE, Aloha etc are working WYSIWYG Editors and they must have figured this out.
I already know execCommand and pasteHTML, but these methods are no alternative for me, because they just create what they want and the code looks different in every browser.
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?
I need to get the selection position by js and make sure that this code work for all the browsers.
For example, the user selected this text (red text is selected): Hello world The function should return to me array or two values wich they are: 3,9 (start and end position of the selection)
I'm looking for a function that I can use which will do the following when the mouse cursor is in a textarea:
know which textarea to work with based on current cursor position (not sure if this possible, couldn't find examples) - i.e. just 1 'Bold' button to operate on multiple textareas.
insert tag or tags (i.e. ,[image]) at cursor position, if text is selected then insert tags around text selection.
I want to get the cursor start and end position of a selected range in a text-field or text-area. i tried lot of functions in various forums. but when the last character of the selection is a new line character JavaScript ignore it in IE6. any one having idea ?
Code: <style> body { /*Remove below line to make bgimage NOT fixed*/ background-color:black; background-attachment:fixed; background-repeat: no-repeat; [Code]...
when i run it, i have to wait the 9000 timer to c the first image, and i need the page to start with an image and then start the rotation, i have assigned background-image by css, and tried also to use document.body.background, but when i do this the rotator doesnt work.
It's possible to style document.body not to start at 0,0 for example: body {width: 1000px; margin-left: auto; margin-right: auto;} This means that X/Y of the body is not 0,0 but how can I find out what the position is using javascript? document.body.offsetLeft; is 0 and offsetParent is null yet if I position something absolutely at 0,0 it goes to 0,0 of the window, not the body!
i,m trying to make a map who show me as position A and a target adress as point B.I have made it so i can choose adress a and adress b from a dropdown but i want to automaticly load my position as possition A then choose position B from a dropdownlist. How can i do this ?
I'm new to javascript and am not sure why this works in firefox and not chrome. I am trying to create a script that keeps an object fixed horizontally while bing positioned absolute vertically. if I replace the toPP variable in document.getElementById('fire').style.top = toPP; with say '50px' it will move the element down 50 pxs, but how I have it currently it doesn't do anything in chrome
<script type="text/javascript" > window.onscroll = function() { if( window.XMLHttpRequest ) { var x = 0 -document.documentElement.scrollTop; var toP = String(x); var toPP = toP + "px";
#navigation li is the parent element, which is positioned relative.The ul element above that is also position relative. I previously tested a click function and was able to confirm I was getting the correct position back, so now I just need to set the CSS property correctly for all of those links.The reason I want to do this is I have a set of links that appear over a photo of a city skyline. When you hover over those items, I want them to be given a background image that is a blurred and lightened version of the same photo so it needs to line up (sort of like the tabs are made of frosted glass).
I have a HTML file that has a lot of content. In it I have a <div id="d1">somecontent</div> block. Would it be possible for me to know the position of this d1 (absolute or relative) displayed on the page / window if not setting it first ?
Problem: I have a piece of HTML-content, with <hr/> as section breaks. I want to replace the <hr/> with a new <div>. Thus, original: <div>Test test test<hr/>Test test test</div> Result: <div>Test test test </div<div>Test test test</div> With $('hr').replaceWith('</div><div>') it does not work, because the replacement is not valid HTML.
I want to create columns, with <hr/> the column-divider. Perhaps there is also a better solution. The editor is creating the content and inserting HR's where a new column should start.
I need to isolate some auto-generated content that is displayed after an end </a> tag, and before a start <div> tag. This text doesn't have any surrounding tags itself, so I need to add some kind of hook to it in order to style it with CSS.
I have tried to use insertAfter to put a <span> after the </a> tag, and then an insertBefore to put a </span> before the <div> tag, but this just results in putting both the start and end <span> tags before the bit of text I want to isolate.
I have been using JQuery from last 1 year with IBM RAD 7.0 as IDE and WebSphere 6.1 as app Server without any problem.Now my development environment is upgraded wtih IBM RAD 7.5 and WebSphere 7.0 server.After writing the code in jsp within <JavaScript> tags as [code]i am getting the following error.The function $(HTMLDocument) is undefined.I have included jquery-1.4.2.min.js and even replaced with jquery.min.js.But there is no use.
I am using the slideshow script below on my website and would like to know if it is possible to delay the start of the slideshow until at least the first image has fully downloaded.
I am trying to grab all text between <START> and <END> and have the following bits of code, but neither are returning anything. I use JS so rarely that I can't see where the problems are -
var ermtext = response.match(/<START>(.*?)<END>/i); if (ermtext) { result.ermtext = ermtext.replace("$1");
I am trying to stop and then start my clock, but something goes wrong
<script type="text/javascript"> function start_clock(){ var today = new Date(); var h = today.getHours(); var m = today.getMinutes(); var s = today.getSeconds(); [Code]...
Is there any sort of javascript code that can be linked with a button, for example, that when clicked would start up an Outlook 2003 session (if the user has this installed)
Otherwise return a page or message alerting the user they do not have Outlook Installed
I am making a local intranet you see, and i have configured an internal email system, so on the Intranet site i want to add a link to go directly to Microsoft Oulook, which should be installed on all the machines.
I need to add some animation effects and I'm experimenting with JQuery animate. The sample routine is set up to run when you click on the Run link. I want to change the routine to run automatically when the page is loaded.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
I have a working code already. It already has a play and pause button, but I do not have a working start button (it has to play it from the very start). Here is the code:
<html> <head> <script type="text/javascript"> var interval = 500; var random_display = 0; var number = 0; image = new Array(); image[number++] = new imageItem("1.jpg"); [Code]...
Can anyone recommend a good place for someone like myself to start learning about JavaScript and Java Applets? I know HTML, CSS, and a decent amount of Perl and PHP, but overall have VERY little experience with Java and JavaScripts, other than the usual cut-and-paste...
