Recherche d'un div dans la structure d'un document

Version imprimable

09/06/2011, 00h18
PatSan

Recherche d'un div dans la structure d'un document

J'ai un document qui peut intégrer plusieurs iframes et elle-mêmes peuvent contenir plusieurs iframes. Cela peut se faire à plusieurs niveaux d'imbrication...

J'ai l'Id d'un div et je souhaite accéder à son style (par document.getElementById().style...).

Ce div peut se trouver dans le document principal ou dans l'une des iframes ou iframes imbriquées à plusieurs niveaux.

Comment trouver ce div ? Je bloque là-dessus depuis plusieurs jours..

Merci énormément à celui qui pourra me dépatouiller de ce merdier ;o)))))
09/06/2011, 03h03
Willpower

désolé de commencer par poser cette question, mais une fois sur 2 c'est le cas, alors pour ne pas perdre mon temps avant de te proposer une solution :

est-ce que toutes tes iframes et la page principale sont sur le même domaine ? autrement laisse tomber, tu n'auras pas accès au contenu des iframes pour des raisons de sécurité.
09/06/2011, 09h02
PatSan

Oui, toutes les iframes imbriquées sur plusieurs niveaux sont sur le même domaine.
09/06/2011, 09h37
SpaceFrog

Qu'est ce qui justifie ces imbrication d'iframe ??? c'est pas très "propre" comme système ...
Peut être qu'en passant par un système utilisant un load() de jquery te simplifierait grandement la tache et resulterait en quelque chose de plus propre
09/06/2011, 15h19
PatSan

Le niveau d'imbrication n'est pas si élevé. Au maximum, j'ai une iframe dans une iframe.
D'autre part, je ne pense pas que l'utilisation d'iframes soit quelque chose de pas propre et de compliqué...
09/06/2011, 15h21
SpaceFrog

Heu ... si
C'est pas très propre, et ça va devenir compliqué pour aller recursivement chercher les iframe contenu dans un iframe ...
d'ou l'idée de rester dans la même fenetre avec le load de jquery ...
09/06/2011, 15h42
PatSan

Ok pour la complexité de la récursivité, d'où mon appel à l'aide mais la structure que j'ai adopté me simplifie énormément la tâche dans ma page web. L'utilisation du jquery m'aurait valut quelques migraines pour l'organisation de la navigation...
09/06/2011, 15h53
SpaceFrog

heu un simple load ... y'a vraiment rien de compliqué

je n'ai pas testé mon code(-> erreurs possibles) mais je dirai que la solution doit ressembler à ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function search(id,win){
  var win = win || window;
  var r = win.document.getElementById(id);
  if(r) return r;
  for(var i in win.frames){
    r = search(id,win.frames[i]);
    if(r) return r;
  }
  return null;
}
 
search('idDeMonDiv');

09/06/2011, 19h45
PatSan

Un grand merci à Willpower !!
Modulo quelques petites corrections, le script fonctionne très bien...