דילוג לתוכן
  • דף הבית
  • קטגוריות
  • פוסטים אחרונים
  • משתמשים
  • חיפוש
  • חוקי הפורום
כיווץ
תחומים

תחומים - פורום חרדי מקצועי

💡 רוצה לזכור קריאת שמע בזמן? לחץ כאן!
  1. דף הבית
  2. תכנות
  3. איך עושים שדה input שהמילים נהפכים לתגיות כמו בתיבת כתיבת הודעה של ג'ימייל?

איך עושים שדה input שהמילים נהפכים לתגיות כמו בתיבת כתיבת הודעה של ג'ימייל?

מתוזמן נעוץ נעול הועבר תכנות
8 פוסטים 2 כותבים 626 צפיות
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • chagoldC מנותק
    chagoldC מנותק
    chagold
    כתב ב נערך לאחרונה על ידי
    #1

    אני רוצה לעשות בצד קליינט (JS-HTML) שדה INPUT כאשר מקלידים מילה היא הופכת ל'תג', כמו כאן ב'תחומים' בהכנסת תגים, כאשר לאחר סיום הקלדת המילה היא מקבלת עיצוב שונה, ויותר חשוב מזה, שאוכל אח"כ לעבד את כל המילים כל מילה בנפרד.
    יש ספריות מוכנות לזה?
    תודה רבה.

    תגובה 1 תגובה אחרונה
    0
    • dovidD מנותק
      dovidD מנותק
      dovid ניהול
      כתב ב נערך לאחרונה על ידי
      #2

      יש שתי ספריות שממש מתאימות לזה, שניהם מיועדות כללית לתיבת רשימה אבל כוללים תמיכה למקרה שלך.
      א. chosen
      https://harvesthq.github.io/chosen/#multiple-select

      ב. select2
      https://select2.org/tagging

      מנטור אישי למתכנתים (ולא רק) – להתקדם לשלב הבא!

      בכל נושא אפשר ליצור קשר dovid@tchumim.com

      תגובה 1 תגובה אחרונה
      2
      • chagoldC מנותק
        chagoldC מנותק
        chagold
        כתב ב נערך לאחרונה על ידי
        #3

        @dovid תודה רבה!!!!!!!!!!

        תגובה 1 תגובה אחרונה
        1
        • chagoldC מנותק
          chagoldC מנותק
          chagold
          כתב ב נערך לאחרונה על ידי
          #4

          ב-select2, איך עושים שכשאין נתונים בinput הוא לא יכתוב 'No results found'?
          תודה.

          תגובה 1 תגובה אחרונה
          0
          • dovidD מנותק
            dovidD מנותק
            dovid ניהול
            כתב ב נערך לאחרונה על ידי
            #5

            https://stackoverflow.com/q/29306727/1271037

            מנטור אישי למתכנתים (ולא רק) – להתקדם לשלב הבא!

            בכל נושא אפשר ליצור קשר dovid@tchumim.com

            תגובה 1 תגובה אחרונה
            1
            • chagoldC מנותק
              chagoldC מנותק
              chagold
              כתב ב נערך לאחרונה על ידי chagold
              #6

              מה שהבאת עדיין מציג div.

              מה שאני צריך זה זה
              (אבל זה לא הולך לי..)
              התחלתי כאן

              ושאלה נוספת. אני מנסה לעשות שכל פסיק או רווח הוא יגדיר אופציה חדשה. הבנתי שזה מה שמופיע כאן, אבל למרות שלכולם זה הולך, לי לא...
              תודה

              תגובה 1 תגובה אחרונה
              0
              • dovidD מנותק
                dovidD מנותק
                dovid ניהול
                כתב ב נערך לאחרונה על ידי dovid
                #7

                אם אתה רוצה שלא יוצג כלום, צריך לקמבן. הלינק שהבאת מאוד פשוט, לא ראיתי שעשית צעד לחקות אותו - הוא פשוט מסתיר את הקלאס .select2-results__message:
                https://jsfiddle.net/rj5h9Ljp/ אבל זה לא נראה כל כך טוב. אפשר אולי לכתוב JS לזה, צריך קצת לחפור.

                בקשר להגדרת מפרידי התגיות, תביא לינק לניסוי שלך שלא צלח. תשתדל לעשות זאת בjsfiddle ודומיו.

                מנטור אישי למתכנתים (ולא רק) – להתקדם לשלב הבא!

                בכל נושא אפשר ליצור קשר dovid@tchumim.com

                תגובה 1 תגובה אחרונה
                0
                • chagoldC מנותק
                  chagoldC מנותק
                  chagold
                  כתב ב נערך לאחרונה על ידי
                  #8

                  אני מפנה כאן לאשכול אחר, שאולי שם יפתור את כל הבעיות יחד
                  http://tchumim.com/topic/2158/עזרה-בselect2/3
                  תודה.

                  תגובה 1 תגובה אחרונה
                  0

                  בא תתחבר לדף היומי!
                  • התחברות

                  • אין לך חשבון עדיין? הרשמה

                  • התחברו או הירשמו כדי לחפש.
                  • פוסט ראשון
                    פוסט אחרון
                  0
                  • דף הבית
                  • קטגוריות
                  • פוסטים אחרונים
                  • משתמשים
                  • חיפוש
                  • חוקי הפורום