יצירת popup



  • שלום לכולם,
    אני רוצה להוסיף חלונית כזו עם טקסט פשוט, בלי הפניות/התראות לשום דבר, נטו טקסט עם שתי אפשרויות בחירה כמו 'תודה, הבנתי' ו 'תזכיר לי מאוחר יותר'.
    כשאני מחפש באנגלית אני מוצא פתרונות, דא עקא שאני לא מי יודע מה מבין אנגלית וגם עדיין לא בקי ב JS,
    אם מישהו יכול לעזור לי, אנא, זה מאוד יקל עלי.
    תודה רבה.


  • מנהל מקצועות E p P E

    לא בדיוק ברור איזו עזרה אתה צריך. למצוא לך מוכן כזה? איך אתה הולך לשלב את זה?



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



  • לבנות POPUP זה לא הבעיה
    השאלה מה הלאה,
    אתה רוצה לראות מה כל אחד בחר?
    אתה רוצה שיקרה משהו אחרי אחד מהאופציות?
    וכו'



  • @CHOCOLATE תודה,
    שום דבר הלאה,
    אני רק רוצה להזכיר משהו למשתמשים שלי בפורום, משהו שהם אמורים לעשות, ותהיה אפשרות לבחור ב 'תודה, הבנתי' או 'תזכיר לי מאוחר יותר' ושאכן תהיה אפשרות שהחלונית תקפוץ עוד פעם כדי להזכיר שוב.
    נ.ב. אני לא מאמין שזה קיים, אבל אני הייתי רוצה להגדיר לאילו משתמשים להציג את החלונית ולאילו לא.



  • @שוהם307 הנה משהו נחמד בערך מה שכתבת:
    תכניס את זה ב-HEAD (בכתובת https://siteeeeeeee.com/admin/appearance/customise#custom-header) :

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css"/>
    

    ואחרי זה את זה בBODY:

    <div id="mod1" class="modal" dir="rtl" text-align="center">
          <p>הודעה חשובה לגולשים באתר!!</p>
          <a href="#" onclick="okk()" rel="modal:close">אוקיי.. הבנתי</a>
          <a href="#" rel="modal:close">שיופיע עוד פעם!</a>
          <a href="#" onclick="week()" rel="modal:close">הזכר לי בעוד שבוע</a>
        </div>
    
        <script>
          function week() {
            var today = new Date();
            var expire = new Date();
            expire.setTime(today.getTime() + 3600000 * 24 * 7);
            document.cookie = "modal=delayed" + ";expires=" + expire.toGMTString();
            $("#mod1").modal("close");
          }
    
          function okk() {
            document.cookie = "modal=showed";
            $("#mod1").modal("close");
          }
    
          function clearcook() {
            document.cookie = "modal=showed; expires=Thu, 01 Jan 1970 00:00:00 UTC";
            document.cookie = "modal=delayed; expires=Thu, 01 Jan 1970 00:00:00 UTC";
          }
    
          function getCookie(c_name) {
            var c_value = document.cookie,
              c_start = c_value.indexOf(" " + c_name + "=");
            if (c_start == -1) c_start = c_value.indexOf(c_name + "=");
            if (c_start == -1) {
              c_value = null;
            } else {
              c_start = c_value.indexOf("=", c_start) + 1;
              var c_end = c_value.indexOf(";", c_start);
              if (c_end == -1) {
                c_end = c_value.length;
              }
              c_value = unescape(c_value.substring(c_start, c_end));
            }
            return c_value;
          }
    
          $(document).ready(checkk());
    
          function checkk() {
            acookie = getCookie("modal");
            if (!acookie) {
              $("#mod1").modal("open");
            } else {
              console.log("allerted before");
            }
          }
        </script>
    

    תכתוב לי עם מה אתה מסתבך

    @שוהם307 אמר ביצירת popup:

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

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



  • @chv אמר ביצירת popup:

    @שוהם307 הנה משהו נחמד בערך מה שכתבת:
    תכניס את זה ב-HEAD (בכתובת https://siteeeeeeee.com/admin/appearance/customise#custom-header) :

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css"/>
    

    ואחרי זה את זה בBODY:

    <div id="mod1" class="modal" dir="rtl" text-align="center">
          <p>הודעה חשובה לגולשים באתר!!</p>
          <a href="#" onclick="okk()" rel="modal:close">אוקיי.. הבנתי</a>
          <a href="#" rel="modal:close">שיופיע עוד פעם!</a>
          <a href="#" onclick="week()" rel="modal:close">הזכר לי בעוד שבוע</a>
        </div>
    
        <script>
          function week() {
            var today = new Date();
            var expire = new Date();
            expire.setTime(today.getTime() + 3600000 * 24 * 7);
            document.cookie = "modal=delayed" + ";expires=" + expire.toGMTString();
            $("#mod1").modal("close");
          }
    
          function okk() {
            document.cookie = "modal=showed";
            $("#mod1").modal("close");
          }
    
          function clearcook() {
            document.cookie = "modal=showed; expires=Thu, 01 Jan 1970 00:00:00 UTC";
            document.cookie = "modal=delayed; expires=Thu, 01 Jan 1970 00:00:00 UTC";
          }
    
          function getCookie(c_name) {
            var c_value = document.cookie,
              c_start = c_value.indexOf(" " + c_name + "=");
            if (c_start == -1) c_start = c_value.indexOf(c_name + "=");
            if (c_start == -1) {
              c_value = null;
            } else {
              c_start = c_value.indexOf("=", c_start) + 1;
              var c_end = c_value.indexOf(";", c_start);
              if (c_end == -1) {
                c_end = c_value.length;
              }
              c_value = unescape(c_value.substring(c_start, c_end));
            }
            return c_value;
          }
    
          $(document).ready(checkk());
    
          function checkk() {
            acookie = getCookie("modal");
            if (!acookie) {
              $("#mod1").modal("open");
            } else {
              console.log("allerted before");
            }
          }
        </script>
    

    תכתוב לי עם מה אתה מסתבך

    @שוהם307 אמר ביצירת popup:

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

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

    איפה אני שם את הכיתוב השני?



  • @MGM-IVR אתה יכול לשים גם אותו בHEAD



  • @chv אמר ביצירת popup:

    @MGM-IVR אתה יכול לשים גם אותו בHEAD

    את שניהם?



  • @MGM-IVR כן.
    אחד אחרי השני - קודם הקטע הראשון ואחרי זה הקטע השני



  • @chv אמר ביצירת popup:

    @MGM-IVR כן.
    אחד אחרי השני - קודם הקטע הראשון ואחרי זה הקטע השני

    תודה

    ואם אני רוצה לעשות שיהיה כל יום? (אני עושה 36000 בלי 24/7?)
    וכן מאיזה שעה הוא סופר את היום?



  • @MGM-IVR אמר ביצירת popup:

    ואם אני רוצה לעשות שיהיה כל יום? (אני עושה 36000 בלי 24/7?)

    בדיוק

    @MGM-IVR אמר ביצירת popup:

    מאיזה שעה הוא סופר את היום?

    מהרגע הנוכחי שבו לוחצים על "הזכר לי מאוחר יותר" מאז הוא מוסיף את הזמן שתגדיר (נגיד 36000 - שניות)



  • @chv אמר ביצירת popup:

    @MGM-IVR אמר ביצירת popup:

    ואם אני רוצה לעשות שיהיה כל יום? (אני עושה 36000 בלי 24/7?)

    בדיוק

    @MGM-IVR אמר ביצירת popup:

    מאיזה שעה הוא סופר את היום?

    מהרגע הנוכחי שבו לוחצים על "הזכר לי מאוחר יותר" מאז הוא מוסיף את הזמן שתגדיר (נגיד 36000 - שניות)

    וממתי הוא שואל אותי?
    כי הגדרתי את זה והוא לא שאל אותי כלום עדיין



  • @MGM-IVR עשית בניה מחדש לפורום?



  • @chv אמר ביצירת popup:

    @MGM-IVR עשית בניה מחדש לפורום?

    כן



  • @MGM-IVR ולא מופיעה התראה?
    תכתוב איזה שגיאות מופיעות בקונסול של הדפדפן כשאתה מריץ את האתר



  • @chv אמר ביצירת popup:

    @MGM-IVR ולא מופיעה התראה?
    תכתוב איזה שגיאות מופיעות בקונסול של הדפדפן כשאתה מריץ את האתר

    jquery.modal.min.js:5 Uncaught ReferenceError: jQuery is not defined
    at jquery.modal.min.js:5
    at jquery.modal.min.js:5
    (index):98 Uncaught ReferenceError: $ is not defined
    at (index):98
    ClientSide.js:61 nodebb-plugin-onesignal: loaded
    (index):1 The resource http://techno-tech.cf/assets/js-enabled.css??v=6k8bs5svff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate as value and it is preloaded intentionally.
    persona.js:281 Uncaught TypeError: Cannot read property 'getAttribute' of undefined
    at persona.js:281
    at Object.execCb (require.js:29)
    at w.check (require.js:18)
    at w.<anonymous> (require.js:22)
    at require.js:7
    at require.js:23
    at y (require.js:6)
    at w.emit (require.js:23)
    at w.check (require.js:19)
    at w.<anonymous> (require.js:22)
    2favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)
    persona.js:281 Uncaught TypeError: Cannot read property 'getAttribute' of undefined
    at persona.js:281
    at Object.execCb (require.js:29)
    at w.check (require.js:18)
    at w.enable (require.js:23)
    at w.init (require.js:16)
    at require.js:26
    4favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)
    DevTools failed to load SourceMap: Could not load content for http://techno-tech.cf/assets/src/modules/pulling-drawer.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE



  • @MGM-IVR אהה.
    תוסיף את זה לפני כל מה שהכנסת בHEAD.
    לעשות בניה מחדש. יעבוד:

    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    


  • @chv אמר ביצירת popup:

    @MGM-IVR אהה.
    תוסיף את זה לפני כל מה שהכנסת בHEAD.
    לעשות בניה מחדש. יעבוד:

    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    

    עובד
    תודה רבה
    איך מעצבים את זה?
    רקע
    גודל
    מרכז
    לחצנים וכו?



  • @MGM-IVR מה יכול להיות? CSS. תגדיר את הכללים שאתה רוצה על הקלאס "modal"
    ואם אתה רוצה גם לשנות את העיצוב של הכיתוב בפנים, תוסיף לשורות הרצויות קלאסים, ותכתוב להם כללים ב-CSS


התחבר כדי לפרסם תגובה
 

עיצוב: GolanArt

4
מחובר

2.3k
משתמשים

4.1k
נושאים

31.7k
פוסטים