בולנט - דברים מיוחדים...     פרוטו - בניית אתרים

Israeli ASP Organization

ארגון ה-ASP הישראלי

מאמרים/דוגמאות קוד
קישורים
ספרות
חיפוש כללי:

חפש!
כלליHTMLASPASP.NETSQLמסדי נתוניםJavaScriptXML * XSLDHTML * CSSעיצוב וגרפיקהשרתיםComponentsפרסום ושיווקקידום אתריםקופירייטינגPHP
פרסומת
דף ראשי מדורים דרושים הרשמה למועדון אודותינו צור קשר
מיקום: מאמרים ודוגמאות קוד > DHTML * CSS

חיתוך פסקאות ב-CSS

לעיתים יש צורך בחיתוך פסקאות טקסט (לדוגמא בפורומים), הדבר הופך למסובך יותר כאשר רוצים לטפל בבעייה. מה נעשה נתחיל לספור רווחים מהמקום הנדרש לחיתוך? לא, יש פיתרון יותר אלגנטי ונוח לשימוש בעזרת CSS.

מילה אחת ארוכה עם שבירת טקסט:

<style> .withBreak{word-wrap:break-word;width:50%;left:0;background-color:gainsboro;} .withoutBreak{word-wrap:normal;background-color:gainsboro;} </style> <p class="withBreak">The text</p>

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


אם את/ה מסוגל לראות את זה,
אז סימן שאתה משתמש בדפדן שלא תומך בזה.
יש להשתמש בדפדפן IE5.5 ומעלה.



מילה ארוכה בלי שבירת שורה:

<p class="withoutBreak">The text</p>

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



אפשר להשתמש בזה גם לסתם פיסקה שבה רוצים לקבוע שבירת שורה אחרי מרחק מסויים, למשל 70%:

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

שימוש ב- Custom Tag:

<HTML XMLNS:MY> <style> @media all { MY\:JUSTIFY { text-align:justify; width:50%; background-color:gainsboro; } } </style> <MY:JUSTIFY> The Text </MY:JUSTIFY>

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



         

מחבר: נחום גינתרמת קושי: 1  ||  ציון: (5.5)כל הזכויות שמורות ל-IAO ©

חנות לסטלן  |   מתכונים  |   חגי ישראל  |   פורטל משחקים  |   חנויות מחשבים ו-ציוד הקפי  |   מגזין מסטול לסטלן המצוי  |   קליפרים  |   גידול צמחים פרחים  |   ספא פינוק מושלם