Изменение атрибутов внутри iframe с помощью jQuery - PullRequest
Новая
       8

Изменение атрибутов внутри iframe с помощью jQuery

0 голосов
/ 02 апреля 2012

Я пытался заставить это работать весь день, я хочу изменить CSS внутри iframe с помощью jquery. Он прекрасно работает на отдельной странице, и я могу изменить другие атрибуты внутри iframe, но не .css href, который я хочу изменить с помощью id = "theme-changer"? Это действительно глючит меня. Страница является отдельной страницей, поэтому в данный момент она меняет идентификатор переключателя темы. Там нет XSS, он находится в одном домене. Я пытался применить jQuery .contents к функции .click, но, похоже, она не работает. 

<style type="text/css">@import url("theme-switcher.css");</style>
<link id="theme-toggle" href='firenze.css' rel='stylesheet' type='text/css' />
<link id="b" href='a.css' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="http://www.google.com/jsapi"></script>


<script>google.load("jquery", "1.3.1");
google.setOnLoadCallback(function()
{

// Color changer
$(".cherrycheesecake").click(function(){
$("#theme-toggle").attr("href", "cherry-cheesecake.css");
return false;
});

$(".sandystonebeach").click(function(){
$("#theme-toggle").attr("href", "sandy-stone-beach.css");
return false;
});             

$(".firenze").click(function(){
$("#theme-toggle").attr("href", "firenze.css");
return false;
});
});
</script>
</head>
<body>
<div id="colorchanger">
<a class="colorbox sandystonebeach" title="Sandy stone beach"></a>
<a class="colorbox firenze" title="firenze"></a>
<a class="colorbox cherrycheesecake" title="Cherry Cheesecake"></a>

</div>
<h1>h1</h1><br />
<h2>h2</h2><br /> 
<h3><a href="#">h3</a></h3><br />
...