2012-01-19 19 views
6

मैं एक chatbox कि इसएचटीएमएल अजीब

प्रयोक्ता नाम की तरह चैट प्रदर्शित करता है: मेरी चैट संदेश

USERNAME2: चैट संदेश

लेकिन तब कोई हिब्रू अक्षरों का उपयोग पंजीकृत अपने उपयोगकर्ता नाम पर अब जब वह हमारे चैटबॉक्स पर पोस्ट करता है तो यह गलत तरीके से प्रदर्शित होता है। यह इस

תירבע की तरह प्रदर्शित होगा: 12345

प्रयोक्ता नाम: मेरे चैट संदेश

USERNAME2: चैट संदेश

यह केवल तब होता अगर वह संख्या पोस्ट करता है। नमूना HTML

<!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><title>Chatbox</title></head> 
<body> 
    <div><span><a target="_BLANK" style="" href="#">&#1514;&#1497;&#1512;&#1489;&#1506;</a>:</span><span>12345</span></div> 
    <div><span><a target="_BLANK" style="" href="#">&#1514;&#1497;&#1512;&#1489;&#1506;</a>:</span><span>this is not numbers so it is displayed correctly</span></div> 
    <div><span><a target="_BLANK" style="" href="#">Username1</a>:</span><span>message1</span></div> 
    <div><span><a target="_BLANK" style="" href="#">Useraname2</a>:</span><span>message2</span></div> 
</body> 
</html> 

और उस के उत्पादन में है इस

תירבע:12345 
תירבע:this is not numbers so it is displayed correctly 
Username1:message1 
Useraname2:message2 

मैं कैसे इसे सही ढंग से दिखा रहे हैं ताकि उपयोगकर्ता नाम पहले दिखाई देनी चाहिए कर सकते हैं?

+3

ऐसा इसलिए हो सकता है क्योंकि हिंदी दाएं से बाएं पढ़ती है? आपने यह निर्दिष्ट करने के लिए कोई नियम नहीं है कि आपने पर्याप्त HTML/CSS प्रदान नहीं किया है। –

+0

मुझे यह भी लगता है कि यही कारण है।
html कोड मैं मेरी समस्या
'תירבע को दोहराने कर सकते हैं तैनात: 12345'
सभी मैं चाहता हूँ हिंदी के प्रभाव नकारना करने के लिए है, इसलिए यह नहीं होता है कि बाएं से दाएं प्रदर्शित करें। – kuchi

+0

तो ... क्या आप अधिक HTML/CSS प्रदान कर सकते हैं? –

उत्तर

4

इस CSS नियम जोड़ें पाठ। हालांकि उदा। अंग्रेजी पाठ (या इसके विपरीत) में अरबी शब्दों के सरल एम्बेडिंग को आमतौर पर इसकी आवश्यकता नहीं होती है (क्योंकि स्थिति अक्षरों की निहित दिशात्मकता से संभाली जाती है), यह एक उपयोगी सावधानी है जब अंक, विराम चिह्न, या अन्य दिशात्मक तटस्थ पात्र हो सकते हैं शामिल।

एचटीएमएल समकक्ष <bdo> है, उदा। <bdo><a ...>...</a></bdo>, लेकिन यह इस तरह के अनुपूरक है, इसलिए आपको इसे सीएसएस में a { unicode-bidi: embed; } के साथ वापस लेना होगा और आईई के पुराने संस्करणों को कवर करने के लिए, document.createElement('bdo') जावास्क्रिप्ट कोड में शामिल करना होगा।

a तत्व पर विशेषता का एक ही प्रभाव हो सकता है, लेकिन यह ब्राउज़र में एक बग है। एचटीएमएल 4.01 विनिर्देशन से, यह केवल दिशात्मक रूप से तटस्थ पाठ की दिशात्मकता को प्रभावित करना चाहिए (हिब्रू पाठ निश्चित रूप से नहीं है), और dir=ltr प्रारंभिक मान है।

+0

धन्यवाद यह काम किया! स्पष्टीकरण के लिए – kuchi

-1

आपको उस भाषा का कोड देखना चाहिए जिसे आप उपयोग करना चाहते हैं।

यह यूआरएल आपकी मदद कर सकता है। इस मामले में,

span a { 
    unicode-bidi: embed; 
} 
+0

भाषा निर्धारित करने से दिशात्मकता पर कोई प्रभाव नहीं पड़ता है: "उपयोगकर्ता एजेंटों को ** ** ** दिशा निर्देश निर्धारित करने के लिए' lang' विशेषता का उपयोग नहीं करना चाहिए। "Http://www.w3.org/TR/html4/ संरचना/dirlang.html # एच-8.2 –

4

का प्रयोग करें,

a { unicode-bidi: embed; } 

सामान्य तौर पर, किसी भी तत्व कि आसपास की है कि विपरीत दिशात्मकता साथ पाठ शामिल हो सकता पर unicode-bidi: embed सेट: http://www.w3schools.com/tags/ref_language_codes.asp

+0

+1 – cctan