שלום,

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

אנסה לנסח זאת בצורה טובה יותר:
אני לא בטוח עדיין איך לעשות זאת, אבל אני רוצה להגביל טקסט ל4 שורות מקסימום, כאשר הDIV ברוחב 400PX, ולקטוע רק בסוף משפט (כלומר רק כאשר מופיעה נקודה.)

אשמח לפיתרון, תודה מראש, מתן

בברכה, מתן.

למען האמת מצאתי את הסקריפט הנ"ל:

קוד:

<script type="text/javascript">
<!--
onload=function() {

var divh = document.getElementById('contentBox1').offsetHeigh  t;

	 alert(divh +"px");

 }
//-->
</script>

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

בברכה, מתן.

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

פתרון חלופי, להגדיר אולי סקרולבאר (overflow:scroll), וכך תוכל לשים איזה גובה שבא לך.

לא אוכל לשים scrollbar משום שזהו תקציר של כתבה ב"מגזין אינטרנטי", ולאנשים לא תהיה הסבלנות לגלול.
בקשר לאלגוריתם, אנסה לשלב את כל הפתרונות שהוצעו:
אכין לולאת while שמורידה משפט כל פעם שהגובה של הDIV גדול מהגובה הרצוי (וכל עוד יש לפחות משפט אחד) (זאת באמצעות explode או פונקציה מקבילה בJavaScript), אין אני רוצה לקטוע משפט באמצע ולכן גם אם משפט אחד יהיה גדול מ4 השורות הנתונות, אעדיף לחרוג מהגודל על לקטוע את המשפט באמצע.
בכל אופן, האלגוריתם בנוי על כך שיש עורכי כתבות שידאגו לשים פיסוק בהתאם, ולכן אין דאגה בקשר לגליצ' של משפט ארוך מאד.

אשמח לחוות דעת, שיפורים וכו' (:

הערת אגב: ישנה בעייה באלגוריתם התיאורטי שכתבתי עכשיו, משום שהפונקציה שמחשבת את הגובה פועלת באופן חד פעמי בטעינת הדף (onload).
אם למישהו יש פיתרון חלופי, אנא עדכנו אותי. תודה

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

בברכה, מתן.

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

כמובן שאתה יכול לעשות את האלגוריתם חכם, ולבדוק איפה יש נקודה קרובה יותר מהנקודה שבחרת אחרי X מילים/תווים - לפני או אחרי - ובהתאם לקצר/להאריך את הפלט... ?

אני אפילו הייתי שומר את המחרוזת הנ"ל כשדה "preview" במסד הנתונים (במעמד שמירת/עדכון הכתבה), כך שאשלוף את הנתונים ישירות ללא עיבוד ללקוחות...

נמאס לכם לזכור סיסמאות? לחצו כאן!

תראה, יש לי מבנה טבלאתי של תקציר כתבה, כאשר מצד ימין יש תמונה, מצד שמאל יש כותרת, תאריך + כתב, תקציר.
אני מעוניין שהתקציר לא יעלה על 4 שורות בתוך הDIV הספציפי על מנת שתקציר הכתבה יהיה קטן מימדים באופן יחסי.
אני יכול לעשות את זה בדרך הפשוטה כמו שאתה אומר, אבל אני מעוניין להתחכם קצת ולראות אם יש אפשרות להתאים את גודל הטקסט ולא רק את מספר המילים בו. ידוע שיש תווים גדולים יותר ותווים קטנים יותר, ולכן מספר המילים/תווים לא יבשר לי על אורך הטקסט באופן מדוייק.

בברכה, מתן.

תראה, אם יש לך משאבים לא מוגבלים, וידוע לך הפונט המדוייק שיוצג אצל הלקוח (מה שלא בהכרח יהיה מה שאתה חושב, לענ"ד...), אתה יכול להשתמש בצד השרת ב php.net/imagettfbbox כדי לדעת מה יהיה רוחב המחרוזת, לחלק אותה ברוחב השורה, ולעשות קצת יוריסטיקה... אבל... זה מטורף לדעתי, וכאמור, לא תמיד יעבוד. סטטיסטית הייתי פשוט בונה על 3 שורות לפי אלגוריתם שיעורי, ומקסימום יגלוש ל 4...

but that's just me

נמאס לכם לזכור סיסמאות? לחצו כאן!

פיתחתי את האלגוריתם ואשמח לשתף אתכם במה שבניתי:

קוד:

<script type="text/javascript">
<!--
onload=function() {
var pos ;
var str ;
var temp;
var arr = new Array();
arr = document.getElementById('contentBox1').innerHTML.s  plit(".");
while (document.getElementById('contentBox1').offsetHeig  ht > 70 && arr.length > 1) {
	str = document.getElementById('contentBox1').innerHTML
	pos = str.lastIndexOf(".") ;
	if(pos == str.length) break;
	document.getElementById('contentBox1').innerHTML = str.substr(0,pos);
	temp = str.substr(0,pos);
	arr = temp.split(".");
}
document.getElementById('contentBox1').innerHTML += "."

 }
//-->
</script>

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

הבעייה נפתרה פחות או יותר, תודה רבה (:

בברכה, מתן.

בעייה נוספת התעוררה!
הסקריפט עובד כראוי, אך כאשר אני מרענן את הדף, הלולאה כאילו נתקעת ולא רוצה לעבוד.
אשמח לפתרונות, ואתן את האתר בו מופיע הסקריפט לדוגמא:
http://musicmagazine.gone-wild.net/coding/
הכתבה בצד שמאל מתחת ל"פרסומות" היא הכתבה עליה מופעל הסקריפט.

תודה מראש לעוזרים

בברכה, מתן.