ای فریم های کاستوم

[محمدمهدیـ 122]

سلام

چطوری میتونم بخشی از یک صفحه

مثلا وسط یک صفحه به ادرس site.com

با طول و عرض مشخصی رو

داخل صفحه ای مثل site2.com

بصورت

iframe

نشون بدم ؟؟ !

[Parsa 23463]

با تنظیم margin

<div style="border: 3px solid rgb(201, 0, 1); overflow: hidden; margin: 15px auto; max-width: 736px;">
<iframe scrolling="no" src="http://www.w3schools.com/css/default.asp" style="border: 0px none; margin-left: -185px; height: 859px; margin-top: -533px; width: 926px;">
</iframe>
</div>

http://www.dimpost.com/2012/12/iframe-how-to-display-specific-part-of.html

[Ghasem Paran 333]

سلام

من از این روش استفاده کردم ، اما هر دفعه که باز میکنم ، جاش عوض میشه :

<div style="overflow: hidden; margin: 15px auto; max-width: 736px;">
<iframe scrolling="no" src="http://www.time.ir" style="border: 0px none;  height: 583px; margin-top: -457px; width: 492px;margin-left: 270px;">
</iframe>
</div>

راهنمایی کنید لطفا

[Morteza 34190]

جای چی عوض میشه؟

[Ghasem Paran 333]

جای چی عوض میشه؟

محل نمایش

اصلش باید اینجوری باشه :

اما هر دفعه refresh میکنم ، یه جا را نشون میدهد.

ویرایش شده دی 92 توسط Ghasem Paran

[Morteza 34190]

از استایلتون نیست؟کامل بررسی کردین؟

خودکار که نباید جابجا بشه

[Ghasem Paran 333]

از استایلتون نیست؟کامل بررسی کردین؟

خودکار که نباید جابجا بشه

بله ، استایل درسته.خودتون میتوانید امتحان کنید.

[imanfakhar 26231]

محل نمایش

اصلش باید اینجوری باشه :

اما هر دفعه refresh میکنم ، یه جا را نشون میدهد.

این نشانی را چک کنید

http://www.time.ir/#divEphemerisByCity

[Ghasem Paran 333]

این نشانی را چک کنید

http://www.time.ir/#divEphemerisByCity

چک کردم ، هر دفعه باز میکنم ، جاش عوض میشه.دلیلش چی هست ؟

[Morteza 34190]

باقی اسکریپت ها و کد های اضافی رو باید حذف کنید تا به علت برسید

[Ghasem Paran 333]

باقی اسکریپت ها و کد های اضافی رو باید حذف کنید تا به علت برسید

متوجه منظورتون نشدم ، میشه بیشتر توضیخ بدید.ممنون

[Parsa 23463]

کدها رو در صورتی که آشنا هستید بخوانید

در غیر این صورت حذف کنید تا مشخص بشه مشکل از کجاست

[Ghasem Paran 333]

کدها رو در صورتی که آشنا هستید بخوانید

در غیر این صورت حذف کنید تا مشخص بشه مشکل از کجاست

خب منم میخوام همینو بدوم :

کدهای

ای فریم رو میگید یا صفحه ؟

[Parsa 23463]

احتمالا به خاطر نحوه لود برگه هست

که هر بار به شکلی لود میشود

[Ghasem Paran 333]

سلام

راهی هست که یک صفحه بزرگتر را در iframe کوچک جا داد ؟

لینک زیر را ببینید :

http://khabargir.ir/newspaper.html

نصف iframe نیست و به زیر ابزارک ها رفته ....

اصلا میشه همچین کاری کرد ؟

ویرایش شده بهمن 92 توسط Ghasem Paran

[imanfakhar 26231]

من متوجه نشدم صفحه ای که لینک دادید صفحات popup باز می کنه که مرورگر من اجازه لود چنین صفحاتی رو نمی ده

اینکه iframe نصف بشه که منطقی نیست بسته به کد مرجع شاید بشه از دو iframe استفاده کرد یا از آژاکس

[Ghasem Paran 333]

اینم عکس اون صفحه :

همان طور که مبینید ، بقیه iframe به زیر ابزارک ها رفته است.

ویرایش شده بهمن 92 توسط Ghasem Paran

[imanfakhar 26231]

منظورتون بخش هاییی مثل نصف روزنامه اقتصاده؟

با css اینکار را بکنید

overflow-x:hidden;
overflow-y:auto;

[Ghasem Paran 333]

این تصویر را با تصویر قبل مقایسه کنید :

نصف iframe به زیر ابزارک ها رفته.

راهی هست داخل همان مقدار جایی که تو عکس اول نشان داده شده ، صفحه باز بشه ؟ (قسمت زیر ابزارک نشان داده شود بدون این که به زیر ابزارک ها برود)

ویرایش شده بهمن 92 توسط Ghasem Paran

[imanfakhar 26231]

با جی کوئری می شه

<script>$("#iframe").contents().find(".example").css("maxWidth", "100%");</script>

با این کد به کلاس example سند داخل آی فریم استایل می دهند

[Ghasem Paran 333]

استفاده کردم ، اما کار نکرد :

<div style="overflow: hidden;">
<iframe id="iframe" scrolling="no" src="http://www.jaaar.com/frontpage#!/table/all" style="border: 0px none;  height: 732px; margin-top: -85px; width: 974px;">
</iframe>
<script>$("#iframe").contents().find("#kiosk-container").css("maxWidth", "100%");</script>
</div>

[imanfakhar 26231]

برای تنظیمات داخل iframe من تابع دیگه ای نمی شناسم

باید css فایل مرجع را بخونید تا بتونید به محل مناسب خاصیت دلخواه را بدهید

http://api.jquery.com/contents/