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

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

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

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

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

    shragaS dovidD 2 תגובות תגובה אחרונה
    0
  • shragaS מנותק
    shragaS מנותק
    shraga
    השיב לשרה רחל ב נערך לאחרונה על ידי
    #2

    @שרה-רחל

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

    ש תגובה 1 תגובה אחרונה
    3
  • dovidD מחובר
    dovidD מחובר
    dovid ניהול
    השיב לשרה רחל ב נערך לאחרונה על ידי dovid
    #3

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

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

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

    yossizY תגובה 1 תגובה אחרונה
    8
  • ש מנותק
    ש מנותק
    שרה רחל
    השיב לshraga ב נערך לאחרונה על ידי
    #4

    @shraga
    HTML טהור

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

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

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

    ש תגובה 1 תגובה אחרונה
    5
  • ש מנותק
    ש מנותק
    שרה רחל
    השיב לyossiz ב נערך לאחרונה על ידי
    #6

    @yossiz
    תודה

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

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

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

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

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

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

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

    @שרה-רחל נאמרו פה תשובות מצויינות, מה אני כבר יכול להוסיף... אבל כעיקרון את יכולה גם להזריק את האלמנטים בצורה דינאמית לדף באמצעות אובייקט ה-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 מנותק
    A מנותק
    Avi Klaine
    השיב למוטי אורן ב נערך לאחרונה על ידי
    #10

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

    תגובה 1 תגובה אחרונה
    1
  • dovidD dovid העביר נושא זה מ-תכנות ב-

  • התחברות

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

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

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

  • התחברו או הירשמו כדי לחפש.