javascript - Applying DIV/Span tag to a word by specific co-ordinates -


नमूना HTML डेटा 

  & lt; body style = "width: 300px; "& gt; & LT; h3 & gt; लंबे समय पाठ & lt; / h3 & gt; कुछ पंक्तियों से ग्रंथों को संग्रहीत करने और प्रदर्शित करने के लिए एक सरल उपकरण सर्च बटन सर्चक्लासेस में सूचीबद्ध वर्गों के सदस्य से संबंधित सभी शब्दों को उजागर करेगा, वह स्वयं केसेट क्लास के सदस्य भी होगा। हाइलाइट किए गए शब्द हाइपरटेक्स्ट हैं संपादित करें wscripts / acedb.editor को आमंत्रित करता है, जो डिफ़ॉल्ट रूप से emacs को लॉन्च करता है उस फ़ाइल को उसके स्थान पर एक अन्य संपादक को प्रारंभ करने के लिए संपादित करें सहेजें emacs से ठीक हो जाएगा, लेकिन इसे नष्ट नहीं करेगा। पढ़ें एक पाठ फ़ाइल पढ़ा, ताकि आप इसे खोज सकें ** सामान्य ** grep खोजशब्दों की तुलना में लाँगटेक्स्ट्स के एक सेट को एनोटेट करने का एक तरीका है। यह एक ऐस फाइल बनाता है जिसे आप एक्सरेएफ से जीन आदि के लिए XREF बनाने के लिए फिर से जांच कर पढ़ सकते हैं और फिर पढ़ सकते हैं। & Lt; h3 & gt; वर्ल्ड वाइड नोटपैड & lt; / h3 & gt; वर्ल्ड वाइड नोटपैड माइक्रोसॉफ्ट के नोटपैड के समान एक छोटा पाठ संपादक है, लेकिन कुछ और उपयोगी सुविधाएं हैं जैसे कि एक ही वाक्य या शब्द को आसान बनाने के लिए ऑटो टंकर, वर्ल्ड वाइड नोटपैड में भाषण सुविधा के लिए एक पाठ है जो वर्तमान में सभी पाठ को पढ़ता है खुला दस्तावेज़ और बोलता है कि आप इसे लोड करते हैं & Lt; h3 & gt; एटेलका वाइड टेक्स्ट प्रो बोल्ड इटैलिक & lt; / h3 & gt; & Lt; / body & gt;

उदाहरण के लिए -> "सामान्य" (** के बीच) x = 0 और y = 465 है मुझे एक्स, वाई की स्थिति पता है लेकिन विशिष्ट स्थान पर स्थित शब्द को कैसे उजागर करें?

मुझे एक बार फिर से समझाइए मैं स्थान से एक शब्द को उजागर करना चाहता हूं

उदाहरण के लिए मेरे पास एक स्थान मान (x, y) = (0,625) है। मैं उस स्थान का पहला शब्द निकालना चाहता हूं (मान लें - उस स्थान पर - हमारे पास शब्द "विश्व" है) तो उस शब्द को कैसे उजागर करें?

संपादित करें:
यहां वाई समन्वय पूरे एचटीएमएल दस्तावेज़ की पूर्ण स्थिति है।

एकमात्र तरीका जो मैं सोच सकता हूँ स्पैन तत्व में हर शब्द लपेटकर, और फिर दिए गए स्थान पर स्पैन तत्व प्राप्त करने के लिए उपयोग कर रहा है। इस तरह से कुछ: 

  फ़ंक्शन हाइलाइट वर्ड एटीएसएक्सई (एक्स, वाई) {// एटियल जिसमें टेक्स्ट वाला सममूल्य = दस्तावेज है। एलेमेंटफ़ॉर्म पॉइंट (एक्स, वाई), // टेक्स्ट कंटेंट या इनरियल टेक्स्ट? टी = "टेक्स्ट कंटेंट" बराबर में? "TextContent": "innerText", // तत्व का टेक्स्ट प्राप्त करें बराबर [टी] के इरादे पर कोई यमक नहीं। पाठ = बराबर [टी], परिणाम; // प्रत्येक शब्द par.innerHTML = text.replace (/ \ b (\ w +) \ b / g, "& lt; span & gt; $ 1 & lt; / span & gt;) के चारों ओर एक अवधि लपेटें; // फिर से तत्व को प्राप्त करें, यह समय परिणाम = दस्तावेज होना चाहिए। एलिमेंटफ़्रेम पॉइंट (एक्स, वाई); // जाँचें कि हमने वास्तव में एक शब्द पर क्लिक किया है यदि (परिणाम == बराबर) वापस लौटते हैं; // एक्स पर पाठ के आसपास एचटीएमएल पाठ लपेटें, y परिणाम [टी] = '& lt; span class = "highlight" & gt;' + परिणाम [टी] + '& lt; / span & gt;'; // लिपटे गए पाठ par.innerHTML = सममूल्य [टी] के साथ सामग्री को पुनर्स्थापित करें; }

एक शब्द पर क्लिक करें और इसे हाइलाइट करें।

यहां कुछ महत्वपूर्ण इशारे हैं:

  • टेक्स्ट के प्रत्येक ब्लॉक एक तत्व (जैसे & lt; p & gt; या & lt; div & gt; ) में लपेटा जा सकता है। आपको & lt; p & gt; टैग में दिए गए पैराग्राफों को लपेटा जाना चाहिए,
  • दिए गए स्थान (x, y) के तत्व में केवल पाठ होना चाहिए, कोई भी बच्चा नहीं HTML तत्व भावी HTML तत्वों के साथ पाठ नोड्स को निकाल दिया जाएगा (जैसे कुछ & lt; b & gt; text & lt; / b & gt; यहां में "कुछ" या "यहाँ" पर क्लिक करने से & lt; b & gt; < / कोड> टैग)।
  • यदि आप कोशिश करते हैं और जोड़ते हैं तो IE एक "अज्ञात रनटाइम त्रुटि" को फेंक देगा, उन्हें अलग-अलग & lt; span & gt; तत्वों में विभाजित करना एकमात्र समाधान होगा। एक & lt; p & gt; टैग के लिए एक ब्लॉक स्तर का तत्व,
  • पाठ के बहुत, बहुत बड़े ब्लॉकों पर आप प्रदर्शन समस्याओं में आ सकते हैं
जहां भी लागू हो, उन्हें तोड़ दें
-

Comments

Post a Comment

Popular posts from this blog

google indexing -

I have a question, how can I get results of similar Google results like Wikipedia, MySpace ... When you search Wikipedia on Google, you have the result of an input search for Wikipedia, which is user-friendly. When you search MySpace on Google, you have Google results below, some links: login, register, sign up, search ... I actually do this on Google for my website Want a kind result? Thank you. itemprop = "text"> create a sitemap: Custom Search Engine Create: Thanks Google!
Read more

php - How to paginate multiple results in CakePHP? -

How can I use the Pageinization Assistant in KPHPH to set more than one result on the same page? They will do the page independently Edit: I have found a reason why it can not do this because because the page will get its URL from the assistant controller / verb and after that Finally add its parameters. If it pulls the URL from the address bar, it has its own unique variable and then a straw_rele is used to navigate to the next one if you have already placed the page, or if it is not present in it Now, I'm thinking of re-writing assistant to support this feature to support this feature, but I'm not sure if I need it or if they are already I support it and I am doing it wrong Here's my solution in your controller: function index () {// your default model is $ $ this- & gt; Set ('model1', $ this- & gt; paginated)); // Endorsement for Model 2- $ this- & gt; Set ('Model2', $ this- & gt; Paginated ('Model2')); } In your ...
Read more

wpf - Converter stops filter working -

I'm trying to display the file name in a listbox, taken from a special directory. They are stored in an ObservableCollection of FileInfo Object: Public supervision & lt; FileInfo & gt; Project Files {Get (empty (selected folder == empty); DirectoryInfo D = New Directory Info (SelectedFolder); if (! D.Extists) returns empty; New Observe Collection & lt; FileInfo & gt; (d.EnumerateFiles ( Return "* .xsi")}}} When a text is entered or a text box has changed in "FilesFilterBy" I applied a filter on the listbox, called Is: Private Zero FilterFiles_TextChanged (Object Sender, TextChangedEventArgs e) {ICollectionView View = Archive Source.GetDefaultView (ProjectFiles); see.filters = new new & amp; object> (IsTextInFilename);} public bool isTextInFilename (object item) {string file name = path.GetFileNameWithoutExtension (as fileInfo) .Name item Returns (filename. ToLower (). Includes (File Byte Text. Taylor ());} At the same time,...
Read more