756
צפיות
צפיות
11
תשובות
תשובות
חלון הרשמה
שלום
תוכלו לתת לי פרטים איך עושים חלון כמו החלון שקופץ באתר וובמאסטר כאשר לוחצים על
כניסה למערכת?
שאלה נוספת
מה דעתכם על האתר נטול טבלאות (מעוצב CSS טהור) ?
תודה.
שלום
תוכלו לתת לי פרטים איך עושים חלון כמו החלון שקופץ באתר וובמאסטר כאשר לוחצים על
כניסה למערכת?
שאלה נוספת
מה דעתכם על האתר נטול טבלאות (מעוצב CSS טהור) ?
תודה.
11 תשובות
פיתרון
קודם כל, צור דף הרשמה, ואז תיצור פונקציה שבעזרתה תוכל לפתוח את חלון ההרשמה:
תבדוק משהו עם windows.open אם אני לא טועה.
תחפש את זה בגוגל.
ואתר נטול טבלאות זה כעיקרון הכי אידיאלי לאתר.
את זה אני יודע
שאלתי היא איך עושים את הרקע השקוף.
ואיך החלון נפתח באותו חלון מבלי לפתוח כרטיסיה חדשה.
תשובה
אני משתמש בזה גם באתר שלי, בניתי משהו שעובד על אותו עיקרון כמו כאן.
זה פשוט DIV צף בעמוד.
מתחתיו אני יצרתי DIV נוסף בגודל החלון עם צבע רקע שונה כך שלא יוכלו להתעסק עם האתר בזמן שהחלון הצף מוצג להם.
ברגע שהם יסגרו את החלון, ה-DIV הגדול ברקע יעלם, החלון הצף ייסגר והכל יחזור לקדמותו.
"החיים הם רק הדרך במסע הנפש", בילד 2004-2008 <img src='/images/6.gif'>
http://Www.Torec.Net * http://Www.Torec.In
איך עושים DIV צף?
ואיך עושים שהוא יראה/יעלם ?
ועוד לא הבנתי איך עושים את הצבע חלון שחור שקוף
float
float: right/left/none
תשובה (כולל קוד מלא + דוגמא)
בניתי לך משהו בסיסי שעובד כך:
בעת טעינת העמוד אני יוצר את ה-DIV הגדול על כל העמוד (ברירת מחדל: נסתר) כאשר תמונת הרקע שלו הוא תמונה עם נקודה אפורה חצי שקופה (כדי שיראו את הטקסט באופן חלקי כשה-DIV הקטן מוצג).
לחיצה על "הצג חלון צף" מפעילה את הפונקציה showDiv שמסירה את ההסרה של ה-DIV הגדול ומציגה את ה-DIV הצף הנסתר בעמוד עם הגדרות שונות.
דוגמא לקוד:
http://www.torec.net/files/scripts/floatDiv/floatDiv.html
הורדה:
http://www.torec.net/files/scripts/floatDiv/floatDiv.rar
בהצלחה!
"החיים הם רק הדרך במסע הנפש", בילד 2004-2008 <img src='/images/6.gif'>
http://Www.Torec.Net * http://Www.Torec.In
תודה על ההשקעה!
שורה שלא הבנתי:
document.getElementsByTagName("body")[0].style.overflow = 'hidden';
מה היא עושה?
והשורות:
left = screen.width/4;
top = 50;
לא היה עדיף לשים אותם בתוך הסטייל במקום בתוך הפונקציה?
למה באקספלורר התמונה עולה לאט?
ושאלה אחרונה: באיזה תוכנה יוצרים רקעים שקופים ?
תודה
תשובה
1. השורה שלא הבנת פשוט מסתירה את פסי הגלילה בדפדפן בעת הצגת החלון הצף ומחזירה (אם צריך) את פסי הגלילה בסגירת החלון הצף.
2. השורות של LEFT ו-TOP כתובות ב-JS בגלל שאתה יכול לחשב נוסחאות איתן בהתאם לגודל החלון הצף. אם הרוחב שלו יהיה שונה, אז ה-LEFT לא יציג אותו באמצע החלון אלא יהיה נטוי לאחד הצדדים. אם החלון בגודל קבוע ואחיד, תוכל לקבוע זאת ב-CSS.
3. אצלי התמונה עולה מהר מאוד כי היא קטנה (פיקסל על פיקסל).
4. התוכנה הכי מקצועית היא כמובן PhotoShop.
"החיים הם רק הדרך במסע הנפש", בילד 2004-2008 <img src='/images/6.gif'>
http://Www.Torec.Net * http://Www.Torec.In
תוכל להסביר
את הסינטקס של השורה הזאת?
מה זאת אומרת body במקום ה-0…
נראה לי
אם אני זוכר נכון, נראה לי שזה אומר "האובייקט body הראשון שיש בדף.."
לא הגיוני
יכול להיות יותר מבודי אחד ?