פופאפ

פופאפ

לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית לפרומי בלוף קינץ תתיח לרעח. לת צשחמי צש בליא, מנסוטו צמלח לביקו ננבי, צמוקו בלוקריה.

הוראות

  1. יוצרים כפתור עם קלאס.
  2. יוצרים אזור עם קלאס.
  3. את האזור הזה מעצבים שיהיה כמו פופאפ (עם אלמנטור או css).
  4. מחביאים את האזור הזה (CSS).
  5. בלחיצה על הכפתור מגלים את אזור הפופאפ (JS).
  6. בתוך אזור הפופאפ מכניסים אייקון סגירה.
  7. לחיצה על האייקון מחביאה בחזרה את הפופאפ (JS).
				
					.my-popup{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 50%;
        z-index: 9999;
        display: none;
    }
				
			
				
					document.querySelector(".my-btn1").onclick = function(){
document.querySelector(".my-popup").style.display = "initial";

};

   document.querySelector(".my-close").onclick = function(){
document.querySelector(".my-popup").style.display = "none";

};