پی سی دی ال امروز براتون یک آموزش جدید از سری آموزش های جاوااسکریپت آماده کرده است. در این آموزش یاد خواهیم گرفت که چطور به سایتمون بگیم که اگه تو ایفریم باز شد مقداری کد رو اجرا کنه یا سایتی که ایفیم سایت ما رو قرار داد رو ببنده. این آموزش خیلی مفیده برای کسانی که ابزار های اختصاصی برای خودشون قرار میدن چون سایت های دیگه برای این که اون ابزار رو داخل سایت خودشون داشته باشند گاهی اوقات از ایفریم استفاده میکنند یا مانند چند مدت پیش که سایت های مینی دایرکتوری زیاد شده بود و ایفریم تمامی مطالب سایت دیگران رو تو خودش داشت.
به نظرم خودتون بهتر از من میدونید که این کار چقدر مفیده پس بیشتر توضیح نمیدم و مستقیم میرم سراغ آموزش.
طبق معمول یک ویرایشگر اچ تی ام ال باز میکنیم و تگ های باز و بسته اسکریپت رو داخلش مینویسیم.
| 1 2 3 | <script> //Some Code here </script> |
حالا باید یک خط دستور شرطی بنویسیم که چک کنه کد در داخل ایفریم باز شده یا آدرسش در مرور گر وارد شده و باز شده.
| 1 2 3 4 5 6 | <script> if (window.top != window.self) { //Some code here } </script> |
در کد بالا گفتیم در صورتی که آدرسی که کد توش اجرا شده (Window.self) با آدرسی که داخل مرورگر وارد شده(Window.top) یکی نبود کد هایی رو اجرا کنه.
حال برای مثال میخواهیم در صورتی که ایفریم بود صفحه صفید بیاره. از کد زیر استفاده میکنیم(این قسمت به خودتون بستگی داره که میخواهید چه کدی رو اجرا کنید و ما برای مثال صفحه صفید رو اجرا میکنیم).
| 1 2 3 4 5 6 | <script> if (window.top != window.self) { document.write('<div style="position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:white;"></div>'); } </script> |
همچنین میتونید با کد زیر بگید در صورتی که سایتم در داخل ایفریم بود کدی رو اجرا کنه که آدرسم بشه آدرس اصلی و سایت باز بشه ولی در داخل ایفریم نباشه.
| 1 2 3 4 5 6 | <script> if (window.top != window.self) { window.top.location = "http://pi3idl.com"; } </script> |
این آموزشم تمام شد. امیدوارم که خوب یاد گرفته باشید. در صورتی که مشکلی داشتین تو قسمت نظرات یا تالار گفتمان بیان کنید تا بهش رسیدگی بشه.
چرا به صورت فیلم دیگه نمیزارین؟
چشم. فیلم آموزشی هم سعی میکنم بیشتر کار کنم و بزارم.
مرسی
ممنون آقا هومن ، به کارم اومد.
سایت بسیار زیبایی دارید.
قشنگ بـــــــــــــــــود
سایتتون عالیه
مطالبتون عالیه
سلام خسته نباشی سایت خوبی دارین چرا “ابزار ساخت کد باکس از کد شما” ادامه مطلبش نمیاد خیلی کدش مفیده خواهش درست کنید ادامه مطلبشو
پست تست شده و خوب کار میکنه…
با سلام
باید بگم دست مریزاد سایت عالی و خوبی دارین. موفق و پیروز باشین.
باسلام
ممنون از پست خوبتون.
سلام داداش چرا این کد دیکه کار نمیکنه
http://www.pi3idl.com/2013/09/codebox-from-youre-code/
کد تست شد و هیچ مشکلی نداره…
مرسی از سایت خوبتون
با سلام عالی بود. با تشکر از زحمات شما.
مفید بود مرسی
ممنون از پست خوبتون.
خیلی مطلب خوب و مفید و مختصری بود مرسی از زحماتتون
خیلی هم عالیه