תחומים
    • הרשמה
    • התחברות
    • חיפוש
    • קטגוריות
    • פוסטים אחרונים
    • משתמשים
    • חיפוש
    חוקי הפורום

    איך יוצרים שכבות בדף אינטרנט

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

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

      shraga dovid 2 תגובות תגובה אחרונה תגובה ציטוט 0
      • shraga
        shraga @שרה רחל נערך לאחרונה על ידי

        @שרה-רחל

        באיזו פלטפורמה? html טהור? וורדפרס?

        ש תגובה 1 תגובה אחרונה תגובה ציטוט 3
        • dovid
          dovid ניהול @שרה רחל נערך לאחרונה על ידי dovid

          @שרה-רחל נתחיל עם זה שיש שתי גישות:
          א. ריענון מלא, אבל שמירת מראה עקבי.
          זה מה שקורה בכל האתרים כמו אמזון ואיביי, או זאפ הישראלי. את לוחצת על מאפיין בצד, כל הדף עובר ריענון ונראה בדיוק זהה חוץ מהשינויים המתבקשים. הכתובת למעלה משתנית כמובן בעת הלחיצה.
          ב. ריענון AJAX - הדף נשאר אותו דבר ורק חלקים ממנו משתנים ע"י רכיב קוד.
          דפים שעובדים ככה לגמרי נקראים SPA.
          באופן הזה הכתובת לא בהכרח משתנית, ברוב המקרים רצוי שהיא תשתנה הן בשביל הלחצנים הקודם/הבא והן בשביל שהמשתמש יוכל לשמור או לשלוח כתובת שמייצגת את המצב המדוייק של האפליקציה.

          אני מניח שאת שואלת על השני,
          יש דרכים פרימיטיביות לעשות את זה, ויש דרכים מודרניות ע"י ספריות כמו angular, react וכמובן vue.
          בספריות מודרניות כאלו קוראים לזה router.

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

          yossiz תגובה 1 תגובה אחרונה תגובה ציטוט 8
          • ש
            שרה רחל @shraga נערך לאחרונה על ידי

            @shraga
            HTML טהור

            dovid תגובה 1 תגובה אחרונה תגובה ציטוט 0
            • yossiz
              yossiz @dovid נערך לאחרונה על ידי

              @dovid אפשר להוסיף עוד גישה שהוא איפשהו באמצע, דהיינו iframe.

              📧 יוסי@מייל.קום | 🌎 בלוג | ☕ קפה

              ש תגובה 1 תגובה אחרונה תגובה ציטוט 5
              • ש
                שרה רחל @yossiz נערך לאחרונה על ידי

                @yossiz
                תודה

                תגובה 1 תגובה אחרונה תגובה ציטוט 0
                • dovid
                  dovid ניהול @שרה רחל נערך לאחרונה על ידי dovid

                  @שרה-רחל את רוצה פתרון מבוסס HTML ללא JS בכלל?

                  הנה דוגמת פתרון מבוסס אייפרים:
                  https://www.w3schools.com/html/tryit.asp?filename=tryhtml_iframe_target

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

                  ש תגובה 1 תגובה אחרונה תגובה ציטוט 5
                  • ש
                    שרה רחל @dovid נערך לאחרונה על ידי

                    @dovid
                    יכול להיות גם עם JS
                    אבל פשוט לי יותר כך
                    תודה זה באמת מאד עזר

                    מוטי אורן תגובה 1 תגובה אחרונה תגובה ציטוט 1
                    • מוטי אורן
                      מוטי אורן @שרה רחל נערך לאחרונה על ידי

                      @שרה-רחל נאמרו פה תשובות מצויינות, מה אני כבר יכול להוסיף... אבל כעיקרון את יכולה גם להזריק את האלמנטים בצורה דינאמית לדף באמצעות אובייקט ה-DOM, ע"י האזנה לאירוע הלחיצה על הקישורים שבדף. אני מתכוון לרעיון בסגנון של זה:

                      const homePageButton = document.getElementById('home-page-button');
                      const aboutButton = document.getElementById('about-button');
                      
                      homePageButton.addEventListener('click', createHomePageElements)
                      aboutButton.addEventListener('click', createAboutPageElements)
                      
                      function createHomePageElements() {
                        // הקוד שמוסיף את האלמנטים הנצרכים לדף הבית
                      }
                      
                      function createAboutePageElements() {
                         //הקוד שמוסיף את האלמנטים הנצרכים לדף האודות 
                      }
                      
                      A תגובה 1 תגובה אחרונה תגובה ציטוט 5
                      • A
                        Avi Klaine @מוטי אורן נערך לאחרונה על ידי

                        @שרה-רחל או לשנות את display של האלמנט שיתגלה מ none ל- block ושל שאר האלמנטים לnone באמצעות לחיצה על כפתור כמובן

                        תגובה 1 תגובה אחרונה תגובה ציטוט 1
                        • הועבר מ תכנות ע"י  dovid dovid 
                        • 1 / 1
                        • פוסט ראשון
                          פוסט אחרון
                        בא תתחבר לדף היומי!