javascript - How can I position an element next to user text selection? -

-

I need to set the status of a full position button next to the user's selected text as I like IE8 internal Does the form.

I am compelling a jQuery mouseview event in the document, and getting the selected text, but I am currently in the know of how the actual selection is It is on, without wrapping it in any element, because text can be selected in many elements, and it can mess up the structure if I wrap it.

You can create a marker duration state at the end of the selection, using its coordinates using jQuery Keep your button on those coordinates and remove marker duration.

The following should start with you: 

  var markSelection = (function () {var markerTextChar = "\ ufeff"; var markerTextCharEntity = "& amp; #ffff;" ; Var markerEl, marker id = "sel_" + new date (). Match-time () + "_" + Math.rendum () .toString (). Substr (2); var selection al, return function () { Var sel, range; if (document selection & amp;; Document.selection.createRange) {// clone text range and fall category = document.Subtion.Creatorense (). Duplicate (); range.collapse (wrong); // Create an HTML element and create a marker element and make it a rental HTML Paste HTML ('& lt; span id = "' + markerId" style = "position: relative;" & gt; '+ markerTextCharEntity +' ;); Marker EL = Document. GetElementById (marker id);} and if (window.getSelection) {sel = window.getSelection (); if (sel.getRangeAt) {range = sel.getRangeAt (0) .cloneRange ();} Else {// The range is not available in the old webkit category = document. CreateRange (); Range.setStart (sel.anchorNode, sel.anchorOffset); Range .setEnd (sel.focusNode, sel.focusOffset); // handle the case when the selection was selected from the back (at the beginning of the document from the beginning) if (range collapsed! == sel.is collapsed) {range.setStart (sel.focusNode, sel.focusOffset) ; Range .setEnd (sel.anchorNode, sel.anchorOffset); }} Range. Collapse (false); Use the DOM methods that contain a single invisible character in the // marker element and enter it marker Allue = document. CreateElement ("span"); MarkerEl.id = markerId; Marker el.ependbill (document.createTextNode (marker reader)); Range.insertNode (markerEl); } If (markerEl) {// Strong Element is to be placed next to selection if (selection selection) {selectionEl = document.createElement ("div"); SelectionEl.style.border = "Solid Dark 1px"; SelectionEl.style.backgroundColor = "lightgoldenrodyellow"; Selection selector HTML = "& lt; - selection"; SelectionElei.style.status = "full"; Document.body.appendChild (selectionEl); } // Marker EL Status http://www.quirksmode.org/js/findpos.html var obj = markerEl; Var left = 0, top = 0; Do {left = obj.offsetLeft; Top + = obj.offsetTop; } While (obj = obj.offsetParent); // place the button in place // substitute your jQuery stuff in the selection el.style.left = left + "px"; SelectionEl.style.top = top + "px"; MarkerEl.parentNode.removeChild (markerEl); }}; }) ();

Comments

Post a Comment

Popular posts from this blog

MySql variables and php -

-
I am getting an error with php in order to format mysql_query () in php to format this string What is the right way? SELECT SELECT SELECT (*) Agents @AgentCount; User_Agent_English, User_Angent_Oursal, US.___Gent_Aginal, COUNT (User_Agent_Percade) ACC, COUNT (*) / (AgentCount) Percentage by agents user_agent_preser order DEC limit limit 50; In PHP, how am i setting $ query $ query = "SELECT count (*) agents @ agentcount; SELECT user_agent_parsed, User_agent_original , COUNT (user_agent_parsed) ascount, COUNT (*) / (@AgentCount) as a percentage by user_agent_parced by URI date DESC limit 50 "; This exact query will work properly if I put it in MySQL directly through a command line session. Do I need to release two separate php calls from mysql_query () and store the results first? I get the following error: There is an error in your SQL syntax; Instead of using a sub-selection and instead of using the 'SELECT user_agent_parsed, user_agent_original, ne...
Read more

url rewriting - How to implement the returnurl like SO in PHP? -

-
This URL should work even after the rewrite. Is this possible? Otherwise, I can only hardcoded everything If you are trying to create a login system with redirection You need to use the HTTP_REFERER header to find out where the user came from so that you can send it back there. The best way to do this is to use something like this in your login form: // - Login php & Lt; Input type = "password" name = "password" /> & Lt; Input type = "hidden" name = "returnrelale" value = "& lt ;? php echo $ redirectURL ;? & gt;" / & Gt; & Lt; / Form & gt; Please note that some ISP, browser or proxy will delete the referrer header, so you can not rely on each user to work fully. If you use a statement, to check whether the header exists or not, you can send those users back to the homepage or whatever. Edit If you are looking to use $ _SERVER ['REQUEST_URI'], if you are running Apache It sho...
Read more

kernel - How to create a "Block device" in Windows -

-
For people familiar with Linux, it is possible to create a module and register it as a block device. This allows the user to mount it as a regular disk (whereas all block I / O is controlled by the module, for example USB-MastStorage). Is there a way to do this in windows? (Windows needs to create a volume. Raw data will come from the interface with justification.) Thanks The easiest way (and this is not easy!) Is to write one, you can do it also with KMDF. The latest issue of the "NT Insider" of the OSR is an article in how to do this, but it not is going to be easy anyway You will learn a ton, though, So if you are interested in kernel development, then this is a good way to start!
Read more