היי
אני בונה אתר כמו istockphoto.com עם php ובסיס נתונים.
רציתי להוסיף "תמונות מועדפות" למשתמש שהוא יכול להוסיף ולהוריד אובייקטים משם והם מוצגים לו מול העניים לאורך כל הגלישה.
באתר tattoojohnny.com יש משהו זהה לחלוטין למה שאני רוצה לבנות.
ראיתי במקור העמוד שהם משתמשים בDOJO.

אני כמובן רוצה שהדף לא יטען מחדש בעת הוספה או הסרה של תמונות מהמועדפים כי אחרת הייתי כבר בונה את זה עם משתני POST\GET או אפילו טעינה עם הכנסה ושליפת מידע מDB. (אולי יש דרך נוספת לעשות את זה session / cookies ??)

אם יש למישהו רעיון איך ליצור משהו כזהn אשמח לדעת. ואם למישהו יש לינק למדריך בDOJO אשמח גם כן.

תודה רבה!

כנראה ajax..?

תודה על תשובתך!

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

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

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

תודה רבה!

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

ציטוט:

במקור נכתב על ידי dorM ... בשמו האחר "xmlhttprequest" ...

בשמו המקורי

תודה! עברתי על הפוסטים שציינת ומאז הצלחתי לעשות את רוב מה שרציתי אל יש כמה דברים שלא ברורים לי בכלל.
בעמוד xxx.php עשיתי סקריפט עם מספר פונקציות זהות שנראות כך

קוד:

function add_to_favorites(id)
{
if (id=="")
  {
  document.getElementById("favorites").innerHTML="";
  return;
  } 
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("favorites").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","xxx.php?add_id="+id,true);
xmlhttp.send();
}

באותו אופן עשיתי מספר פונקציות
function add_to_favorites(id)
function remove_from_favorites(id)
function save_favorites(text)

1) האם הפונקציות נכונות?
אני בשלושת המקרים מעביר מחרוזת כלשהי ויש מספר דברים שלא ברורים לי:
2) האם השימוש שלי בGET הוא עדיף על POST מה ההבדל ומה טוב לי?
3) רשמתי true שלא ברור לי לגמרי מה ההבדל בין true ל false - אני יודע שיש סינכרוני ואסינכרוני אבל לא הבנתי את זה לגמרי ובאיזה מקרה צריך להשתמש בכל אחד...
4) רשמתי xmlhttp.send(); אז מה ההבדל בין null, POST+string או להשאיר ריק?

בנוסף יש משהו אחר שקצת מוזר - ע"פ הפונקציות שהראיתי השינויים מתבצעים במקום אחד מסויים שהוא בתוך תגי <div id="favorites"> </div>
ושמתי לב שהמידע שעובר בGET \ POST מתקבל רק שם ובגלל זה:
5) במקרה של שמירת המועדפים אני בודק האם המשתמש login ואם לא אז ברגע שאני עושה redirect אז רק ה<div id="favorites"> מקבל את המידע מ<div id="favorites"> בעמוד יעד אליו אני מעביר אבל חוץ מזה שום דבר לא משתנה כלומר אני נשאר באותו עמוד...איך פותרים את זה? אולי הפונקציות יוצרות את הבעיה של שינוי במקום ספציפי וצריך לעבוד עם ID TAG של כל העמוד?

תודה רבה!
(-:

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

2.
3.
4. http://www.w3schools.com/ajax/ajax_...equest_send.asp

5. לא הבנתי מה אתה עושה שם ועל איזה redirect אתה מדבר??

אני ינסה לתרגם לך את השורות האלו מהקוד ואתה תנסה להבין לבד

קוד PHP:

 xmlhttp.onreadystatechange=function()
//תרוץ ברגע שקיבלת תגובה מהשרת
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {//אם התגובה תקנית
    document.getElementById("favorites").innerHTML=xmlhttp.responseText;
//תחפש בדף את האובייקט בעל מזהה בשם "favorites"
//ותרשום לתוכו את התגובה מהדף
    }
  } 


[התמונה הבאה מגיעה מקישור שלא מתחיל ב 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]

אהלן,
תגובה קצת מאוחרת אבל בכל זאת..

לגבי ה redirect אני אנסה לנסח את זה בתור שאלה כללית.
נניח והעמוד שלי מחולק למספר divים. ובאחד מהם
(בעצם הid של הdiv שאליו אני פונה בסקריפט, במקרה זה favorites)
אני עושה header() שעובר לדף אחר באתר. מה שקורה לי בעצם זה שהדף נפתח רק בתוך אותו div ורואים בעצם 2 עמודים בדפדפן(אחד בתוך השני)... המטרה כמובן היא לעבור לגמרי לדף אחר בדפדפן..
מקווה שזה ברור יותר..
תודה!