Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> script z <iframe>. Czy widzi elementy na zewnątrz?
northman
post
Post #1





Grupa: Zarejestrowani
Postów: 22
Pomógł: 2
Dołączył: 13.03.2005

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
mortus
post
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

Ostrzeżenie: (0%)
-----


Oczywiście, ale zdaje się, że tylko w obrębie jednej domeny. Przykład:
[HTML] index.html - pobierz, plaintext
  1. <!DOCTYPE html>
  2. <frameset rows="100,*" frameborder="yes" border="20px" framespacing="5" cols="*">
  3. <frame name="topFrame" scrolling="NO" noresize src="topFrame.htm">
  4. <frame name="mainFrame" src="innerFrame.htm">
  5. </html>
[HTML] index.html - pobierz, plaintext
[HTML] topFrame.htm - pobierz, plaintext
  1. <!DOCTYPE html>
  2. </head>
  3. <body style="background-color:white;">
  4. <div id="nav">
  5. <ul>
  6. <li><a href="#">Link 1</a></li>
  7. <li><a href="#">Link 2</a></li>
  8. <li><a href="#">Link 3</a></li>
  9. <li><a href="#">Link 4</a></li>
  10. <li><a href="#">Link 5</a></li>
  11. </ul>
  12. </div>
  13. </body>
  14. </html>
[HTML] topFrame.htm - pobierz, plaintext
[HTML] innerFrame.htm - pobierz, plaintext
  1. <!DOCTYPE html>
  2. function function1() {
  3. document.getElementById("nav_copy").innerHTML = window.parent.topFrame.document.getElementById("nav").innerHTML;
  4. alert("DONE");
  5. }
  6. </head>
  7. <body style="background-color:white;">
  8. <input type="button" value="Copy nav container" onclick="function1();">
  9. <div id="nav_copy">
  10. </div>
  11. </body>
  12. </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.

Ten post edytował mortus 2.11.2011, 13:15:24
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 13.10.2025 - 22:29