אני מעוניין לעשות בפרויקט מספר לחצנים שכל אחד מהם פותח סוג של חלון קופץ עם הפעולה שהוא רוצה לעשות/ להציג, וכפתור סגירה של זה שזה חוזר למסך הראשי.
מה שעשיתי בינתיים זה עיצבתי מספר div-ים עם הטפסים שרציתי.
עשיתי לכולם בפתיחה של ה-div הגדרה של id ייחודי לאותו div, וכן הגדרה כזאת
style="display: none;"
מה שבעצם מסתיר את הטופס כולו בטעינת הדף.
הלחצנים לפתיחה של כל הטפסים נמצאים ב-div נפרד שהוא לא מוסתר .
בעת לחיצה אל אחד מלחצני פתח טופס הפונקציה שמתבצעת היא
document.getElementById("id_element").style.display = "block";
מה שבעצם מסיר את ההסתרה מאת הטופס שאני רוצה להציג, והכל לכאורה בסדר גמור, וזה עובד מעולה ב״ה.
מה שמפריע לי בכל הסיפור, שהדף html שנטען ללקוח הוא דיי ״עמוס״, כלומר סתם נשלח אליו מלא נתונים שלא נצרכים לו אלא הם מוסתרים, הייתי מעדיף שכשהוא ילחץ על הכפתור, רק אז יטען לעמוד ה div הרלוונטי, זה אפשרי הדבר הזה?
מה הדרך לעשות את זה?
או שבכלל הדרך שאני עשיתי היא עדיפה בכל אופן.
כמו שניתן לראות בתמונה הבאה, רק div אחד כרגע מוצג,
אבל יש עוד מלא div-ים שמוסתרים וזה מציק לי.
אני רוצה שיהיה דף נקי וריק רק עם התוכן המינימלי.


אולי צריך לעשות את זה בצורה של יצירת div 1 ריק עם id מסויים שהפונקציה כל פעם תערוך אותו לפעולה שאני רוצה?