Modification des propriétés CSS DIV à partir d'un IFRAME profondément imbriqué

Je travaille avec un outil de Business Intelligence qui me donne uniquement accès à un iframe profondément imbriqué pour ajouter du code. Idéalement, je voudrais utiliser jQuery et/ou JavaScript simple pour modifier la gauche et la position CSS d'un div qui est 3 iframes au-dessus de mon IFRAME.Modification des propriétés CSS DIV à partir d'un IFRAME profondément imbriqué

J'ai accès à ajouter JavaScript/HTML pour divArea0_1 dans le reportiframe IFRAME. Je voudrais modifier le propdiv DIV contenu dans le JSTabbedPanel IFRAME. Espérons que le HTML ci-dessous est assez lisible. :) Toute idée ou aide est grandement appréciée.

<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>

Source

2010-04-30 clintboxe

En supposant que les identifiants ne changent pas, référencer directement l'identifiant de l'élément est le sélecteur le plus rapide. Utilisez la méthode css et un littéral d'objet pour changer la position (en supposant qu'il est affichage: absolu)

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

Source

2010-04-30 22:26:22

Si j'accéder à un élément dans un autre iframe, ne pas avoir à préciser le contexte? Je ne suis pas sûr de savoir comment monter 2 iframes. Merci. – clintboxe

Modification des propriétés CSS DIV à partir d'un IFRAME profondément imbriqué

Répondre

Questions connexes