वर्तमान पंक्ति और एक पाठ क्षेत्र के लिए स्तंभ नंबर प्रदर्शित करें

वोट
5

मैं अपने वेब अनुप्रयोग में एक फ़ाइल इंटरफ़ेस संपादित बना रही हूँ, मैं फ़ाइल की सामग्री के साथ एक पाठ क्षेत्र की है।

जब पाठ क्षेत्र केंद्रित है, मैं उत्पादन के लिए कर्सर, यानी लाइन नंबर और स्तंभ की स्थिति को चाहते हैं: यह उपयोगी है क्योंकि त्रुटि संदेश आमतौर पर उदाहरण के लिए, एक पंक्ति संख्या प्राप्त।

सवाल यह है: मैं कैसे पाठ क्षेत्र में कर्सर की स्थिति पता लगाने करते हैं? मैं प्रोटोटाइप पुस्तकालय का उपयोग कर रहा हूँ। हो सकता है कि वहाँ एक समाधान पहले से ही है?

मैं वास्तव में पाठ क्षेत्र है, जो उन उन्नत विजेट्स द्वारा की पेशकश कर रहे हैं के लिए फैंसी टूलबार में कोई दिलचस्पी नहीं है।

12/05/2009 को 07:54
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


2 जवाब

वोट
6

आप इन 2 लिंक की जाँच कर सकते हैं:

http://www.dedestruct.com/2008/03/22/howto-cross-browser-cursor-position-in-textareas/ [मूल स्रोत किसी भी अधिक, के नवीनतम संस्करण के लिए संशोधित लिंक अंक मौजूद नहीं है वेब संग्रह]

https://developer.mozilla.org/En/DOM:Selection

..once आप एक चयन (पाठ में कर्सर इंडेक्स) है, तो आप नई पंक्तियों से अपने पाठ विभाजित कर सकते हैं, इस प्रकार लाइन नंबर हो रही। आप एक लाइन की शुरुआत से सूचकांक का निर्धारण करके स्तंभ प्राप्त कर सकते हैं

12/05/2009 को 08:12
का स्रोत उपयोगकर्ता

वोट
1

जब मैं पाठ क्षेत्र और पाठ क्षेत्र की वर्तमान स्तंभ का वर्तमान लाइन नंबर चाहते हैं, मैं इस तरह हल:

<textarea  onkeyup="getLineNumberAndColumnIndex(this);" onmouseup="this.onkeyup();" >
</textarea>

function getLineNumberAndColumnIndex(textarea){
     var textLines = textarea.value.substr(0, textarea.selectionStart).split("\n");
     var currentLineNumber = textLines.length;
     var currentColumnIndex = textLines[textLines.length-1].length;
     console.log("Current Line Number "+ currentLineNumber+" Current Column Index "+currentColumnIndex );
  }
13/09/2015 को 11:58
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more