css وتلوين حرف معين في نص باللغة العربية

[swa52]

يا اخوان نحن بحاجة الى css تقوم بتلوين كل حرف بلون معين, فمثلاً:

سوف نضع نص للتلاميذ باللغة العربية, ونرغب في تلوين حرف /الألف/ باللون الأحمر في كل النص.

هل من مساعدة يا أهل الخير؟

[منصور الدويغري]

كود html /

<span class="statement">ا<span class="xstatement">ح</span>مد</span>

كود CSS /

.statement { color:navy; }
.xstatement { color:red; }

[swa52]

مشكور أخي غاريبو

ألف شكر لك على الرد.

لكن هذه العملية متعبة.

اذا يوجد طريقة تقوم ال css بتحديد حرف الألف وتلونه.

ونرجو المساعدة ممن يعرفون الطريقة.

[Wleed.Com]

حقيقه لا أعتقد بأنه يوجد طريقه غير اللي ذكرها Garebooo لأن التنسيق لا يتحسس الحروف بذاتها , كأن نقول أي حرف أ خلي لونه أحمر < ربما يمكن عن طريق برمجة جافا أو شيء من هذا القبيل .

[massalha]

يمكنك استعمال
1. Css behaviour
لكنه ملف جافاسكريبت فقط يتم تشغيله من ال CSS
أو
2. استعمال جافاسكريبت.
استعمل دالة Replace

سوف أعمل لك صفحة مثال - انتظر 10 دقائق.

[massalha]

http://layan.us/go/color-specific-letter-in-a-string/

لكني أرى المشكلة التي به - وهي الأحرف المرتبطة والمنفردة - وهنا اصبح الكود بحاجة الى وقت أكثر.

لهذا ارجو منك مراجعة مكتبات خالد الشمعة فقد تجد فيها الحل.
http://ar-php.com/

[swa52]

بارك الله فيكم
ماقصرتم
ويبدو ان العملية ليست سهلة

على كل سوف نبحث وننتظر

[massalha]

هي تخطت ما انا مستعد لأعطيه للرد على طلب في منتدى.
لكن يمكن حلها.
الفرق أنه ساعتها سيكون حلان فكرت فيهم:
1. اضافة المدة قبل وبعد الحرف - وليس كل حرف - اي مبتغى تصبح مـ ـبـ ـتغى - لكن يجب مراعات بعض الحالات مثل: بدر - اذ بهذه الحالة لا توضع ال _ قبل الباء ... وهذه تحل بساعتين عمل.
2. العمل على جداول اليونيكود .. ولا نبدل مثلاً الحرف ب ونعتبر ان ال ب هي ـبـ وهي ايضاً ـب ... بل نأخذ كل وضعية ونتصرف بها كأنها حرف مختلف عن الآخر ... وهنا يجب تحويل كل النص الى ارقام اليونيكود والعمل على ارقام اليونيكود لكي لا يحصل التباس. وهذه تحتاج الى 3 ساعات عمل.


افضل حل - هو ان تكتبي الأحرف مع ال مدات ــــ ... يعني مجتمع تكتبها مـجـتـمـع وهكذا يمكن التغلب على المشكلة جزئياً.

[massalha]

لقد طورت الدالة الآن وأضفت بعض التعقيد عليها ... أظنها تعمل بشكل أفضل عما كانت عليه الآن.

[swa52]

مشكور جداً أخ massalha
والله ما قصرت

واتمنى وضع الدالة هنا
والاستمرار في مساعدتي ومساعدة كل من يحتاج لأمثالكم.
والله يوفقكم ويجعلها في ميزان حسناتكم.

ملاحظة:
أنا ذكر ولست أنثى

وتحياتي لك عالمساعدة يا أخي.

[massalha]

السلام عليكم

الكود موضوع في الصفحة.
ويمكنك رؤية الدالة في كود الصفحة.

كبسة يمين في الصفحة ومن ثم اختر ViewSource

الدالة هي:

<script language="javascript1.2">
function colorLetter(target,ltr){
  var regex = new RegExp(ltr,'g');
  var obj=document.getElementById(target);
  var txt=obj.innerHTML;
  obj.innerHTML=txt.replace(regex,'<span class="red">'+ltr+'</span>');
  }
  </script>

الآن يجب التنويه ان الكود لا يعمل بشكل جيد في متصفح كروم ... هذا الأمر الذي جعلني أدعي قضية المدات.
ففي اكسبلورر وفايرفوكس يظهر بشكل جيد ...

[swa52]

ألف شكر أخ massalha
وبارك الله فيك
اعتقد كفانا وهذا مفيد جدا

تحياتي وتقديري.