רוטר - מה הדרך הפשוטה ביותר ''לחלץ'' תוכן של DIV מדף אחר באתר שלי?

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

"מה הדרך הפשוטה ביותר ''לחלץ'' תוכן של DIV מדף אחר באתר שלי?"

גירסת הדפסה

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

אשכול מספר 21087

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

17:25 18.01.15

מה הדרך הפשוטה ביותר ''לחלץ'' תוכן של DIV מדף אחר באתר שלי?

יש לי אתר בוורדפרס, ויש לי FORM של יצירת קשר שמבוסס על הפלאגין של Contact Form 7...
אני בונה לעצמי OnePager פשוט עם עיצוב משלי שעשיתי מאפס, בלי WP ובלי שטויות, עכשיו אני עובד על החלק האחרון שלו שזה הSection של הCONTCACT...
אני לא טוב בPHP ואין לי כח להסתבך עם זה יותר מדי, כמו שציינתי יש לי Contact Form 7 בשרת שלי ואני רוצה "לגזור" את הDIV שלו מהעמוד האחר בשרת שלי ולהדביק אותו בiframe באתר החדש שאני עובד עליו עכשיו...
קודם כל, זה מותר וכשר מבחינת HTML, או שזה ערבי מדי?
דבר שני, האם זה בכלל אפרי?

תודה.

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

שתף

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

האשכול	מחבר	תאריך כתיבה	מספר
לדעתי עם JS אתה יכול	Specter	18.01.15 19:17	1
תודה...	Avi139	18.01.15 19:22	2
זאת לא הדרך הנכונה..	משה הלולן	18.01.15 19:25	3
זהו שחשבתי על זה וגם ניסיתי...	Avi139	18.01.15 19:48	4
אכן ערבי.	meni181818	18.01.15 21:32	5
זהו שלא מצאתי משהו שאהבתי ותואם את צרכיי, אז החלטתי לבנות...	Avi139	18.01.15 23:01	6
טוב, כמעט סיימתי לעבוד על האתר... אגב איך יצא? עבודה שלי מ0 :)	Avi139	19.01.15 15:43	7
מעולה	meni181818	19.01.15 16:25	8
תודה רבה, טופל :)	Avi139	19.01.15 16:55	9
בנוגע ל-contact, פעם נתתי פה קודים לאחד בפורום	meni181818	19.01.15 20:59	10
אשמח, כי ליצור פורם זה החלק הקל.. תודה!	Avi139	19.01.15 21:02	11
so:	meni181818	19.01.15 21:29	13
תודה אבדוק את זה כשאגיע הביתה...	Avi139	19.01.15 21:32	14
טוב, עשיתי את כל השלבים, אבל לא עובד לי :(	Avi139	20.01.15 16:16	15
עובד! הפעם ניסיתי ברגוע, עובד...	Avi139	20.01.15 21:08	16
מכתב	meni181818	20.01.15 23:23	19
ok עובד גם בעברית, אבל רק בשדה התוכן...	Avi139	21.01.15 00:03	20
אגב בשני, זה שלא מצריך JS, הכל עובד טוב, גם בעברית...	Avi139	21.01.15 15:22	21
ממש אהבתי	mickool	19.01.15 21:15	12
אבי,	xtorm	20.01.15 22:32	17
שמע, אחלה נקודות העלת, חלקן כבר בתכנון, וחלקן אני כנראה לא יממש	Avi139	20.01.15 23:03	18

Specter
חבר מתאריך 1.8.02
20205 הודעות

19:17 18.01.15

1. לדעתי עם JS אתה יכול
בתגובה להודעה מספר 0

http://www.w3schools.com/js/js_htmldom_document.asp
GETELMENTBY ..
אחרי "שמצאת" את האובייקט עם האלמנט שאתה רוצה, יש כל מיני attrs
שמאפשרים לך לגשת לתוכן של האובייקט.

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

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

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

19:22 18.01.15

2. תודה...
בתגובה להודעה מספר 1

אני לא בקיא בJS כ"כ, אבל אני כמובן יודע את הID וגם את הURL,
מצאתי כל מיני דוגמאות בסטאקאוברפלאו עם HTML בלבד, אבל לא ממש עובד לי...
כשאני שם את הלינק לURL של עמוד הCONTACT ME שלי הוא שם אותו במלואו כולל העיצוב (מה שאני לא רוצה) אבל הFORM עובד ככה שאני מנסה למשוך רק את הDIV שמכיל את שדות שליחת המייל בלי מה שמסביב...

כנראה שאני לא עושה משהו נכון,
תודה בכל זאת.

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

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

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

משה הלולן

חבר מתאריך 11.6.13
4818 הודעות, 8 פידבק

19:25 18.01.15

3. זאת לא הדרך הנכונה..
בתגובה להודעה מספר 2

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

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

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

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

19:48 18.01.15

4. זהו שחשבתי על זה וגם ניסיתי...
בתגובה להודעה מספר 3

אבל מעצבן שהTHEME שלי גורם לSIDEBAR להשתלט גם על עמודים ריקים וכאלה שאני שם בהם טקסט או מודול כמו הCONTACTFORM 7... בעע מתסכל.

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

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

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

meni181818

חבר מתאריך 12.12.13
1032 הודעות, 1 פידבק

21:32 18.01.15

5. אכן ערבי.
בתגובה להודעה מספר 0

ערכתי לאחרונה בתאריך 18.01.15 בשעה 21:46 בברכה, meni181818

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

http://s28.postimg.org/izm7890yz/image.gif

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

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

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

23:01 18.01.15

6. זהו שלא מצאתי משהו שאהבתי ותואם את צרכיי, אז החלטתי לבנות...
בתגובה להודעה מספר 5

ואם הייתי יודע PHP הייתי עושה מזה THEME ומוכר...
הבנתי שאלה שמפתחים THEMES מרוויחים לא רע... יכל להיות כסף טוב מהצד...

לגבי הONE PAGER שלי - אני פשוט לא רוצה לעשות MAILTO ולשים את כתובת המייל שלי חשופה כמו שעושים הרבה חבר'ה מהתחום שלי (שגם כנראה לא יודעים איך ליצור טופס שליחת מייל) מבחינת ספאמרים זה יכול להיות מבאס

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

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

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

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

15:43 19.01.15

7. טוב, כמעט סיימתי לעבוד על האתר... אגב איך יצא? עבודה שלי מ0 :)
בתגובה להודעה מספר 0

http://avi-b.com/barelmedia/index.html
פייי כל הקטע הרספונסיבי לקח לי יותר זמן מהעיצוב והבנייה, Media queries וברייקפוינטס זה קטע כ"כ מציק, ועוד לא הכנסתי תאימות לכל הרזולוציות...
בכל מקרה, נשאר הCONTACT, יש רעיונות? :\

10X

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

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

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

meni181818

חבר מתאריך 12.12.13
1032 הודעות, 1 פידבק

16:25 19.01.15

8. מעולה
בתגובה להודעה מספר 7

המלצה קטנטנה:
- קישורי הניווט העליונים, תיבות ה-Projects, והקישורים החברתיים למטה - כדאי שיגיבו ל-hover.

http://s28.postimg.org/izm7890yz/image.gif

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

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

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

16:55 19.01.15

9. תודה רבה, טופל :)
בתגובה להודעה מספר 8

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

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

meni181818

חבר מתאריך 12.12.13
1032 הודעות, 1 פידבק

20:59 19.01.15

10. בנוגע ל-contact, פעם נתתי פה קודים לאחד בפורום
בתגובה להודעה מספר 7

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

http://s28.postimg.org/izm7890yz/image.gif

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

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

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

21:02 19.01.15

11. אשמח, כי ליצור פורם זה החלק הקל.. תודה!
בתגובה להודעה מספר 10

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

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

meni181818

חבר מתאריך 12.12.13
1032 הודעות, 1 פידבק

21:29 19.01.15

13. so:
בתגובה להודעה מספר 11

את זה אתה שם על השרת שלך (תחלץ את הזיפ):

- בשורה 4 תשנה לכתובת המייל שלך.
את זה אתה שם ב script element בדף (תחלץ את הזיפ):

- בשורה 12 תשנה למיקום שבו נמצא הקובץ הקודם. אם נמצא בתיקיה הראשית אין צורך לשנות.
- משורה 17 עד 23 אתה יכול לטפל בתשובת השרת (חסרים פרטים/נכשל/נשלח).
ה-Form:
תיצור Form עם id=contact ובתוכו שדות עם id:
author
email
subject
text
וכמובן לחצן submit.
* אם הדוא"ל מגיע לתיבת הספאם, אפשר להגדיר ב-Gmail למשל, שיגיע רגיל.
* זה לא ימנע מספאמרים למלא טפסים ולשלוח אליך, אבל הרבה יותר בטוח מאשר פרסום הכתובת שלך בפומבי..
בהצלחה.

http://s28.postimg.org/izm7890yz/image.gif

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

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

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

21:32 19.01.15

14. תודה אבדוק את זה כשאגיע הביתה...
בתגובה להודעה מספר 13

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

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

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

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

16:16 20.01.15

15. טוב, עשיתי את כל השלבים, אבל לא עובד לי :(
בתגובה להודעה מספר 13

איך אני מדבג את זה ומגלה איפה הכשל? בכלל, היררכיית הספריות שלי נכונה? את קובץ ה-postAjaxMail.js זרקתי לתוך ספריית הJS.
ואת קובץ ה-contactToMail.php זרקתי בספרייה האב של הOnepager (או שאני צריך לזרוק אותו בספריית הROOT של השרת?)

ולכפתור שליחה קראתי submit (גם נתתי לו ID בשם submit בנוסף ל$) וגם זה לא עובד...
עם הניסיון שלך מהקבצים שצירפת - אם זה היה עובד אז הייתי אמור לקבל גם חיווי על שדה שלא הוזן? כי כרגע לא מקבל כלום

10X

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

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

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

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

21:08 20.01.15

16. עובד! הפעם ניסיתי ברגוע, עובד...
בתגובה להודעה מספר 13

אגב מצאתי עוד אפשרות, בלי JS, רק מHTML לPHP וגם זה עובד לי...
http://mark-anthony.ca/html5-contact-form-with-css-php-tutorial/

הבעיה היא שבשנייהם אם השולח מזין שם \ נושא \ תוכן בעברית - הכל מגיע בג'יבריש :(

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

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

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

meni181818

חבר מתאריך 12.12.13
1032 הודעות, 1 פידבק

23:23 20.01.15

19. מכתב
בתגובה להודעה מספר 16

בגלל שגזרתי את זה מקטע קוד, שכחתי לתחום את קובץ ה JS ב:

$(document).ready(function() {
// יתר הקוד
});

ושכחתי להגיד לך שזה לא ישלח משרת wampp מקומי.
לנושא הג'יבריש. ניסיתי עכשיו שוב, מגיע אלי בעברית ובאנגלית.
משתמש ב-Gmail בעברית.
יתכן שהבעיה נעוצה בהגדרות שרתי חברת האחסון שלך.
אבל נדמה לי שפתרתי אותה:
הגדרתי charset=UTF-8 ושההודעה תבוא כ-html.
מקוה שיעזור, בהצלחה.

http://s28.postimg.org/izm7890yz/image.gif

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

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

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

00:03 21.01.15

20. ok עובד גם בעברית, אבל רק בשדה התוכן...
בתגובה להודעה מספר 19

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

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

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

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

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

15:22 21.01.15

21. אגב בשני, זה שלא מצריך JS, הכל עובד טוב, גם בעברית...
בתגובה להודעה מספר 19

אני מתכוון לזה:
http://mark-anthony.ca/html5-contact-form-with-css-php-tutorial/
אבל מה שמצחיק שהמייל מגיע בג'יבריש רק באוטלוק, אם אני קורא את זה בג'ימייל בדפדפן או באפליקציה באנדרואיד הכל תקין.

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

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

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

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

mickool
חבר מתאריך 25.4.02
4734 הודעות, 1 פידבק

21:15 19.01.15

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

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

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

xtorm
חבר מתאריך 25.5.05
849 הודעות

22:32 20.01.15

17. אבי,
בתגובה להודעה מספר 7

לטעמי נראה ממש אחלה, אם כי יש לי כמה הערות והצעות לשיפור
היות ואתה גם איש UX זה MUST לדעתי.
* טיפוגרפיה... השתמש בפונט יותר מהוקצע ותעבוד על הטיפוגרפיה באתר, משהו יותר מעניין, אפשר להגדיל את כל הכותרות ושאר הטקסטים...
* תוסיף אנימציה בגלילה, אלמנטים נחשפים בזמן גלילה ממליץ על WOW JS
* היחס בין ה CTA של CONTACT ME לבין השם שלך לא הגיוני בעליל... או שתקטין את השם שלך או לחילופין תגדיל את הכפתור.
אני אישית הייתי הולך על כפתור סטייל Transparent עם בורדר של 2 פיקסל ואז במעבר עכבר הוא ייצבע טרנד שהולך חזק היום.
* איזה HOVER מעניין בעבודות שלך יעשה פלאים... איזה זום אין לתמונה במעבר עכבר...

סה"כ אחלה עבודה אני רואה שהוא גם רספונסיבי אז

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

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

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

23:03 20.01.15

18. שמע, אחלה נקודות העלת, חלקן כבר בתכנון, וחלקן אני כנראה לא יממש
בתגובה להודעה מספר 17

הקדשתי לזה כבר יותר מדי זמן (יומיים וחצי) כי חשבתי לבנות משהו מ0 כי לא מצאתי THEM לWP שעושה את מה שאני רוצה בדיוק, אז גם השחזתי את כישורי הקידוד שלי, וגם יצאה לי תוצאה לא רעה בכלל, למען האמת ראיתי כמה אתרים של אנשי UX מחו"ל ואפילו הם שומרים על פשטות יותר ממני
לגבי אנימציות לא בטוח שאני רוצה, לטעמי זה קיצ'י מדי ודווקא לא משדר מקצועיות, עברנו את ימי הפלאש שמשום מה כל אחד מאיתנו רצה לדחוף את כל יכולותיו לאתר שלו, אבל לUX ולהמחשת יכולות אין שום קשר בינייהם, רק חשוב שהאתר יהיה פשוט, ברור ויעביר בקצרה מי אתה ומה הם הכישורים שלך, TOO MUCH זה כ"כ 2010...
לגבי טיפוגרפיה, שמתי בנתיים את רובוטו של גוגל כי אני אוהב את הפונט הזה.
הCONTACT ME היה שקוף כמו הטנרד החדש, אבל גם שקוף מבחינתי זה פאסה (תראה בפורטפוליו שלי כמה חרשתי על שקיפויות במוצרים של לקוחות) חחח, מעדיף FLAT עם צבע וחן...
HOVER בעבודות אתה מתכוון גם לשינוי צבע המלבן (לא מספיק הבורדר?) או ממש להקפיץ איזה LIGHTBOX? כי זה כבר מסובך בשבילי ולכן אני חוזר לחפש סקין WP שישרת אותי נאמנה...

בגדול המוטו הוא - לשמור על פשטות, אתה יודע, UX לא מעצב, אנחנו כבר Beyond that , אני רואה שגם אתה שומר על פשטות באתר שלך

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

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

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