רוטר - |אתגר - חלק א'| עבודה עם Ajax

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"|אתגר - חלק א'| עבודה עם Ajax"

גירסת הדפסה

אשכול נעול - לקריאה בלבד

קבוצות דיון בניית אתרים נושא #11884	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 11884

akoka

22:16 11.04.07

|אתגר - חלק א'| עבודה עם Ajax

עוגן האשכול הוסר בתאריך 17.04.07 בשעה 15:59 על-ידי akoka, (מפקח)

האתגר הראשון יהיה דיי פשוט לאט לאט אנחנו נתקדם
מטרת האתגר
__
נתונה לכם רשימה של מדינות. למפקח שלכם יש זיכרון ממש קצר והוא רוצה שברגע שהוא מקליד את 2 האותיות הראשונות של המדינה תפתח תיבת select או span בודד מתחת לתיבה שייבצע השלמה של המדינה את המנוע כמובן תפתחו בAJAX את המדינות תכניסו למערך בASP/PHP מה שבא לכם.
_
אסור לקחת סקריפטים מוכנים
אתם בונים את המנוע AJAX ואת התמיכה שלו בכול הדפדפנים,מי שייסתבך מוזמן להיעזר באשכול הזה.
זה הכול בהצלחה ואני רוצה לראות לפחות 4 הגשות האתגרים ייתפתחו מאתגר לאתגר.
תאריך אחרון להגשה: 20 באפריל.
בעתיד, שהעניינים יסתבכו קצת, יהיו פרסים(צלשים, ווינרים, ונק' במחפשים בשבילך).

בהצלחה לכולם

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
תן את המערך מוכן, אני עצלן ;]	FireAngel	11.04.07 23:54	1
נשמע מסובך, נשמע אקוקי.	Next	12.04.07 14:14	2
מערך של מדינות ב-PHP ו-ASP:	MeToR	12.04.07 15:20	3
מור ימטורף!!!!	FireAngel	12.04.07 17:19	4
חח	MeToR	12.04.07 17:54	5
:\| או פשוט רושמים בגוגל: Countries Array חחח	FireAngel	12.04.07 18:09	6
שלי	bmaorlo	12.04.07 22:03	7
נו מספיק איפה כתבתי לגשת לבסיס נתונים	akoka	12.04.07 22:06	8
למה לגשת למערך בPHP שאפשר לגשת למערך בJS ?	bmaorlo	12.04.07 22:08	9
מכתב	akoka	12.04.07 22:10	10
תגיד לי אתה נורמלי ?	bmaorlo	12.04.07 22:14	11
ידוע שלא נחוץ להשתמש במקרים האלה בAJAX	akoka	12.04.07 22:16	12
תראה	bmaorlo	12.04.07 22:19	13
אוקיי אתה צודק,	akoka	12.04.07 22:23	14
יניב הוא מלך	bmaorlo	12.04.07 22:32	15
לדעתי אחלה אתגר בשילוב PHP.	FireAngel	12.04.07 23:41	16
עיצוב זה לכוסיות :)	bmaorlo	13.04.07 00:16	17
חעחע הרגת אותי ;]	FireAngel	13.04.07 07:36	18
העבודה שלי לאתגר:	FireAngel	13.04.07 19:06	19
אחלה עבודה יאיר תודה:)ובקשר למחיקה של האובייקט ממש	akoka	13.04.07 20:54	21
מה delete חחחח	FireAngel	13.04.07 20:59	22
טעות שלי, התכוונתי לאלמנט.	FireAngel	13.04.07 21:27	23
אחלה עבודה יאיר !	bmaorlo	13.04.07 22:39	24
יפה מאוד :)	Sn00py	13.04.07 23:14	25
תותח על, תותח על, כל הכבוד יאירוש =]	LoVe2KiLL	15.04.07 12:50	26
באגים באגים באגים!!!!	bmaorlo	16.04.07 12:24	35
אני אסיים את שלי היום :) מחכה לכם הפתעה נחמדה :P	Ice Cold	15.04.07 15:49	27
גם כן אתה :]	FireAngel	15.04.07 17:36	28
שלי:	Ice Cold	15.04.07 21:44	29
האמת?	Fly2High	15.04.07 22:05	30
רגע..	Fly2High	15.04.07 22:06	31
ראיתי שזה לא עובד ב-IE7... יתוקן מיד :)	Ice Cold	15.04.07 22:26	32
יתותח ;] כל הכבוד!!	FireAngel	15.04.07 22:37	33
עובד ב7 , תותח כרגיל	bmaorlo	16.04.07 12:14	34
באגים באגים :)	bmaorlo	16.04.07 12:25	36

FireAngel

23:54 11.04.07

1. תן את המערך מוכן, אני עצלן ;]
בתגובה להודעה מספר 0

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Next
חבר מתאריך 8.9.03
5269 הודעות

14:14 12.04.07

2. נשמע מסובך, נשמע אקוקי.
בתגובה להודעה מספר 0

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

MeToR
חבר מתאריך 26.1.07
11 הודעות

15:20 12.04.07

3. מערך של מדינות ב-PHP ו-ASP:
בתגובה להודעה מספר 0

מדינות ב-PHP
מדינות ב-ASP

בהצלחה חבר'ה

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

FireAngel

17:19 12.04.07

4. מור ימטורף!!!!
בתגובה להודעה מספר 3

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

MeToR
חבר מתאריך 26.1.07
11 הודעות

17:54 12.04.07

5. חח
בתגובה להודעה מספר 4

ערכתי לאחרונה בתאריך 12.04.07 בשעה 17:54 בברכה, MeToR

לקחתי את הרשימה מאיזה אתר, ואז פשוט הכנסתי לקובץ טקסט, ובעזרת PHP
עשיתי לולאה שתקח כל שורה מהקובץ טקסט ותדפיס אותה כשורה של הכנסה
לאיבר במערך (PHP ו-ASP), ואז העתקתי שוב לקובץ טקסט וזהו :| חחחח

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

FireAngel

18:09 12.04.07

6. :| או פשוט רושמים בגוגל: Countries Array חחח
בתגובה להודעה מספר 5

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

bmaorlo
חבר מתאריך 13.4.03
4770 הודעות

22:03 12.04.07

7. שלי
בתגובה להודעה מספר 0

ערכתי לאחרונה בתאריך 12.04.07 בשעה 22:08 בברכה, bmaorlo

http://code-pro.com/rotter/
הבנתי שהקטע של הAJAX היה המלצה שלך , אז לא לקחתי את ההמלצה .
לדעתי זה מיותר על כל כתיבת אות לגשת לבסיס נתונים או לעשות בקשות לשרת WEB.
Pure JS.
מה אתם אומרים ?

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

akoka

22:06 12.04.07

8. נו מספיק איפה כתבתי לגשת לבסיס נתונים
בתגובה להודעה מספר 7

מערך פשוט בphp

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

bmaorlo
חבר מתאריך 13.4.03
4770 הודעות

22:08 12.04.07

9. למה לגשת למערך בPHP שאפשר לגשת למערך בJS ?
בתגובה להודעה מספר 8

ערכתי לאחרונה בתאריך 12.04.07 בשעה 22:08 בברכה, bmaorlo

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

akoka

22:10 12.04.07

10. מכתב
בתגובה להודעה מספר 9

ערכתי לאחרונה בתאריך 12.04.07 בשעה 22:13 בברכה, akoka

מה הקטע אם אתה שולב שמות משתמשים ממסד נתונים ומכניס אותם למערך ורוצה להוציא אותם עם AJAX תעביר אותם לJS הקטע הוא לדעת לשלב AJAX עם PHP מי כמוך יודע שלקחת את המערך מJS זה הכי פשוט שאפשר סה"כ תשלח משתנה לדף PHP עם כול המדינות וזהו:|

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

bmaorlo
חבר מתאריך 13.4.03
4770 הודעות

22:14 12.04.07

11. תגיד לי אתה נורמלי ?
בתגובה להודעה מספר 10

ערכתי לאחרונה בתאריך 12.04.07 בשעה 22:17 בברכה, bmaorlo

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

אל תחשיב אותי באתגר , נהניתי לעבוד על זה .

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

akoka

22:16 12.04.07

12. ידוע שלא נחוץ להשתמש במקרים האלה בAJAX
בתגובה להודעה מספר 11

אבל סתם ציפיתי שכולם השתתפו ויעשו את זה בAJAX ואתה משתתף:|

אל תתחיל איתי מאור

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

bmaorlo
חבר מתאריך 13.4.03
4770 הודעות

22:19 12.04.07

13. תראה
בתגובה להודעה מספר 12

ערכתי לאחרונה בתאריך 12.04.07 בשעה 22:19 בברכה, bmaorlo

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

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

akoka

22:23 12.04.07

14. אוקיי אתה צודק,
בתגובה להודעה מספר 13

אז צריך להוסיף בתוכן של האתגר "אתגר למתחילים בAJAX" כי זה מה שזה לא ביקשתי לבצע עידכון של מסד נתונים במקום או משהו כזה בכול אופן אתה צודק,אבל זה לא הרעיון של האתגר הרעיון של האתגר זה לבנות את זה בAJAX . סה"כ אתה מחזיר פה 0 ו1 מstatus לא יותר מזה.בדיוק 2 דקות עבודה למתחילים האתגר הבא יהיה הרבה יותר בציפיות שלך אני יידאג לזה אתה גם מלך

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

bmaorlo
חבר מתאריך 13.4.03
4770 הודעות

22:32 12.04.07

15. יניב הוא מלך
בתגובה להודעה מספר 14

וזה לא אתגר כל כך פשוט .. תתחיל בלי להסתכל על הקוד שלי ותראה שזה אחלה משימה\אתגר לJS.
בהצלחה

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

FireAngel

23:41 12.04.07

16. לדעתי אחלה אתגר בשילוב PHP.
בתגובה להודעה מספר 15

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

ד"א - לקחת לי די את הרעיון=\
אני באמצע הבנייה וזה דומה לשלך (ורק בינתיים.. כי אני מעצב אותו ועושה ממש יפה ;])

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

bmaorlo
חבר מתאריך 13.4.03
4770 הודעות

00:16 13.04.07

17. עיצוב זה לכוסיות :)
בתגובה להודעה מספר 16

הבשר זה הקוד

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

FireAngel

07:36 13.04.07

18. חעחע הרגת אותי ;]
בתגובה להודעה מספר 17

נשקיע קצת בעיצוב, לא?

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

FireAngel

19:06 13.04.07

19. העבודה שלי לאתגר:
בתגובה להודעה מספר 0

ערכתי לאחרונה בתאריך 13.04.07 בשעה 19:41 בברכה, FireAngel

http://tsarfaty.net/study/ajax/v2/ajax.html
אז ככה:
1. מעל אות אחת, הוא מתחיל להריץ בדיקה דרך AJAX בצד-שרת מול קובץ PHP
2. ה-AJAX מקבל מה-PHP פלט של XML ומעבד את הנתונים.
3. עיבוד הנתונים מתבצע בין היתר ע"י יצירת אובייקטים ב-DOM, הכנסת ילדים לאובייקטים, מחיקת אובייקטים ועוד.
4. במידה ולא תמצאו עם העכבר על האובייקט DIV שנפתח, הוא ייסגר תוך 2 שניות. במידה ותחזרו אליו, השעון יתאפס, וחוזר חלילה.
5. אם אתם עוברים על מדינה מסויימת, היא נצבעת בצבע שונה.
6. אם תלחצו על מדינה מסויימת, ה-Input יקבל את הערך שבחרתם.
* תודה ל-Morishani (שבפוקס) הצליח לסדר את תמיכת מחיקת אובייקט בפיירפוקס

אשמח לקבל חוות דעת ושאר ירקות ;]

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

akoka

20:54 13.04.07

21. אחלה עבודה יאיר תודה:)ובקשר למחיקה של האובייקט ממש
בתגובה להודעה מספר 19

לא בעיה אתה עושה לו delete וזהו

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

FireAngel

20:59 13.04.07

22. מה delete חחחח
בתגובה להודעה מספר 21

איך מוחקים אובייקט עם delete? אף פעם לא שמעתי על זה.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

FireAngel

21:27 13.04.07

23. טעות שלי, התכוונתי לאלמנט.
בתגובה להודעה מספר 22

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

bmaorlo
חבר מתאריך 13.4.03
4770 הודעות

22:39 13.04.07

24. אחלה עבודה יאיר !
בתגובה להודעה מספר 19

ערכתי לאחרונה בתאריך 13.04.07 בשעה 22:43 בברכה, bmaorlo

באמת כל הכבוד.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Sn00py
חבר מתאריך 1.8.02
2954 הודעות

23:14 13.04.07

25. יפה מאוד :)
בתגובה להודעה מספר 19

\x6C\x65\x65\x74\x68\x61\x78\x30
\x72\x3A\x2D\x29
tresp4sser

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

LoVe2KiLL
חבר מתאריך 6.7.04
13401 הודעות

12:50 15.04.07

26. תותח על, תותח על, כל הכבוד יאירוש =]
בתגובה להודעה מספר 19

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

bmaorlo
חבר מתאריך 13.4.03
4770 הודעות

12:24 16.04.07

35. באגים באגים באגים!!!!
בתגובה להודעה מספר 19

1. על כתיבת אות ראשונה , אתה עושה 4 פעמים שליחה לPHP שלך אם אותה
הבקשה ועל כל אות נוספת אתה עושה 2 שליחות .
(את הLOG הזה קיבלתי עם HTTPLOOK יניב לעומת זאת בדק עם FIDDLER וזה יצא
לו שבפעם הראשונה אתה עושה 2 ואחרי זה 1 ) תבדוק את זה.

2. חיפשתי מדינה שמתחילה בתו @ וביצעת שליחה לAJAX ? למה ? מה עם בדיקות קלט לא חבל על הREQUESTS ?

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Ice Cold

חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק

15:49 15.04.07

27. אני אסיים את שלי היום :) מחכה לכם הפתעה נחמדה :P
בתגובה להודעה מספר 0

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

FireAngel

17:36 15.04.07

28. גם כן אתה :]
בתגובה להודעה מספר 27

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Ice Cold

חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק

21:44 15.04.07

29. שלי:
בתגובה להודעה מספר 0

http://rapidfree.linuxserv.co.il/rotterajax/ajax.html
רציתי לעשות אנימציה מגניב של הבהוב האופציה שנבחרה ומחיקת כל השאר חח אבל אין לי כוח עכשיו, אולי בהמשך

תומך FF ו-XHTML

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Fly2High

22:05 15.04.07

30. האמת?
בתגובה להודעה מספר 29

לדעתי היית צריך להציג את השם של המקום כבר בצד..
כי תחשוב שנגיד ויש 10 מדינות שמתחילות בar.. צריך לעבור אחד אחד ללחוץ על זה?
יותר פשוט לראות וללחוץ..
סה"כ יפה מאוט :]

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Fly2High

22:06 15.04.07

31. רגע..
בתגובה להודעה מספר 30

רק עכשיו אני קולט..
שיש את המילה, רק שהיא בלבן |:
לא כדאי לשנות תצבע של הפונט?

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Ice Cold

חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק

22:26 15.04.07

32. ראיתי שזה לא עובד ב-IE7... יתוקן מיד :)
בתגובה להודעה מספר 31

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

FireAngel

22:37 15.04.07

33. יתותח ;] כל הכבוד!!
בתגובה להודעה מספר 29

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

bmaorlo
חבר מתאריך 13.4.03
4770 הודעות

12:14 16.04.07

34. עובד ב7 , תותח כרגיל
בתגובה להודעה מספר 29

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

bmaorlo
חבר מתאריך 13.4.03
4770 הודעות

12:25 16.04.07

36. באגים באגים :)
בתגובה להודעה מספר 29

אני מפחד שלא תדבר איתי אחרי זה אבל..
עיין באג 2 אצל יאיר. תבדוק תווים מיותרים לפני שאתה שולח לPHP .. חבל על REQUESTS מיותרים.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד