javascript - How to get text from a div from user selection -

-

मेरे पास चयन के साथ एक तत्व अक्षम है: 

  & lt; div id = "text" onmousedown = "selectionstart ();" onmouseup = "selectionEnd ();" & gt; यहां स्टफ & lt; / div & gt;

मुझे क्या करना है, उस पाठ पर एक डिवेल बनायें जिससे उपयोगकर्ता उपयोगकर्ता के भीतर चुने गए मूल्यों के साथ चयन करने का प्रयास कर रहा है (ऐसा लगता है कि यह हाइलाइट हो रहा है)। चयन पूरा हो जाने पर, उपयोगकर्ता इस div को बिना किसी समस्या के चारों ओर खींच सकता है।

चयन के लिए मेरा कोड () मूल रूप से उस स्थान की एक्स स्थिति को सेट कर रहा है जहां माउस है (और div तत्व को चित्रित करने के लिए y स्थिति )।

चयन के लिए मेरा कोड अंत () अंतिम X और Y स्थिति प्राप्त कर रहा है और आंतरिक एचटीएमएल के उपस्ट्रिंग कर रहा है।

इस विचार को एक एकल वर्ण चौड़ाई प्राप्त करना और जारी रखना होगा उस के साथ - क्या यह एक व्यवहार्य तरीका है?

अपडेट: अब मुझे सही चरित्र चयन प्राप्त हो सकता है, अब मुझे जो कुछ करना है, वह चयनित क्षेत्र पर एक div (अस्पष्टता / पारदर्शिता के साथ) बना रहा है । 

  फ़ंक्शन चयनस्टार्ट () {if (characterWidth == 0) {widthCalc = document.getElementById ("text"); Var storedValue = widthCalc.innerText; WidthCalc.innerText = 'X'; Var श्रेणी = document.body.createTextRange (); range.moveToElementText (widthCalc); range.select (); Var caretPos = document.selection.createRange (); caretPos.select (); caretPos.findText ( "X"); चरित्रविड्थ = कैरिट पीओ। बाउन्डिंगविड्थ; WidthCalc.innerText = संग्रहीत मूल्य; } StartPositionX = मठ मैदान ((माउसएक्स (इवेंट) +5) / कैरेक्टरविड्थ); StartPositionY = mouseY (घटना); } फ़ंक्शन चयनआंतर () {endPositionX = मठ मैदान ((माउसएक्स (इवेंट) +5) / कैरेक्टरविड्थ); EndPositionY = mouseY (घटना); Var myRulerText = document.getElementById ("पाठ"); NewSquare = document.createElement ('div'); NewSquare.setAttribute ('आईडी', 'नया स्क्वायर') newSquare.innerText = myRulerText.innerText; यदि ((startpositionX - endPositionX) & gt; 0) {transferBox = startpositionX; StartPositionX = endPositionX; EndPositionX = स्थानांतरणबॉक्स; } NewSquare.innerText = newSquare.innerText.substring (startPositionX-2, अंत PositionX-1); NewSquare.style.left = 50; NewSquare.style.top = 100; चेतावनी (newSquare.innerText); }

इस पाठ को चुनने के लिए एक महान


Comments

Post a Comment

Popular posts from this blog

paypal - How to know the URL referrer in PHP? -

-
I'm new to integrating PayPal with sites, so easily from the service I can use Can the available method be? What am I trying to do, when the user clicks on "Return to my website", I want my return URL to know that the referrer is PayPal so I can send it automatically to the homepage . how to do this? I tried $ _ SERVER ['HTTP_REFERER'] but it does not seem like anything. During the IPN conversation I set the cookie and session (though I am not sure whether I am correcting it or doing this right), but on returning to my website, it does not seem to recognize any session . If I use it by using $ _ SERVER ['HTTP_REFERER'] , then I'm afraid it's a security risk, is not it? If so, is there any other way I remember? help please. Should you really know the referrer? Set the PayPal Return URL to a "secret" URL which is always redirected to the homepage. If someone reaches there and gets redirected without coming from PayPal, then ...
Read more

oauth - Facebook OAuth2 Logout does not remove fb_ cookie -

-
This is used to work so I'm not sure what's wrong the user just logs in to Facebook properly Is capable of Logging problem. I log out the user logout by redirecting them to the php script. $ facebook-> GetLogoutUrl (); When users click on that link, they are logged out from the Facebook page. However, when they return to my site, I find that the FB_ cookie is still there. PHP SDK still gives user FB session details. The strange thing is that www.facebook.com shows that I am already logged out of Facebook. What can be wrong here? Thanks, I've been stumped: (. OK, finally, what did I do? > GetLogoutUrl () with a next = address url on my logout script which will remove the Facebook cookie by setSession (null) .
Read more

wpf - Line breaks and indenting for the XAML of a saved FlowDocument? -

-
Is there a way to format XAM generated when a flow document is saved? Currently, all of this is run simultaneously in one line, and I want to break it into my elements, with line break and indenting it makes it a little easier to read. Here is the code I'm using to save a FlowDocument in a WPF RichTextBox as a XAML file: // entire document around TextRange textRange Create a TextRange side = new TextRange (myRichTextBox.Document.ContentStart, myRichTextBox.Document .contentEnd); // save the file using the file (file stream fs = file. Create (filename)) {textRange.Save (fs, DataFormats.Xaml); } Savings work fine, but as I mentioned, JPAM has been generated, all this goes together, no indentation or line breaks for its various elements Is: & lt; Section xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" xml: space = "preserve" Tekstelinement = "left" Lainhait = "auto" Hashipineshn = enabled = "false...
Read more