Изменение свойств DIV CSS из глубоко вложенного IFRAME - PullRequest
0 голосов
/ 01 мая 2010

Я работаю с инструментом бизнес-аналитики, который дает мне доступ только к глубоко вложенному iframe для добавления кода. В идеале я хотел бы использовать jQuery и / или обычный старый JavaScript для изменения левого и позиционного CSS элемента div, который на 3 фрейма выше моего IFRAME.

У меня есть доступ для добавления JavaScript / HTML в divArea0_1 в репортажной области IFRAME Я хотел бы изменить propdiv DIV, содержащийся в JSTabbedPanel IFRAME. Надеюсь, приведенный ниже HTML-код будет достаточно разборчивым. :) Любые идеи или помощь с благодарностью.

<html>
<div id = "tabs">
<iframe id = "tabbedPanel">
    <iframe id = "JSTabbedPanel">
        <div id = "treeTypeDiv">
            <div id = "treediv">
                <iframe id = "treeFrame"></iframe>
            </div>
            <div id = "propdiv">
                <iframe id = "propFrame">
                    <div id = "reportpane">
                        <iframe id = "reportiframe">
                            <div id = "divEntire">
                                <div id = "divArea0_1">
                                    <div id = "MyCode goes HERE"></div>
                                </div>
                            </div>
                        </iframe>
                    </div>          
                </iframe>               
            </div>              
        </div>
    </iframe>
</iframe>
</div>
</html>

1 Ответ

0 голосов
/ 01 мая 2010

Предполагая, что идентификаторы не меняются, прямая ссылка на идентификатор элемента является самым быстрым селектором. Используйте метод css и литерал объекта для изменения позиции (при условии, что это display: absolute)

$(document).ready(function() {
    $('#propdiv').css({top:'12px', left: '34px'});
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...