ایمان مدائنی
دوشنبه 30 اردیبهشت 1392, 15:30 عصر
سلام دوستان
امروز براتون لود کردن صفحه در iframe با زدن یک دکمه خاص رو میزارم
اول اون دوستانی که نمیدونن iframe چیه یک توضیحی میدم
IFrame چیست؟
IFrame ها تگ هایی هستند که با استفاده از آنها میتوان یک سایت،وبلاگ دیگر یا بخشی از آنها را در صفحه خود قرار داد.یعنی حکم یک تب یا پنجره مجزا را در داخل وبلاگ یا سایت بازی میکنند که آدرس از قبل وارد شده در کدها را نشان میدهند.به کار بردن IFrame ها بسیار ساده است و فقط یک تگ است و چند تنظیمات دلخواه!
برای به کار بردن IFrame ها از تگ زیر استفاده میکنیم:
<iframe></iframe>
کد بالا،شیوه ساده آی فریم است که هیچ کاری انجام نمیدهد و منتظر دستورات بعدی ماست.برای دادن آدرس اینترنتی به IFrame مان ، از صفت src استفاده میکنیم:
<iframe src="آدرس صفحه" mce_src="آدرس صفحه"></iframe>
باید به جای عبارت آدرس صفحه ، آدرس سایت یا وبلاگ یا ... مورد نظرمان را وارد کنیم
خب بریم سر اصل مطلب
تکه کد زیر رو ببینید تا توضیحات کامل رو بدم
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Reload iframe</title>
<mce:script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js" mce_src="http://code.jquery.com/jquery-1.8.2.js"></mce:script>
<mce:script type="text/javascript"><!--
$(function() {
$('#btnRefresh').click(function() {
$('#testframe').attr('src', $('#testframe').attr('src'));
});
});
// --></mce:script>
</head>
<body>
<div>
<input type="submit" name="go" id="btnRefresh" value="Refresh Iframe"/><br />
<iframe id="testframe" src="http://www.madaeny.com" mce_src="http://www.madaeny.com" width="350px" height="350px"></iframe>
</div>
</body>
</html>
قسمت اول در Head صفحه میباشد
<mce:script type="text/javascript"><!--
$(function() {
$('#btnRefresh').click(function() {
$('#testframe').attr('src', $('#testframe').attr('src'));
});
});
// --></mce:script>
در کد بالا وقتی کاربر روی کلیدی با نام btnRefresh کلیک میکنه iframe بروز رسانی میشه
در واقع Refresh میشه
بقیه کد هم تعریف خود iframe می باشد
<div>
<input type="submit" name="go" id="btnRefresh" value="Refresh Iframe"/><br />
<iframe id="testframe" src="http://www.madaeny.com" mce_src="http://www.madaeny.com" width="350px" height="350px"></iframe>
</div>
حالا اگه خواستید با کلیک روی یک دکمه کلا سایتی که درون iframe لود شده عوض بشه از کد زیر استفاده میکنیم
$("#myiframe").attr("src") = "madaeny.com";
امیدوارم موفق و پیروز باشید
در صورتی که نیاز به مقاله یا آموزشی داشتید بگید تا براتون درست کنم
منبع مقاله : Madaeny.com (http://www.madaeny.com/)
امروز براتون لود کردن صفحه در iframe با زدن یک دکمه خاص رو میزارم
اول اون دوستانی که نمیدونن iframe چیه یک توضیحی میدم
IFrame چیست؟
IFrame ها تگ هایی هستند که با استفاده از آنها میتوان یک سایت،وبلاگ دیگر یا بخشی از آنها را در صفحه خود قرار داد.یعنی حکم یک تب یا پنجره مجزا را در داخل وبلاگ یا سایت بازی میکنند که آدرس از قبل وارد شده در کدها را نشان میدهند.به کار بردن IFrame ها بسیار ساده است و فقط یک تگ است و چند تنظیمات دلخواه!
برای به کار بردن IFrame ها از تگ زیر استفاده میکنیم:
<iframe></iframe>
کد بالا،شیوه ساده آی فریم است که هیچ کاری انجام نمیدهد و منتظر دستورات بعدی ماست.برای دادن آدرس اینترنتی به IFrame مان ، از صفت src استفاده میکنیم:
<iframe src="آدرس صفحه" mce_src="آدرس صفحه"></iframe>
باید به جای عبارت آدرس صفحه ، آدرس سایت یا وبلاگ یا ... مورد نظرمان را وارد کنیم
خب بریم سر اصل مطلب
تکه کد زیر رو ببینید تا توضیحات کامل رو بدم
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Reload iframe</title>
<mce:script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js" mce_src="http://code.jquery.com/jquery-1.8.2.js"></mce:script>
<mce:script type="text/javascript"><!--
$(function() {
$('#btnRefresh').click(function() {
$('#testframe').attr('src', $('#testframe').attr('src'));
});
});
// --></mce:script>
</head>
<body>
<div>
<input type="submit" name="go" id="btnRefresh" value="Refresh Iframe"/><br />
<iframe id="testframe" src="http://www.madaeny.com" mce_src="http://www.madaeny.com" width="350px" height="350px"></iframe>
</div>
</body>
</html>
قسمت اول در Head صفحه میباشد
<mce:script type="text/javascript"><!--
$(function() {
$('#btnRefresh').click(function() {
$('#testframe').attr('src', $('#testframe').attr('src'));
});
});
// --></mce:script>
در کد بالا وقتی کاربر روی کلیدی با نام btnRefresh کلیک میکنه iframe بروز رسانی میشه
در واقع Refresh میشه
بقیه کد هم تعریف خود iframe می باشد
<div>
<input type="submit" name="go" id="btnRefresh" value="Refresh Iframe"/><br />
<iframe id="testframe" src="http://www.madaeny.com" mce_src="http://www.madaeny.com" width="350px" height="350px"></iframe>
</div>
حالا اگه خواستید با کلیک روی یک دکمه کلا سایتی که درون iframe لود شده عوض بشه از کد زیر استفاده میکنیم
$("#myiframe").attr("src") = "madaeny.com";
امیدوارم موفق و پیروز باشید
در صورتی که نیاز به مقاله یا آموزشی داشتید بگید تا براتون درست کنم
منبع مقاله : Madaeny.com (http://www.madaeny.com/)