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

קוד:

for(var c = 0; c < (20*20); c++) 
{
     newTablesDiv.innerHTML += '<img src="images/hallBg.gif" style="width:8%; height:8%;" />';
 }

לכן ייעלתי אותה בצורה הזאת:

קוד:

var floorTable;
 for(var c = 0; c < (20*20); c++) 
 { 
     floorTable += '<img src="images/hallBg.gif" style="width:8%; height:8%;" />'; 
  }
 newTablesDiv.innerHTML += floorTable;

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

לא הצלחתי למצוא סיבה הגיונית למה הדפדפן נופל אחרי לולאה של 400 פעמים.
אשמח לעזרה.
תודה!

לא יודע מה הבעיה או איך ההערה מתקנת אותו O_o
תנסה לשלוח אימייל לchrome :}


אולי ההבדל הוא טעינת ה400 תמונות
יכול להיות שהדפדפנים פעולים בצורה שונה

תנסה לבדוק את זה על textarea או להכניס טקסט אחר שאינו תמונה.

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/list.png]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/?https://2010-uploaded.fresh.co.il/2010/09/21/52868411.gif,http://www.boredpanda.com/blog/wp-content/themes/mimbo2.2/images/subscribe-panda-605px.png]

אם תשים הערה בקוד כמו בדוגמא הבאה:

קוד:

var floorTable, c=0;
for(; c < 400; ++c)
     floorTable += '<img src="images/hallBg.gif" style="width:8%; height:8%;" />'; 
//newTablesDiv.innerHTML += floorTable;

האם גם במקרה הזה תהיה בעיה?
מה קורה אם אתה מוריד את ההערה, וכותב בתנאי הלולאה שהמשתנה c צריך להיות קטן מ-200 במקום 400 ?
יכול להיות באמת שהבעיה קיימת בטעינה הרבה של התמונות... אפילו בלי שימוש ב-js זה יכול לתקוע דפדפנים מסויימים, אאז"ן קרה לי לא מעט..

נסה בתור last resort לאגור לתוך משתנה\מחרוזת כמות מסוימת של תגי img (לדוגמא 20), להוסיף אותם בעזרת innerHTML לאובייקט הרצוי, לישון (sleep) כמה מילי שניות ולחזור על התהליך, עד להוספת כל התמונות.
הייתי מנסה ליישם את זה גם בעזרת DOM.

טוב אז ביצעתי את הבדיקות שהצעתם וזה מה שקיבלתי:

1. כשהחלפתי את התמונות בתג אחר כמו textarea או בסתם טקסט פשוט, זה באמת רץ..
2. כשאני שם את ה innerHTML בתוך הערה הקוד עדיין נתקע.
3. לא הבנתי את הרעיון של הsleep

ככה שלפי מה שנראה לי, הבעיה היא כמו שחשבתם - בטעינת התמונות...
יש רעיונות לפתרון?

1. אוקי, זה תומך בטענה שהבעיה טמונה בטעינת התמונות.

2. זה סותר את הטענה שבסעיף #1....
הרי אם אתה לא מוסיף למסמך תמונות בעזרת innerHTML (כיוון שעשית אותו הערה...), אז איך עכשיו הקוד נתקע ובסעיף #1 הוא לא נתקע?

3. הרעיון של sleep אומר שתוסיף תמונות למסמך לאט לאט, במקום להוסיף הכל בבת-אחת.
זה ממש כמו הרעיון של חלוקת מידע לפאקטות\פריימים ושידורן ברשת.
במקום לשלוח קובץ 10GB בפעם אחת (מה שיתקע i/o בממשק הרשת שלך, מלבד הפלט שקשור לקובץ..),
אתה שולח אותו בפאקטות קטנות יותר, בין היתר כדי להימנע מהצורך לשלוח את כל הקובץ מחדש (בגלל היחס הקרוב שלו ל-Bit Error Rate \ BER)
יענו, ביצוע משהו באופן מסיבי\מתמשך לא תמיד טוב, תמיד אנו מוצאים דוגמאות שביצוע הדבר בחלקים קטנים יותר מיטיב איתנו.

1. אהאה..

2. אין לי מושג.. זה מה שקרה..

3. הבנתי אותך.. יש מצב שאתה מביא לי איזה לינק עם יותר פרטים על הנושא..? עדיף עם דוגמאות קוד? כי בדקתי בגוגל וניסיתי להריץ את הפונקציה sleep אבל הjs משום מה כתב לי שהוא לא מזהה אותה..

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

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

( עריכה: בעצם אי אפשר לבדוק ב-firebug כי אתה אומר שהבעיה בכרום.. אז לא משנה.. אבל אולי firebug ייתן לך רמזים... )

התייחסתי ל-sleep בתור רעיון.. אתה יכול לממש "sleep" אפילו עם לולאה שרצה "על ריק"..
אבל תראה דוגמאות מימוש כאן.

הבעיה הייתה גם על הlocalhost שלי וגם על השרת ניסיונות החיצוני, לכן קשה לי להאמין שהבעיה היא בשרת.

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

תודה רבה!

מה המטרה שאתה מנסה להשיג בקוד הזה?
אולי אם תגיד לנו מה מטרת הקוד נוכל למצוא לך דרך יעילה יותר

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

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

ואז איך הוא יגדיל את התמונה כדי ליצור את האפקט של הזום?

אפשר להגדיר גובה ורוחב לDIV עצמו.
אבל שוב אני לא יודע בדיוק מה הוא מנסה לעשות אז אין לי פתרון יעיל להציע

כמו שאמרתי.. אני צריך לשכפל דווקא את התמונות, ולא לשים את התמונות כרקע...
תודה על ניסיון העזרה...
נראה לי שאני אלך על הניסיון שדור הציע..הוא נשמע הכי הגיוני והכי יעיל...

גם אני לא מבין

מה המטרה בשכפול התמונות (אותה תמונה 20*20 פעמים)?

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/list.png]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/?https://2010-uploaded.fresh.co.il/2010/09/21/52868411.gif,http://www.boredpanda.com/blog/wp-content/themes/mimbo2.2/images/subscribe-panda-605px.png]

הסברתי למעלה..
כדי ליצור רקע שיהיה אפשר לשחק עם הגודל שלו.(לכן בלתי אפשרי לעשות את זה עם background בcss)

זה בדיוק מה שאני לא מבין
אני מניח ש400 פעם אותה תמונה בתור רקע זה אומר משהו בגודל 4פיקסל וגם זה בהגזמה.
איזה תמונה נכנסת לתוך דבר כזה? ומה ניתן "להגדיל" בה?
תסביר לי את זה.


הרעיון של דור נכון טכנית
אבל בתכלס אתה זולל משאבים אם הchrome נתקע ואולי מחשבים פחות חזקים זה יתקע להם את כל המחשב. ולאחרים לאתר שלך יקח הרבה זמן לעלות.

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/list.png]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/?https://2010-uploaded.fresh.co.il/2010/09/21/52868411.gif,http://www.boredpanda.com/blog/wp-content/themes/mimbo2.2/images/subscribe-panda-605px.png]

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

אוקיי אז אין כאן כל עניין של שכפול תמונות, כן?

בדר"כ מה שעושים זו תמונה קטנה, "מקדימה", שתופסת פחות נפח וברגע שרוצים להראות את התמונה הגדולה אז טוענים תמונה חדשה, התמונה המקורית.
כאן אני יכול להפנות אותך למשהו שראיתי לאחרונה http://nik.bot.nu/browse.fu?d=7
טעינת הדף כאן לא מקוטעת לפי זמן אלא ע"י ירידה עד כמעט לסוף הדף
למרות שאני עדיין לא ירדתי לסוף דעתך.


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

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/list.png]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/?https://2010-uploaded.fresh.co.il/2010/09/21/52868411.gif,http://www.boredpanda.com/blog/wp-content/themes/mimbo2.2/images/subscribe-panda-605px.png]

אחי.. נראה לי שלא הבנת מה אני מנסה לעשות.
אבל לא נורא, אני אנסה להסתדר..
תודה רבה!