לוגו אתר Fresh          
 
 
  אפשרות תפריט  ראשי     אפשרות תפריט  צ'אט     אפשרות תפריט  מבזקים     אפשרות תפריט  צור קשר     חץ שמאלה ‎print ‎"Hello World!"; if‎ ‎not rules.‎know ‎then rules.‎read();‎ חץ ימינה  

לך אחורה   לובי הפורומים > מחשבים > תכנות ובניית אתרים
רענן עמוד זה קישור בתוך קישור
שמור לעצמך קישור לדף זה באתרי שמירת קישורים חברתיים
תגובה
« לאשכול הקודם | לאשכול הבא »
 
כלי אשכול חפש באשכול זה



  #1  
ישן 08-05-2011, 20:32
  אריה קהלני אריה קהלני אינו מחובר  
 
חבר מתאריך: 08.05.11
הודעות: 4
קישור בתוך קישור
שלום חברים .
אני יודע מעט מאד JS ומשתמש בעיקר בHTML פשוט .

אני פותח <a> כאשר הtarget של ה href הוא ifram כלשהו הבעיה היא שה iframe נמצא במקום מרוחק על הדף . מהקישור עצמו , אבל אני לא יכול להגדיר עוגן ואז לקשר עם אותו אובייקט ( תמונה כלשהי) גם לתוכן שאני רוצה להביא לiframe מאתר אחר וגם לעוגן .

כל תשובה תתקבל בברכה - גם js , jquery ומה שתרצו אבל אני אשמח אם יש לזה פתרון ברמת html
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #2  
ישן 08-05-2011, 20:42
  משתמש זכר dorM dorM אינו מחובר  
מנהל
  
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 1 שנכתבה על ידי אריה קהלני שמתחילה ב "קישור בתוך קישור"
תוכל להיעזר במאפיין target, ראה http://www.w3.org/TR/html4/present/...tml#target-info
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #3  
ישן 08-05-2011, 21:37
  אריה קהלני אריה קהלני אינו מחובר  
 
חבר מתאריך: 08.05.11
הודעות: 4
בתגובה להודעה מספר 2 שנכתבה על ידי dorM שמתחילה ב "תוכל להיעזר במאפיין target,..."
אחלה אתר אבל , לא הבנת .

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

איך אני משתמש ב href גם לקישור אל ה iframe וגם לקישור לעוגן ?
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #4  
ישן 08-05-2011, 22:30
צלמית המשתמש של Eran
  משתמש זכר Eran Eran אינו מחובר  
 
חבר מתאריך: 27.02.02
הודעות: 4,536
שלח הודעה דרך ICQ אל Eran
בתגובה להודעה מספר 3 שנכתבה על ידי אריה קהלני שמתחילה ב "אחלה אתר אבל , לא הבנת ...."
אז js

תן קישור רגיל לעוגן אבל תוסיף את השינוי של המיקום של ה iframe דרך js ממש כך:
קוד PHP:
 <script type="text/javascript">
<!--
function changePage()
{
   window.frames["page2"].location = "http://fresh.co.il";
}
//-->
</script> 

<a href="#subject" onclick="changePage()">link1</a>
<iframe  name="page2"></iframe> 


זה אמור לעבוד...

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

<noscript><a target="page2" href="http://fresh.co.il">reload the iframe</a></noscript>
_____________________________________

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

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #5  
ישן 09-05-2011, 15:16
  אריה קהלני אריה קהלני אינו מחובר  
 
חבר מתאריך: 08.05.11
הודעות: 4
בתגובה להודעה מספר 4 שנכתבה על ידי Eran שמתחילה ב "אז js תן קישור רגיל לעוגן..."
אני מודה לך מאד אבל זה לא מה שחיפשתי .

תראה זה :

<a href="http://canadianbiodiversity.mcgill.ca/data/sppphotos/mammals/pikapika.jpg" target="theplace" type="application/x-shockwave-flash">

<img src="http://canadianbiodiversity.mcgill.ca/data/sppphotos/mammals/pikapika.jpg" height="100" width = "100"/>
</a>

<iframe height="500" name="theplace"></iframe></div>

הקוד שלי


אני רק רוצה שזה לא ישים את התמונה של האוגר בפנים אלא גם יקפוץ למיקום של ה
iframe
אולי הג'וואה שלך פותר את הבעיה אבל אין לי מושג איך להשתמש בו ...
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #6  
ישן 09-05-2011, 16:37
צלמית המשתמש של Eran
  משתמש זכר Eran Eran אינו מחובר  
 
חבר מתאריך: 27.02.02
הודעות: 4,536
שלח הודעה דרך ICQ אל Eran
בתגובה להודעה מספר 5 שנכתבה על ידי אריה קהלני שמתחילה ב "אני מודה לך מאד אבל זה לא מה..."
את הקוד שאתה נותן תכתוב בתגיות כי קשה לקרוא את זה מימין לשמאל.


אני אנסה לא לסבך אותך
קוד:

<html>

<head>
<script type="text/javascript">
<!--
function changePage()
{
	window.frames["page2"].location = "http://fresh.co.il";
}

function checkHash()
{
	if (location.hash == "#subject")
		changePage();
}
//-->
</script> 
</head>
<body onload="checkHash()">

<a onclick="changePage()" href="#subject">link1</a>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<a name="subject"><iframe name="page2"></iframe></a>

</body>
</html>

סימנתי באדום כל מה שקשור ל JavaScript
ואני יוצא מנקודת הנחה שאת ה HTML אתה מבין

1. אם פשוט תמחק את כל מה שבאדום אז ברגע שלוחצים על link1 הדף יקפוץ לעוגן -> ל iframe שכרגע הוא פשוט ריק. דף ללא JavaScript.

2. ה JavaScript יודע להאזין לאירועים.
בדוגמא הזאת, לאירוע onClick שהוספתי ל link1, כך שבמידה ומישהו לחץ על הלינק לא רק שהוא יבצע את הפעולה שקבועה אצלו הוא גם יבצע את הפעולה הנוספת שאני הגדרתי לו ב onClick
בדוגמא הפעולה תקרא לפונקציה changePage()

3. function changePage()
יצרתי פונקציה חדשה בשם changePage. הפונקציה מחפשת בדף iframe בשם "page2" והיא מוגדרת לשנות לו את הדף שהוא נמצא עליו
בדוגמא ה iframe בהתחלה לא נמצא על שום דף וברגע שקוראים לפונקציה changePage() הדף ב iframe משתנה לפרש..

4. העוגן:
ברגע שלוחצים על לינק שמוביל לעוגן הוא מוסיף לכתובת # ואת שם העוגן
כך בדוגמא שלוחצים על link1 הוא מוסיף לכתובת #subject ומוביל לעוגן
אם משתמש מעתיק את הכתובת ורושם אותה ישירות כולל העוגן מה שיקרה הוא שהדף ירוץ ישר לעוגן.
הבעיה היא שלא בוצעה שום פעולה שתגדיר את ה iframe.
פתרון, ב JavaScript ניתן לקרוא את העוגן מהכתובת כך שאם הדף נטען כבר מראש עם העוגן נוכל לבצע את פעולת changePage() שתגדיר את התמונה ב iframe וכך נקבל את התוצאה שרצינו

5. קצת סדר עם JavaScript
באופן עקרוני המיקום שלו בדף צריך להיות ב HEAD.
את הפונקציה החדשה checkHash() שבודקת את העוגן בכתובת אני מריץ רק אחרי שהדף סיים להטען
במידה והייתי קורא לו ישירות ב HEAD הדף עדיין לא יצר את ה iframe (כי הוא נמצא מתחתיו) והפונקציה
changePage() לא הייתה מוצאת iframe בשם "page2" -> שגיאה!


הדוגמא המלאה: https://2011-uploaded.fresh.co.il/2...9/26953562.html


עוד קצת פירוט ויוצא מדריך מושלם
שאלות?
_____________________________________

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

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #7  
ישן 09-05-2011, 17:56
  אריה קהלני אריה קהלני אינו מחובר  
 
חבר מתאריך: 08.05.11
הודעות: 4
בתגובה להודעה מספר 6 שנכתבה על ידי Eran שמתחילה ב "את הקוד שאתה נותן תכתוב..."
ואוו תודה .
אתה איש אדיר , גם הבנת אותי וזה גם עושה את העבודה . אני מניח ששום דבר לא יהיה יעיל כמו חלוקה לפונקציות - אם חושבים על זה זה נותן כלים לכמעט הכל (בצד לקוח ).
לא רק שעזרת לי אלא גם הבאת לי סיבה לחזור ללמוד jS .

מעריך מאד .
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #8  
ישן 09-05-2011, 19:42
צלמית המשתמש של Eran
  משתמש זכר Eran Eran אינו מחובר  
 
חבר מתאריך: 27.02.02
הודעות: 4,536
שלח הודעה דרך ICQ אל Eran
בתגובה להודעה מספר 7 שנכתבה על ידי אריה קהלני שמתחילה ב "ואוו תודה . |cool| אתה איש..."
אין על מה

יש תחנת עצירה בדרך שהייתי ממליץ לך לפני JavaScript
שהיא כמובן CSS

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


חג שמייח
_____________________________________

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

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה
« לאשכול הקודם | לאשכול הבא »

כלי אשכול חפש באשכול זה
חפש באשכול זה:

חיפוש מתקדם
מצבי תצוגה דרג אשכול זה
מצב כלאיים מצב כלאיים
דרג אשכול זה:

מזער את תיבת המידע אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים
אתה לא יכול להגיב לאשכולות
אתה לא יכול לצרף קבצים
אתה לא יכול לערוך את ההודעות שלך
קוד vB פעיל
קוד [IMG] פעיל
קוד HTML כבוי
מעבר לפורום



כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 15:39

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

הפורום מבוסס על vBulletin, גירסא 3.0.6
כל הזכויות לתוכנת הפורומים שמורות © 2024 - 2000 לחברת Jelsoft Enterprises.
כל הזכויות שמורות ל Fresh.co.il ©

צור קשר | תקנון האתר