2010-04-30 5 views
0

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

У меня есть доступ, чтобы добавить JavaScript/HTML для divArea0_1 в reportiframe 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> 

ответ

0

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

$(document).ready(function() { 
    $('#propdiv').css({top:'12px', left: '34px'}); 
}); 
+0

Если я доступ к элементу в другом фрейме, не я, чтобы указать контекст? Я просто не уверен, как переместиться на 2 фрейма. Спасибо. – clintboxe

Смежные вопросы