תגובות

4 פלאגיני jQuery מצוינים להתמודדות עם עיצוב תפריטי Drop Down וSelect Boxes

כל מפתח פרונט אנד מכיר את בעית התאימות שיש בעבודה עם התגית "<Select>" בHTML. לכל אחד מהדפדפנים יש את הSelect box שלו וגם אחרי דריסת ההגדרות הדיפולטיביות בCSS, דפדפנים כמו ספארי ומערכות הפעלה כמו מק עדיין מתעלמים מהCSS ומציגים את התגית בצורה שנוחה להם. מעבר לזה, את בחץ הקטן שמוצג בתוך התיבה אי אפשר לגעת, מה שהופך את עיצוב התיבה להרבה פחות גמיש. ככה זה נראה בכל אחד מהדפדפנים (לא נגעתי):

הפיתרון הכי טוב לבעיה הזאת הוא יצירה או שימוש בפלאגין jQuery שהופך את הSelect box לתפריט Drop Down שיאפשר לכם לעצב את התיבה כאוות נפשיכם. בנוסף, מכיוון שאנחנו יוצאים מהמוגבלויות של הSelect box, חלק מהפלאגינים מוסיפים לנו אפילו יותר אפשרויות כמו השלמה אוטומטית, חיפוש מילים, בחירה מרובה, יציאה בAJAX, ייצוא המידע לJSON וכו'..

הנה 4 פלאגיני jQuery מצוינים להתמודדות עם עיצוב Select Boxes בHTML:

Chosen

ddslick

TextExt.js

DropKick.js


מכירים עוד פלאגינים מהסוג הזה? יש לכם פתירון יצירתי לבעיה הזאת? שתפו את כולם בתגובות!

קצת על דניאל שטרנליכט

דניאל שטרנליכט הוא מעצב ומפתח צד לקוח ואב לשני אייפונים מקוריים. חי ונושם ווב בעבודה ובבית, משתדל ללמוד כל יום משהו חדש עם גוגל כמורה, ו- Notepad++ כמחברת. בזמנו הפנוי תמצאו אותו מנהל את הבלוג לעיצוב גרפי וטכנולוגיה וחוקר טכנולוגיות ווב חדשות.

3 תגובות לפוסט "4 פלאגיני jQuery מצוינים להתמודדות עם עיצוב תפריטי Drop Down וSelect Boxes"

כתיבת תגובה

האימייל לא יוצג באתר. (*) שדות חובה מסומנים