עזרה בנושא iframe

hezi_an · 6/3/16

עזרה בנושא iframe

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

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

השאלה איך אני עושה משהו כזה
ראיתי שאפשר לעשות את זה עם div אבל לא הצלחתי להבין איך אני משנה את המלל באותו div

מקווה שהסברתי את עצמי נכון

hezi_an · 7/3/16

הסבר קצת יותר מפורט

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

אם הבנתי נכון- אפשר לעשות את זה עם div ואז לשנות את הdiv שמוצג
השאלה היא איך עושים את זה..

תודה רבה

עוץליגוץלי · 7/3/16

נסיון

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

קוד:

<!doctype html>
<html>
    <head>
        <title>Bla</title>
        <style type='text/css'>
			div.hidden { display:none; }
			div.show { display:block; }
        </style>
        <script type='text/javascript'>
			var m_Divs = [];
			var m_CurrentDiv = null;
			function Init() {
				var divNames = ['div1','div2','div3','div4','div5','div6']
				var i;
				for (i in divNames) {
					m_Divs[i] = document.getElementById(divNames[i]);
				}
			}
			
			function ShowDiv(i) {
				if (m_CurrentDiv) {
					m_CurrentDiv.className = 'hidden';
				}
				m_CurrentDiv = m_Divs[i];
				m_CurrentDiv.className = 'show';
			}
        </script>
    </head>
    <body  id='body' onload='Init();'>
		<button onclick='ShowDiv(0);'>Show div 1</button>
		<button onclick='ShowDiv(1);'>Show div 2</button>
		<button onclick='ShowDiv(2);'>Show div 3</button>
		<button onclick='ShowDiv(3);'>Show div 4</button>
		<button onclick='ShowDiv(4);'>Show div 5</button>
		<button onclick='ShowDiv(5);'>Show div 6</button>
		<div id='div1' class='hidden'>Content on div #1</div>
		<div id='div2' class='hidden'>Content on div #2</div>
		<div id='div3' class='hidden'>Content on div #3</div>
		<div id='div4' class='hidden'>Content on div #4</div>
		<div id='div5' class='hidden'>Content on div #5</div>
		<div id='div6' class='hidden'>Content on div #6</div>
    </body>
</html>

hezi_an · 7/3/16

מעולה..

אני עובד על זה עכשיו שיתאים לי...

תודה רבה

עזרה בנושא iframe

hezi_an

New member

hezi_an

New member

עוץליגוץלי

New member

hezi_an

New member