שינוי תוכן IFRAME בקליק

תיאור:

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

first קוד:

<script type="text/javascript">
// GRAB CLICK AND ASSIGN TO IFRAME
jQuery(function($){
	$('div#loadFrame').click(function() {
		var framesrc = $(this).attr('srcval');
		var iframeid = $('iframe#testerframe');
		$('iframe#testerframe').attr('src', framesrc);
	});
});
</script>

second קוד:

<div>
<ul>
	<li><div id="loadFrame" srcval="http://www.sagive.co.il">שגיב SEO קידום אתרים בגוגל</a></li>
	<li><div id="loadFrame" srcval="http://www.sagive.co.il/forum/">פורום קידום אתרים</a></li>
	<li><div id="loadFrame" srcval="http://moz.com/community/q">שאלות ותשובות בSeomoz</a></li>
	<li><div id="loadFrame" srcval="http://forums.seochat.com/">פורומים למקדמי אתרים בseochat</a></li>
	<li><div id="loadFrame" srcval="http://seoforums.org/">פורומים למקדמי אתרים SeoForums</a></li>
</ul>
</div>
<iframe src="" id="testerframe" frameborder="0" style="height: 500px; width: 100%;"></iframe>

סניפטים דומים: