הקדמה
הרבה אנשים שואלים איך אפשר "לאלץ" את הגולשים בדפדפן לעשות דברים איך שאני רוצה, השאלה הזו נשאלת בדרך כלל על ידי בוני אתרים אשר רוצים שהגולש יכניס את האתר שלהם למועדפים. אז בנוגע לעינייננו, מה אני עושה כאשר אני רוצה שהגולש ידפיס את הדף שלי?
התשובה הקצרה והנפוצה לשאלה זו היא, אתה לא יכול. אין פקודה כזו ששולחת אוטומטית דף להדפסה בזמן טעינתו.
יש כל כך הרבה גורמים מעורבים, לדוגמא: האם המדפסת של הלקוח בכלל דלוקה?
האם התצוגה של דף האינטרנט בכלל תתאים לדף של המדפסת?
והשאלה הכי חשובה:
האם הגולש בכלל רוצה להדפיס את הדף?
זה היה מעצבן מאד אותי אישית אם הייתי נכנס לאתר מסויים ופתאום המדפסת שלי הייתה מתחילה להדפיס.
עדכון! ב- 10/99 עדיין לא הייתה קיימת דרך לאלץ את הדפדפן להדפיס אך נוספה האפשרות לבקש מהלקוח להעלות את ממשק ההדפסה על ידי פקודת JS:
window.print()
<![CDATA[
<A HREF="javascript:window.print()">לחץ כדי להדפיס עמוד זה</A>
]]>
וזו התוצאה:
לחץ כדי להדפיס עמוד זה
ב- 21/12/98 פותחה שיטת הדפסה חדשה באמצעות css.
לפני שנמשיך חשוב להדגיש כי שיטה הזו של הדפסה באמצעות css תואמת לדפדפני אינטרנט אקספלורר מגרסה 4 ומעלה, וכרגיל שאר משתמשי נטסקייפ שעדיין שרדו ממשיכים לאכול קש.
וכעת נשוב לענייננו- ישנן שתי פקודות חשובות שצריך לתת עליהם את הדעת:
<![CDATA[
page-break-before
page-break-after
]]>
Page Break
כבר משם הפקודה אנו יכולים להבין מהי מטרת הפקודה, הפקודה הראשונה מגדירה את מעבר העמוד לפני הטקסט בעמוד והשניה מגדירה את מעבר העמוד בשורות אחרי הטקסט.
לכל פקודה יש כעיקרון ארבע מאפיינים:
- always - מגדיר את מעבר העמוד באופן קבוע אחרי אלמנט ההדפסה.
- auto - זה ברירת המחדל העמוד יעבור לעמוד הבא בדיוק היכן שהעמוד יסתיים.
- left - למעשה לא נתמך עדיין בשום דפדפן הפקודה מגדירה למדפסת להדפיס משני צדדי העמוד , במקרה זה מצד שמאל.
- right - להדפסה בצד שמאל.
התחביר
ככה זה אמור להיראות בדף שלך תחת התגית
:
<![CDATA[
<STYLE TYPE="text/css">
h5 {page-break-before: always}
</STYLE>
]]>
בעצם מה שעשינו כעת היה הגדרת מעבר עמוד אחרי כל מקום בו סמסמך בו מופיעה כותרת מסוג h5.
אתם מוזמנים לנסות להדפיס את המאמר הזה ותראו שאחרי כל כותרת תקבלו עמוד חדש. נחמד, לא?
הגדרת מעבר עמוד אישית
לפעמים אנו רוצים לקבוע מעבר עמוד במקום שבא לנו ולא לפי פקודות ה- HTML, במקרים אלה אין קל יותר מלהגדיר class מיוחד למקרים אלה, ההמלצה היא להשתמש ב- class בתוך תגית פיסקה למשל ככה:
<![CDATA[
<STYLE TYPE="text/css">
P.breakhere {page-break-before: always}
</STYLE>
]]>
ואז:
<![CDATA[
<P CLASS="breakhere"></p>
]]>
וזה הכל, למעשה גם כשאנו מריצים דפי asp אנו יכולים להגדיר בלולאות class מהסוג הזה כדי לקבל תוצאות הדפסה יפות.
בהצלחה
| 
.png)
