Load کردن iframe با استفاده از Jquery

Load کردن iframe با استفاده از Jquery <br/> IFrame ها تگ هایی هستند که با استفاده از آنها میتوان یک سایت،وبلاگ دیگر یا بخشی از آنها را در صفحه خود قرار داد.یعنی حکم یک تب یا پنجره مجزا را در داخل وبلاگ یا سایت بازی میکنند که آدرس از قبل وارد شده در کدها را نشان میدهند.به کار بردن IFrame ها بسیار ساده است و فقط یک تگ است و چند تنظیمات دلخواه! <br/>

سلام دوستان

امروز براتون لود کردن صفحه در iframe با زدن یک دکمه خاص رو میزارم

اول اون دوستانی که نمیدونن iframe چیه یک توضیحی میدم

IFrame چیست؟
IFrame ها تگ هایی هستند که با استفاده از آنها میتوان یک سایت،وبلاگ دیگر یا بخشی از آنها را در صفحه خود قرار داد.یعنی حکم یک تب یا پنجره مجزا را در داخل وبلاگ یا سایت بازی میکنند که آدرس از قبل وارد شده در کدها را نشان میدهند.به کار بردن IFrame ها بسیار ساده است و فقط یک تگ است و چند تنظیمات دلخواه!
برای به کار بردن IFrame ها از تگ زیر استفاده میکنیم:

کد بالا،شیوه ساده آی فریم است که هیچ کاری انجام نمیدهد و منتظر دستورات بعدی ماست.برای دادن آدرس اینترنتی به IFrame مان ، از صفت src استفاده میکنیم:

باید به جای عبارت آدرس صفحه ، آدرس سایت یا وبلاگ یا ... مورد نظرمان را وارد کنیم

خب بریم سر اصل مطلب

تکه کد زیر رو ببینید تا توضیحات کامل رو بدم

<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"></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"></mce:script>

در کد بالا وقتی کاربر روی کلیدی با نام btnRefresh کلیک میکنه iframe بروز رسانی میشه

در واقع Refresh میشه

بقیه کد هم تعریف خود iframe می باشد

حالا اگه خواستید با کلیک روی یک دکمه کلا سایتی که درون iframe لود شده عوض بشه از کد زیر استفاده میکنیم

$("#myiframe").attr("src") = "madaeny.com";

امیدوارم موفق و پیروز باشید

در صورتی که نیاز به مقاله یا آموزشی داشتید بگید تا براتون درست کنم

مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

دوره های در حال ثبت نام آکادمی برنامه نویسان

Load کردن iframe با استفاده از Jquery

ایمان مدائنی

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید