Forum PHP.pl > script z <iframe>. Czy widzi elementy na zewnątrz?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: script z <iframe>. Czy widzi elementy na zewnątrz?

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

northman

2.11.2011, 10:16:23

Witam!
Wrzucilem do wordpressa do widgeta tekstowego <iframe'a> z javascriptem w środku. Próbuje w tym kodzie szukać elementów na zewnątrz tego <iframe> czyli ogólnie elementów wordpressowych np. comment lub post, tak aby móc go z tego poziomu obrobić- na tą chwilę dla testów to po prostu zmienić atrybut {border:}. Niestety nie udaje mi się wyszukać tych elementów, stąd pytanie czy <script> ma dostęp do wszystkich elementów DOM strony jeśli jest zaladowany poprzez <iframe>?
Dzięki z góry.

by_ikar

2.11.2011, 12:20:19

Cytat

Niestety nie udaje mi się wyszukać tych elementów, stąd pytanie czy <script> ma dostęp do wszystkich elementów DOM strony jeśli jest zaladowany poprzez <iframe>?

Ręki sobie uciąć nie dam, ale wydaje mi się że nie. Wyobraź sobie, że podpinasz jakąś stronkę w iframe, kompletną, która ma swoje style css, swoją grafikę, i całkiem różne kodowanie skrypty etc. Jeżeli to co jest wewnątrz miałoby wpływ na to co jest na zewnątrz, to ogólnie byłby jeden wielki burdel. Tak przynajmniej ja to rozumiem, jak jest w rzeczywistości nie jestem przekonany, ale średnio mi się wydaje aby możliwość grzebania wewnątrz iframe istniała.

mortus

2.11.2011, 13:11:47

Oczywiście, ale zdaje się, że tylko w obrębie jednej domeny. Przykład:

[HTML] index.html - pobierz, plaintext 
<!DOCTYPE html>
<html>
<frameset rows="100,*" frameborder="yes" border="20px" framespacing="5" cols="*"> 
   <frame name="topFrame" scrolling="NO" noresize src="topFrame.htm">
   <frame name="mainFrame" src="innerFrame.htm">
</frameset>
</html>
[HTML] index.html - pobierz, plaintext

[HTML] topFrame.htm - pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>
</head>
<body style="background-color:white;">
  <div id="nav">
    <ul>
      <li><a href="#">Link 1</a></li>
      <li><a href="#">Link 2</a></li>
      <li><a href="#">Link 3</a></li>
      <li><a href="#">Link 4</a></li>
      <li><a href="#">Link 5</a></li>
    </ul>
  </div>
</body>
</html>
[HTML] topFrame.htm - pobierz, plaintext

[HTML] innerFrame.htm - pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>
<script>
function function1() {
    document.getElementById("nav_copy").innerHTML = window.parent.topFrame.document.getElementById("nav").innerHTML;
    alert("DONE");
}
</script>
</head>
<body style="background-color:white;">
<input type="button" value="Copy nav container" onclick="function1();">
<div id="nav_copy">
</div>
</body>
</html>
[HTML] innerFrame.htm - pobierz, plaintext

Zatem można się dostać z ramki wewnętrznej do elementów ramki zewnętrznej. Można i na odwrót.

northman

2.11.2011, 14:14:57

Dzięki!
@by_ikar wlaśnie z tego powodu zadalem to pytanie, bo mialem takie samo przeczucie.
Jako, że <iframe jest w obrębie tej samej domeny (nie próbowalem zdalnie) tak więc udalo mi się dojść do moich elementów.
@mortus: wielkie dzięki za przykladowy kod. W szczególności: window.parent.topFrame.document.getElementById("nav").innerHTML;
pozwolil mi odszukać zadane elementy! ( nie szukalem wcześniej z 'window.parent').
Pozdrawiam i dzięki raz jeszcze za informacje:)

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.