שלום
אני משתמש באתר שלי ב FACEBOX הזה:
http://famspam.com/facebox

בתוך הדף שלי יש קישור שמפעיל את הFACEBOX ופותח את הדף remote.html בתוך התיבה.. ככה:
<a href="remote.html" rel="facebox">text</a>

עכשיו בתוך ה remote.html יש קישור שאני רוצה שגם הוא יפתח באותה תיבת FACEBOX
ואני לא מצליח.. הוא פותח אותו בדף חדש.

מישהו יודע איך עושים את זה?
תודה מראש.

בדף remote.html כללת את קבצי ה-JS שכבר נמצאים בעמוד שטוען את remote.html ?
אם כן, אני חושב שזה לא טוב, כיוון שאז יהיה כפילויות של ספריית jQuery ו-plugins וסביר להניח שהדפדפן יתבלגן... (אלא אם זה נטען בתוך iframe - דבר שפחות סביר שיקרה)

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

בנוסף לקוד הזה:

קוד:

jQuery(document).ready(function() {
    jQuery('a[rel*=facebox]').facebox() 
  })

תוסיף:

קוד:

jQuery('a[rel*=facebox]').facebox();

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

בכל מקרה, אני לא בטוח לגמרי שזה יעבוד, כי אולי הדבר הזה נמנע אוטומטית ע"י ספריית facebox.
אבל תנסה...

כן באמת כללתי את ה JS, מחקתי אותם.

אתה מתכוון שב - remote.html
אני ארשום את הקוד ככה:

<script type="text/javascript">
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox() })
jQuery('a[rel*=facebox]').facebox();
</script>

כי אם כן אז הוא לא עובד בכלל ככה..


תודה רבה

מוזר...
את יצירת ה-event של סיום טעינת המסמך (באמצעות מתודת ready) לא היית אמור להוסיף, כיוון שהמסמך כבר נטען.
סה"כ צריך לכתוב את הקוד הבא בסופו של המסמך remote.html:

קוד:

<script type="text/javascript">
jQuery('a[rel*=facebox]').facebox();
</script>

אם זה עדיין לא עובד לך, אז תחליף את הקוד הנ"ל בקוד הבא:

קוד:

<script type="text/javascript">
alert("Hello");
try {
jQuery('a[rel*=facebox]').facebox();
} catch(e) { alert(e); }
</script>

ותגיד לי מה התוכן של הודעות ה-alert שמופיעות לך לאחר שמוצג ה- facebox... (כלומר לאחר טעינת remote.html)
אם לא מופיעות לך שום הודעות alert, תציין זאת...

נ.ב. אל תשכח לעשות ריענון + ניקוי מטמון (cache) באמצעות CTRL + F5 (כך זה בדפדפן FF3)

וואו אחי אתה שפיץ! הצלחתי!

שמתי את השורה של הסקריפט ב BODY בעמוד השני והכל התחיל לעבוד!

תודה רבה! מודה לך מאוד!

** עכשיו גיליתי שזה עושה בעיה - אם לוחצים על הלינק וזה פותח את הקופסה ואז יוצאים ונכנסים שוב זה מראה את התוכן של remote.html פעמיים.

ציטוט:

שמתי את השורה של הסקריפט ב BODY בעמוד השני והכל התחיל לעבוד!

למה הכוונה ב-BODY של העמוד השני...?
העמוד השני אכן אמור לכלול HTML, אך לא את התג BODY.
כשאתה משתמש ב-AJAX, הוא לוקח את התוכן של עמוד היעד ומציב אותו בצורה הכי פשוטה במסמך, כך שהוא חלק מהמסמך HTML ששלח את בקשת ה-AJAX. לכן אסור לכלול גם תגי BODY או תגי HTML או תגי HEAD.

ציטוט:

** עכשיו גיליתי שזה עושה בעיה - אם לוחצים על הלינק וזה פותח את הקופסה ואז יוצאים ונכנסים שוב זה מראה את התוכן של remote.html פעמיים.

לאיזו קופסא הכוונה? תוכל לדייק...?
אני לא בטוח - אבל אני חושב שזה קורה בגלל תג ה-BODY. תוריד אותו, ותבדוק שוב.

ד"א, אני מניח ש-FACEBOX לא תוכנת לפתיחות מקוננות של חלונות FACEBOX, אז יש אפשרות שיווצרו בעיות.

אוקיי ב remote.html שמתי רק את הסקריפט וקישור (בלי כל ה BODY והשאר).

עכשיו בעמוד המקורי.. כשאני לוחץ על הקישור ל remote.html הוא פותח אותו בתוך ה FACEBOX וגם כשאני לוחץ על קישור בתוך ה remote.html הוא פותח אותו בתוך ה FACEBOX בדיוק כמו שרציתי!

כשאני יוצא מה FACEBOX ולוחץ שוב על הקישור ל remote.html שוב אז הוא פותח לי את ה remote.html פעמים בתוך אותו FACEBOX. ואם אני שוב אצא ושוב אכנס הוא יפתח אותו 4 פעמים וכך הלאה...

יכול להיות שאכן facebox לא תוכנת לפתיחות מקוננות.

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

כלומר, תוסיף לחלון ה-facebox הראשון שייפתח את ה-JS הבא:
jQuery('a[rel*=inner_facebox]').facebox('<iframe src="your_page.html"></iframe>');

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

העמוד your_page.html צריך לכלול קוד HTML מלא, עם תגי HTML, BODY, HEAD וכו'..


עדיף שתנסה ליצור קשר עם מתכנתי FACEBOX ולשאול אותם איך להתאים את facebox למקרה שלך, שתוכל לפתוח facebox אחד בתוך השני... זה הרבה יותר משתלם מהדרך שהעצתי, אני מניח שהשינויים לא גדולים כ"כ...

אוקיי אני אנסה...

תודה רבה!

זהו הצלחתי! התג iframe עשה את העבודה!

שוב תודה

עוד שאלה קטנה שנזכרתי...

אם אני רוצה שFACEBOX יפתח עם העמוד בטעינה של הדף בהתחלה

כלומר שהוא יהיה פתוח בהתחלה בלי שלחצתי על הקישור..

איך אפשר לעשות את זה? תודה!

בצורה הזו:

קוד:

jQuery.facebox({ ajax: 'remote.html' })

הכל כתוב בתיעוד אצלהם