PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : :: استایل دهی به عناصر iframe ::


JAV!D
May 31st, 2014, 09:41
درود .

از تگ iframe برای فراخوانی چندتا لینک و متن استفاده کردم ، می خواستم بدونم چطور میشه به لینک ها و متن های درون تگ iframe استایل دلخواه داد ؟!
hamid.soltani92
May 31st, 2014, 10:07
سلام.
یک نمونه کد با jquery:


$('iframe').load( function() {
$('iframe').contents().find("head")
.append($("<style type='text/css'> .my-class{display:none;} </style>"));
});
راه بعدی هم به این صورته:


<html>
<head></head>
<body id="myId">
</body>
</html>--------------------------
#myId {
background-color: white;
}




- - - Updated - - -

البته از override کردن هم میتونید استفاده کنید.مثلا:
color:red !important;
JAV!D
May 31st, 2014, 10:13
دوست عزیز ، اون قسمت jquery که از استایل استفاده کردید ، میشه یه url قرار داد که از یه جا دیگه Load بشه ؟!
hamid.soltani92
May 31st, 2014, 10:16
بله
به این شکل میشه:


$('iframe').load( function() {
$('iframe').contents().find("head")
.append($('<link rel="stylesheet" href="http://address-to-css-file">'));
});
JAV!D
May 31st, 2014, 10:18
این کد jquery رو باید داخل تگ هد فراخوانی کنم ، یا داخل بادی هم باشه مشکلی نیست ؟!
JAV!D
May 31st, 2014, 10:38
از کد ها استفاده کردم ، ولی تغییری داخل iframe ایجاد نشد !!
hamid.soltani92
May 31st, 2014, 11:02
لطفا کدهایی که ایجاد کردید رو نشون بدید.
JAV!D
May 31st, 2014, 11:15
<script>
$('iframe').load( function() {
$('iframe').contents().find("head")
.append($('<link rel="stylesheet" href="style02.css">'));
});
</script>
<iframe frameborder="0" scrolling="no" src="http://link"></iframe>
hamid.soltani92
May 31st, 2014, 11:23
عرض کردم این کد jquery هست! باید کتابخانه jquery رو فراخوانی کنید :|
JAV!D
May 31st, 2014, 11:29
الان کتابخانه jquary فراخوانی کردم ، زیاد با دستورات jquary آشنایی ندارم ، فایل js داخل یه فولدر هست ، اما میخوام که فایل استایل خارج از فولدر باشه ، داخل jquary چطوری باید لینک داد به یه فولدر قبل ؟!
Yas-Host
May 31st, 2014, 11:36
الان کتابخانه jquary فراخوانی کردم ، زیاد با دستورات jquary آشنایی ندارم ، فایل js داخل یه فولدر هست ، اما میخوام که فایل استایل خارج از فولدر باشه ، داخل jquary چطوری باید لینک داد به یه فولدر قبل ؟!

بردار خوبم , وقتی شما استایلی رو با کد :




<link href="style.css" rel="stylesheet" type="text/css" />


به HTML وارد میکنید این استایل از داخل همون کنار فایل HTML شما فراخوانی خواهد شد.

حال اگر بخواید از Class در جی کوئری استفاده کنید که موردی نیست میتوانید و جی کوئری میاد از روی style شما که در HTML قرار داده شده است میخواند.

حال اگر میخواهید یک فولدر قبل تر فراخوانی شود باید از کد :




<link href="../style.css" rel="stylesheet" type="text/css" />




استفاده کنید :

فرقش فقط یک ../ قبل از اسم فایل style می باشد.

موفق باشید.
JAV!D
May 31st, 2014, 11:46
با فراخوانی جی کوئری هم iframe هیچ تغییری نکرد !!
hamid.soltani92
May 31st, 2014, 12:21
با فراخوانی جی کوئری هم iframe هیچ تغییری نکرد !!
دوست عزیز لطفا این سوال رو پاسخ بدید:
دامنه فریم مورد نظر، با دامنه صفحه ای که فریم ها رو فراخونی کردید یکیه؟ اگر یکی باشه کد بدون مشکل اجرا میشه.
اگر هم یکی نباشه که مشخصه! به دلایل امنیتی مرورگرتون جلوی انجام این کار رو میگیره.
JAV!D
May 31st, 2014, 12:34
دوست عزیز لطفا این سوال رو پاسخ بدید:
دامنه فریم مورد نظر، با دامنه صفحه ای که فریم ها رو فراخونی کردید یکیه؟ اگر یکی باشه کد بدون مشکل اجرا میشه.
اگر هم یکی نباشه که مشخصه! به دلایل امنیتی مرورگرتون جلوی انجام این کار رو میگیره.

iframe به درستی بار گذاری میشه ، اما قصد دارم به متن و لینک های داخل iframe استایل بدم ، که با استایل نشون نمیده !