بروز خطا
   [message]
اشتراک در سوال
رای ها
[dataList]
پرسش و پاسخ

HighLight کردن قسمتی از یک کلمه در HTML

مدیریت گفتگو
Hossein Rezaei 12 سال پیش
آخرین تغییر: 12 سال پیش

کسی از دوستان بلده چطوری میشه یک قسمت از یک کلمه رو در HTML رنگش رو تغییر داد یا Highlight کرد؟
این مشکل مربوط به قسمت جستجو، البته برای کلمات انگلیسی میشه تیکه ای که نیاز داریم رو جدا کنیم و رنگش رو عوض کنیم و دوباره با قسمتهای دیگه کلمه جمعش کنیم، اما برای حروف فارسی وقتی دقیقاً همچین کاری میکنیم کلمه تیکه تیکه میشه، مثلا در عکس زیر وقتی کاربر کلمه "با" رو جستجو میکنه همچین نتیجه ای میاد روی صفحه:

که زیاد خوشایند نیست.خودم فکر می کنم اگر دستوری در HTML باشه که با ایندکس ها کار بکنه میشه از اون طریق مشکل رو حل کرد، اگه دوستان راه حلی به ذهنشون میرسه پاسخ بدن ممنون میشم.

نظرات

تو html همه چیز بر مبنای تگه. برای همین بهش میگن مارکاپ. تو زبانهایی که حروف به هم میچسبن این نحوه نمایش وجود داره
Hossein Rezaei 12 سال پیش
میشه واضحتر بگید،یعنی راه حلی میشناسید بشه مشکل رو رفع کرد؟
با html راه حلی نداره. وسط یک کلمه تگ درج بشه تبدیل میشه به دو تا کلمه

پاسخ‌ها 1

na3er-faraji 12 سال پیش

سلام. براتون نمونه ای گذاشتم. دو تا تابع جاوا اسکریپته که دومی خودش وقتی نصف یک کلمه رو انتخاب کنی به صورت هوشمند کل کلمه رو هایلایت میکنه.

موفق باشید.

http://uplood.ir/hkpC

نظرات

Hossein Rezaei 12 سال پیش
ممنون از اینکه وقت گذاشتی دوست عزیز،الگوریتم جستجویی که نوشتم خودش میتونه اگر الگوی سرچ شده رو وسط یک کلمه پیدا کرد کل اون کلمه رو هم highlight کنه، اما میخوام دقیقا همون تیکه ی سرچ شده Highlight بشه (مثل عکس بالا) در حالیکه کلمه فرم خودش رو حفظ کنه و بهم نریزه؛ و دقیقاً این همون مشکلیه که دارم!
na3er-faraji 12 سال پیش
به دلیل اینکه حروف فارسی به هم چسبیده است در صورتی که کلمه چسبان هایلایت بشه کلمات از هم جدا میشن. گفتم دو تا تابع هست تو فایل. تابع اول دقیقا همون کاری که شما میخاید رو انجام میده.
Hossein Rezaei 12 سال پیش
متاسفانه من تا حالا جاوا اسکریپت کار نکردم! این فایل رو با چی بازش کنم و چجوری از ش استفاده کنم؟
na3er-faraji 12 سال پیش
با نوت پد. البته تابع اول حروف رو از هم جدا میکنه.

پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .