ביצוע אנקלוד בצד לקוח

23-07-2011, 22:37

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

ביצוע אנקלוד בצד לקוח

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

האם יש דרך לבצע אינקלוד ברמת צד לקוח? עם JS או משהו בסיגנון?

אני מכירה את object ואת האופציה של פריים, אבל אני מחפשת משהו שממש יכניס לי את הקוד HTML עצמו.

ענבר.

_____________________________________

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

בתגובה להודעה מספר 1 שנכתבה על ידי i-pink שמתחילה ב "ביצוע אנקלוד בצד לקוח"

מה זה אנקלוד?

23-07-2011, 23:50

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

בתגובה להודעה מספר 2 שנכתבה על ידי ישראל K שמתחילה ב "מה זה אנקלוד?"

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

_____________________________________

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

בתגובה להודעה מספר 1 שנכתבה על ידי i-pink שמתחילה ב "ביצוע אנקלוד בצד לקוח"

את יכולה לכלול את התוכן בתוך div למטה באתר, כשהוא נסתר מהלקוח, ואז בעזרת JS תשכפלי את תוכן ה-div למקומות שאת רוצה.

24-07-2011, 01:47

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

בתגובה להודעה מספר 4 שנכתבה על ידי dorM שמתחילה ב "את יכולה לכלול את התוכן בתוך..."

זה אתר של 100 עמודים בערך, ויש בו טפריט שמופיע כל עמוד.

הייתי רוצה שתהיה לי יכולת לשנות את הטפריט בכל העמודים במכה בלי להשתמש בצד שרת.

_____________________________________

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

בתגובה להודעה מספר 5 שנכתבה על ידי i-pink שמתחילה ב "זה אתר של 100 עמודים בערך,..."

נכון, הפתרון שהצעתי מתבצע עם JS - שזו שפת צד לקוח.

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

אבל מלבד iframe או כל דבר דומה, את יכולה להשתמש רק ב-ajax שישלוף את הטקסט ע"י שליחת בקשת HTTP לשרת (זה בזבזני מידי לדעתי) ואז לקבל מסמך\קוד של התפריט.

24-07-2011, 02:27

	ShoobyD מנהל משבראש, בלשנות, תכנות ויהדות		חבר מתאריך: 04.06.06 הודעות: 33,130

בתגובה להודעה מספר 1 שנכתבה על ידי i-pink שמתחילה ב "ביצוע אנקלוד בצד לקוח"

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

עריכה: לדוגמא שהדפים יהיו במבנה:
קוד:
<html>
  <body>
    <div id="menudiv"></div>
    blah blah
  </body>
  <script type="text/javascript" src="add_menu.js"></script>
</html>
והקובץ add_menu.js יהיה:

קוד PHP:

document.getElementById("menudiv").innerHTML="menu code";

ואז אם רוצים לערוך שינויים, צריך לשנות רק את "menu code".

_____________________________________

תוספים לפורום
קורס לטינית בלעדי לפרש, בפורום שפות ובלשנות.

נערך לאחרונה ע"י ShoobyD בתאריך 24-07-2011 בשעה 02:37.

29-08-2011, 12:48

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

בתגובה להודעה מספר 7 שנכתבה על ידי ShoobyD שמתחילה ב "את יכולה ליצור קובץ JS..."

אני מקפיצה את האשכול כיוון שרק עכשיו התפנתי לעבוד עליו ברצינות (כמה מאות עמודי HTML..)

התעוררו כמה בעיות עם הקוד הזה,

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

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

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

אשמח לעזרה

_____________________________________

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

נערך לאחרונה ע"י i-pink בתאריך 29-08-2011 בשעה 12:52.

29-08-2011, 13:29

	ShoobyD מנהל משבראש, בלשנות, תכנות ויהדות		חבר מתאריך: 04.06.06 הודעות: 33,130

בתגובה להודעה מספר 8 שנכתבה על ידי i-pink שמתחילה ב "אני מקפיצה את האשכול כיוון..."

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

כדי להכניס מרכאות בתוך מרכאות תוחמות מחרוזת צריך להשתמש ביישויות (entities)
לדוגמא ‎"‎ יוצר מרכאות כפולות ו־‎'‎ יוצר מרכאות בודדות/אפוסטרוף.

_____________________________________

תוספים לפורום
קורס לטינית בלעדי לפרש, בפורום שפות ובלשנות.

#10

29-08-2011, 17:48

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

בתגובה להודעה מספר 9 שנכתבה על ידי ShoobyD שמתחילה ב "לא בדיוק הבנתי מה את מנסה..."

מאוד פשוט.

יש לי טפריט, ועוד כמה נתונים שחווזרים על עצמם בכל דף.

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

נניח משהו כזה..
קוד:
 text text text text 
<some code id="menu"></some code>
text text text text <some code id="phone"></some code> text text text text 
text text text text
text text text text
text text text text
text text text text <some code id="phone"></some code> text text text text 
text text text text <some code id="phone"></some code> text text text text 
text text text text 
 text text text text 
<some code id="footer"></some code>
 text text text text 
היום המצב הוא כזה:
קוד:
 text text text text 
 MENU MENU MENU MENU 
text text text text 555-555-5555 text text text text 
text text text text
text text text text
text text text text
text text text text 555-555-5555 text text text text 
text text text text 555-555-5555 text text text text 
text text text text 
 text text text text 
  FOOTER FOOTER FOOTER FOOTER
 text text text text
ענבר.

_____________________________________

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

#11

29-08-2011, 18:10

	ShoobyD מנהל משבראש, בלשנות, תכנות ויהדות		חבר מתאריך: 04.06.06 הודעות: 33,130

בתגובה להודעה מספר 10 שנכתבה על ידי i-pink שמתחילה ב "מאוד פשוט. יש לי טפריט, ועוד..."

אז מה הבעיה ב:

קוד PHP:

document.getElementById("menu").innerHTML = "menu code"; document.getElementById("phone").innerHTML = "phone no."; document.getElementById("footer").innerHTML = "footer code";

?

_____________________________________

תוספים לפורום
קורס לטינית בלעדי לפרש, בפורום שפות ובלשנות.

#12

29-08-2011, 18:45

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

בתגובה להודעה מספר 11 שנכתבה על ידי ShoobyD שמתחילה ב "אז מה הבעיה ב: [PHP]..."

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

זה הקובץ html שלי

קוד:


<html>
  <body>
 text text text text<br/>
<div id="menu"></div><br/>
text text text text <div id="phone"></div> text text text text <br/>
text text text text<br/>
text text text text<br/>
text text text text<br/>
text text text text <br/> <div id="phone"></div> text text text text <br/> 
text text text text <br/> <div id="phone"></div> text text text text <br/>
text text text text <br/>
 text text text text <br/>
<div id="footer"></div> <br/>
 text text text text
  </body>
  <script type="text/javascript" src="add_menu.js"></script>
</html>

וזה הקובץ add_menu.js

קוד:


 document.getElementById("menu").innerHTML = "menu code";
 document.getElementById("phone").innerHTML = "phone no.";
 document.getElementById("footer").innerHTML = "footer code";

התוצאה שמתקבלת היא כזו - שים לב שבקוד HTML הערך phone מופיע 3 פעמים, אבל בתוצאה המוצגת מופיע רק פעם אחת.

קוד:


 text text text text
menu code

text text text text phone no.
 text text text text 
text text text text
text text text text
text text text text
text text text text 
  text text text text 
  text text text text 
  text text text text 
text text text text 
 text text text text 
footer code
 
 text text text text

ענבר.

_____________________________________

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

בתגובה להודעה מספר 12 שנכתבה על ידי i-pink שמתחילה ב "ניסיתי מחדש, וזה עדיין עובד..."

את יכולה לגשת למידע גם לפי DIV
getElementsByTagName

או להוסיף מידע בתג ולגשת לפי getElementsBy משהו ספציפי יותר כמו Name

או לעשות phone1, phone2, phone3
ואם הID שם רק בשביל ה CSS אז תוסיפי CLASS של phone

_____________________________________

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

#14

29-08-2011, 19:05

	ShoobyD מנהל משבראש, בלשנות, תכנות ויהדות		חבר מתאריך: 04.06.06 הודעות: 33,130

בתגובה להודעה מספר 12 שנכתבה על ידי i-pink שמתחילה ב "ניסיתי מחדש, וזה עדיין עובד..."

אוו עכשיו רק שמתי לב שמופיע לך 3 פעמים phone.
זה לא כשר, מאפיין id הוא ייחודי ויכול להופיע רק פעם אחת במסמך.
את יכולה לתת להם אותו name ואז לעבור על כולם בלולאה.

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

לדוגמא:
קוד:
<html>
	<script type="text/javascript" src="phone.js"></script>
	<body>
	text text text text<br/>
	text text text text<br/>
	text text text text <br/> <script type="text/javascript">document.write(phoneNum);</script> text text text text <br/>
	text text text text <br/>
	text text text text <br/>
	text text text text <br/> <script type="text/javascript">document.write(phoneNum);</script> text text text text <br/>
	text text text text <br/>
	text text text text <br/>
	text text text text <br/>
	text text text text <br/> <script type="text/javascript">document.write(phoneNum);</script> text text text text <br/>
	text text text text
	</body>
</html>
כאשר phone.js הוא פשוט:

קוד PHP:

var phoneNum = "phone no.";

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

_____________________________________

תוספים לפורום
קורס לטינית בלעדי לפרש, בפורום שפות ובלשנות.

נערך לאחרונה ע"י ShoobyD בתאריך 29-08-2011 בשעה 19:07.

#15

29-08-2011, 19:17

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

בתגובה להודעה מספר 14 שנכתבה על ידי ShoobyD שמתחילה ב "אוו עכשיו רק שמתי לב שמופיע..."

זה עובד!!!

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

_____________________________________

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

#16

29-08-2011, 19:25

	ShoobyD מנהל משבראש, בלשנות, תכנות ויהדות		חבר מתאריך: 04.06.06 הודעות: 33,130

בתגובה להודעה מספר 15 שנכתבה על ידי i-pink שמתחילה ב "זה עובד!!! עכשיו רק נשאר..."

מה הכוונה? המחרוזת יכולה להיות קוד HTML.

_____________________________________

תוספים לפורום
קורס לטינית בלעדי לפרש, בפורום שפות ובלשנות.

בתגובה להודעה מספר 15 שנכתבה על ידי i-pink שמתחילה ב "זה עובד!!! עכשיו רק נשאר..."

קוד:

var a = "word text\nmore text";

var b = "first line\
	next line\
	last line";

#18

29-08-2011, 19:30

	ShoobyD מנהל משבראש, בלשנות, תכנות ויהדות		חבר מתאריך: 04.06.06 הודעות: 33,130

בתגובה להודעה מספר 17 שנכתבה על ידי ישראל K שמתחילה ב "[CODE]var a = "word..."

זה לא יעבוד, הרי כל מעברי שורה, טאבים ורווחים צמודים מכונסים לרווח אחד בודד.
קוד:
var a = "word text\nmore text";
יוצג כ־"word text more text"

צריך לשים
קוד:
var a = "word text<br/>more text";
בשביל מעבר שורה.

_____________________________________

תוספים לפורום
קורס לטינית בלעדי לפרש, בפורום שפות ובלשנות.

#19

29-08-2011, 21:21

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

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

ישראל K וShoobyD,

תודה!

עובד!!!!!!!!!!

_____________________________________

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

#20

29-08-2011, 23:18

	ShoobyD מנהל משבראש, בלשנות, תכנות ויהדות		חבר מתאריך: 04.06.06 הודעות: 33,130

בתגובה להודעה מספר 19 שנכתבה על ידי i-pink שמתחילה ב "ישראל K וShoobyD,..."

אין בעד מה

_____________________________________

תוספים לפורום
קורס לטינית בלעדי לפרש, בפורום שפות ובלשנות.

בתגובה להודעה מספר 10 שנכתבה על ידי i-pink שמתחילה ב "מאוד פשוט. יש לי טפריט, ועוד..."

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

והיום בפינת הלשון:
include = הכללה/לכלול.
script = תסריט.

#22

29-08-2011, 18:48

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

בתגובה להודעה מספר 21 שנכתבה על ידי ישראל K שמתחילה ב "למה שלא תבצעי זאת בצד..."

אני מכירה את האופציה של צד שרת, אבל הוחלט לעבוד HTML נקי עם js

_____________________________________

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

בתגובה להודעה מספר 22 שנכתבה על ידי i-pink שמתחילה ב "אני מכירה את האופציה של צד..."

ציטוט:

במקור נכתב על ידי i-pink

אני מכירה את האופציה של צד שרת, אבל הוחלט לעבוד HTML נקי עם js

_____________________________________

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

#24

29-08-2011, 19:04

i-pink

מנהלת פורום עשה זאת בעצמך •°ºοΟ דוגמנית הבית Οοº°•

חבר מתאריך: 23.11.09

הודעות: 2,977

בתגובה להודעה מספר 23 שנכתבה על ידי Eran שמתחילה ב "[QUOTE=i-pink]אני מכירה את..."

יש סיבה טובה מאוד שאני לא רוצה שהשרת יריץ צד שרת.

_____________________________________

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

בתגובה להודעה מספר 24 שנכתבה על ידי i-pink שמתחילה ב "יש סיבה טובה מאוד שאני לא..."

אם זה חשש מפריצה אז אני חושב שאין לך מה לדאוג, במיוחד אם הקוד פשוט (ומהדרישות של האתר זה נראה שהוא אמור להיות פשוט..)

כלי אשכול	חפש באשכול זה
הצג גירסת הדפסה שלח דף זה ב E-Mail	חפש באשכול זה: חיפוש מתקדם
מצבי תצוגה	דרג אשכול זה
עבור למצב לינארי מצב כלאיים עבור למצב משורשר	דרג אשכול זה:

הדף נוצר ב 0.12 שניות עם 10 שאילתות
צור קשר - Fresh - למעלה