custom checkbox – 2

Monday, January 4, 2016

לאחר פרסום הפוסט הקודם קיבלתי תגובה מחבר וקולגה בשם שלום פלס, בה סיפר שהוא טרח ואף הצליח להגיע בשני דרכים שונות לתוצאה זהה לשלי אך ללא שימוש בקוד, אף לא בשורה אחת. בפוסט זה אציג בפניכם את שני הדרכים ששלום כתב לי עליהם עם מעט שיפורים קלים. הדרך הראשונה והפשוטה יותר, משתמשת בשלוש תגיות html. השניה אמנם לא נזקקת ליותר מאשר תגית ה checkbox עצמה - אך דורשת הגדרות css מתקדמות יותר. שיטה ראשונה ה HTML: Code Snippet <body>    <label>        <input type="checkbox" name="option1" />        <span>option 1</span>    </label>    <label>        <input type="checkbox" name="option2" />        <span>option 2</span>    </label>    <label>       ...
3 תגובות

custom checkbox

Sunday, December 20, 2015

הבעיה: הגרפיקאית החליטה שהתיבות סימון שמגיעים כברירת מחדל – לא נאים ואינם מוצאים חן בעיניה. עליהם להיות יותר מעוצבים ואלגנטים. לדוגמא, במקום שיראו כך:   שיראו כך: קצת css והמשימה מבוצעת, נכון? אז זהו שלא. מסתבר שבלתי אפשרי לשנות את העיצוב של ה checkbox. הפתרון: יש כמה פתרונות לבעיה זו. הפתרון הראשון שהייתם חושבים עליו הוא, לעצב את הקופסאות האלו ולשים אותם במקום, להוסיף לטופס את ה checkbox ולהסתיר אותו, ובכל לחיצה על המלבן, "ללחוץ" באמצעות קוד על ה checkbox המתאים, ולשנות את הרקע  של הקופסא שלכם. הפתרון הזה אמנם עובד, אבל ישנו פתרון טוב...
3 תגובות