אל תצחקו - שאלת תם:

האם אפשר ש div יכיל בתוכו תוכן של עמוד אחר
כלומר - שהוא יציג לדוגמא טקסט
אבל הטקסט לא יופיע בקוד של העמוד בתוך תג ה div
אלא בעמוד אחר

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

יש אפשרות כזאת?

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

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

הדרכים היחידות הן:
1. ifarme
2. באמצעות שפת תסריט בצד השרת.

לא חסרים אתרים שעושים את זה...

אם כך אולי עדיף שאפרט יותר מהיא בדיוק הבעיה שלי

ראיתי כמו כולם מה הדברים המדהימים ש AJAX מסוגל לעשות
(אגב הנה לינק שימויש לסיפרית סקריפטים מדהימה וחינמית + הדגמות http://www.miniajax.com/)

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

בעמוד הנ"ל אכן השתמשתי ב js + css שמאפשר לצור כפתורי גלילה משלך
וליחס אותם לקטע טקסט שנמצא בתוך div
אבל החסרון הוא שהקטע הנגלל הזה, ככל הנראה יכול להיות אך ורק טקסט, יכולות להופיע גם תמונות בתוך הטקסט
אבל בכל אופן, צדקתם כמו שאמרתם שלא יכול להיות שם משהו דינמי (תוכן של עמוד אחר
שמשתנה ומתעדכן וכו')

אפשרות אחרת שעולה בדעתי היא אולי פשוט לנסות להכניס את ההקוד שיוצר את האפקט הזה
לתבניות של הבלוג אבל אני מפחד
ברור שאת ה CSS אני צריך להכניס לתבנית ה CSS של הבלוג, זה פשוט,
אבל איפה אני מכניס את כל השאר ? אני מניח שלתבנית הראשית index.php
אבל עדיין לא נראה לי שה JS ושאר תגי ה HTML יעבדו נכון בתוך ה PHP של הבלוג

מה עושים?

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

ב-Wordpress קיימת מערכת הרחבות די נוחה.
בתג ה-head, למשל, קיימת פונקציה בשם wp_head שמדפיסה את כל התגים שצריכים להופיע ב-head (הקישורים לגליונות הסגנון, תגי ה-meta, וכו').
כדי לכתוב הרחבה שמוסיפה קישור לקובץ JS בכל העמודים של הבלוג, מספיק הקוד הבא:

קוד PHP:

<?php
/*
Plugin Name: Just choose one
Plugin URI: Plugin's website address
Description: Plugin description
Version: Plugin's version (1.0 for example)
Author: Your name
Author URI: Your website address
*/

add_action('wp_head', 'javascriptScrollHeader');
function javascriptScrollHeader()
{
    echo '<script type="text/javascript" src="your_javascript_file.js"></script>';
}

את ההרחבה יש לשמור בתיקיית ההרחבות של Wordpress (כברירת מחדל התיקיה היא wp-content/plugins) ולהפעיל אותה דרך פאנל הניהול.

בהצלחה!

זה נראה כמו פתרון טוב אבל אני לא בטוח שהוא מתאים
או שאולי אני לא הבנתי אותך נכון

אם תסתכל בקוד של העמוד שנתתי כדוגמא
תראה שה JS עובד בצורה מסוימת-
הוא מחפש את

קוד:

 
<div class="Scroller-Container"> 

ומאפשר את הגלילה למה שהוא מוצא בתוכו

כלומר אני כביכול צריך להכניס כמעט את כל ה index.php
לתוך ה div הזה!
..זה אפשרי בכלל?

או שאולי לא הבנתי אותך נכון והפתרון שנתת לי כרגע כן פותר אותי מהבעיה הזאת
ופשוט לא הבנתי עדיין איך ומה עושים כדי שזה יעבוד...?

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

העלתי דוגמא פשוטה יותר

אנא הורד ופרוס את קובץ הזיפ הזה
פתח את דף ה html שם ותציץ בקוד

נראה לי שאז זה יהיה הרבה יותר ברור
אך ה JS בו אני מנסה להשתמש עובד

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

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

תודה על הסבלנות
אני לא בטוח שהבנתי
את מי/מה לשנות ולמה לשנות אותו?

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

אני אנסה להסביר למה אני מתקשה בזה כל כך
ושוב תודה על הסבלנות, אני מאוד מעריך את זה:

אז ככה:
לפי הוראות ההתקנה של אותו JS שהראתי לך קודם
אני אמור להוסיף את הקוד הבא ל css של העמוד

קוד:

#Scroller {
  position: relative;
  width: 400px;
  height: 200px;
  overflow: hidden;
}
.Scroller-Container {
  position: absolute;
}

ואת הקוד הבא לhead של עמוד הhtml

קוד:

<script type="text/javascript" src="src/jsScroller.js"></script>
<script type="text/javascript">
var scroller = null;
window.onload = function () {
  var el = document.getElementById("Scroller-1");
  scroller = new jsScroller(el, 400, 200);
}
</script>

ואת הקוד הבא גם ל html של העמוד - ולהחליף את המילים Insert Text here בתוכן שאני רוצה שיהיה לו את הגלילה

קוד:

<div class="Container">
<img src="images/up_arrow.gif" class="Scrollbar-Up" onmouseover="scroller.startScroll(0, 5);" onmouseout="scroller.stopScroll();" />
<img src="images/down_arrow.gif" class="Scrollbar-Down" onmouseover="scroller.startScroll(0, -5);" onmouseout="scroller.stopScroll();" />
  <div id="Scroller-1">
   <div class="Scroller-Container">    Insert Text here!
  </div>
</div>

וכאמור, אני מניח שאת קוד ה css שכתבתי אני פשוט מוסיף לקוד ה css הנוכחי של הבלוג
אבל עדיין לא הבנתי מההסבר שלך
איפה אני משלב את כל מה שאמור היה במקור להכנס לעמוד ה html
הרי אין לי אפשרות לערוך את העמודים כי הם לא סטטים וה php יוצר אותם
אני צריך איפשהו בתבנית ה php של הבלוג להכניס את הקוד הזה
אבל לא הבנתי איפה והאם זה אפשרי?

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

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

הבעיה העיקרית בשימוש הזה היא הינם בתגי ה-DOCTYPE (בתקווה שיש כזה באותו דף), html, head ו-body שאינם תקניים כשהם מופיעים בתוך ה-body. (כנ"ל style וכדומה).
אפשר להסיר אותם, אך פשוט יותר לעשות זאת בצד השרת (ובאמצעות ajax לקבל את הקוד מהתסריט בצד השרת).
בעיה נוספת היא הקישורים היחסיים בקובץ.

ציטוט:

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

אפשר דוגמא?

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

יש היום מספר עצום של אתרים שמשתמשים ב-AJAX, מרביתם משתמשים בזה לצורך עדכון של חלק מסויים מהדף.

כשאני חושב על זה לעומק, אולי בכלל כדאי לך לזנוח את כל הרעיונות שהוצעו באשכול ולהשתמש ב-iframe... זה יחסוך לך הרבה כאב ראש.

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

כל הבעיה נוצרת בגלל שהכנסתי את הבלוג לתוך iframe באתר שלי
ובכל העמודים האחרים שבהם יש צורך בגלילה הצלחתי להעלים את הגלילה בעזרת אותו JS
כמו לדוגמא כאן
או בעזרת גלילה בתוך פלאש
כמו לדוגמא כאן

ולכן הבלוג אם הוא נמצא בתוך iframe של האתר הזה
כמו לדוגמא כאן
נראה יוצא דופן - כי הוא העמוד היחידי באתר שיש בו סרגל גלילה שנוצר בידי הדפדפן

עריכה: ג'ימייל אכן מעדכן חלק מהדף ע"י שימוש ב AJAX אבל זה לא מה שאני מחפש,
במילים אחרות - ג'מייל זה לא דוגמא לאתר שמחליף את הגלילה הרגילה בגלילה אחרת
(על ידי שימוש בAJAX או כל טכניקה אחרת)

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

נשבר לי
ירדתי מזה ושמתי עמוד חלופי בתוך אותה מסגרת שיוביל לעמוד חיצוני של הבלוג
בפורמט סטנדרטי

בכל אופן רק רציתי להגיד תודה
על הניסיונות הסבלנות והמאמצים

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