Jak zmienić zawartość drugiego pliku HTML poprzez JS w pierwszym pliku HTML?

Question

Są 2 pliki HTML (w tym samym folderze): pierwszyHtml.html oraz drugiHtml.html. Chcę z pierwszego HTML zmienić zawartość elementu w drugim HTML. Ponoć da się to zrobić, np. tak: http://stackoverflow.com/a/7493770/4983840

Koncepcja na rysunku:

Próbowałem więc wykonać taki kod: (niestety nie otwiera/wychwytuje drugiego pliku HTML)

//// Wykonane z pliku 'pierwszyHtml.html'

var drugieOkno = window.open('drugiHtml.html');
console.log('Drugi HTML ?? ', drugieOkno); // tu juz wyswietla, że 'drugieOkno is undefined'

drugieOkno.onload = function(){
  var element = drugieOkno.document.getElementById('drugiDiv');
  console.log('Element z drugiego pliku HTML: ', element);
};

Natomiast mogę sobie przejść do drugiego pliku HTML tworząc #Link (czy tam Internal Link):

<a href="drugiHtml.html">idź do drugiego</a>

Co robię źle?

Answer 1

A konsola coś rzuca?

Comments

Konsola pokazuje to: 

Drugi HTML ??  undefined                                                                                           pierwszyHtml.html:11 
Uncaught TypeError: Cannot set property 'onload' of undefined                  pierwszyHtml.html:13 

Całość: http://imgur.com/1BBVfHL

 

---

A uruchamiasz to przez serwer czy z dysku? Bo jeśli z dysku, to prawdopodobnie nie będzie działać.

---

Zwyczajnie z dysku. Oba pliki HTML są w folderze na pulpicie - tak po prostu. Trzeba to przez serwer z użyciem AJAXa robić? Nawet jeśli chcę zmienić zawartość pliku HTML "obok"?

---

Nie z Ajaksa. Po prostu musi być serwer. Otwieranie plików z dysku jest uznawane za błąd bezpieczeństwa, dlatego ¾ rzeczy nie działa przez file://

---

Tak tez nie działa. W ogóle, to strona chce otworzyć się w nowym oknie (window.open() pewnie tak działa), bo w przeglądarce pokazuje się, że nowe okno zostało zablokowane.  Tylko, że ja nie chce otwierać drugiego pliku w nowym oknie, lecz wziąć sobie jego DOM i zmienić w nim jakiś element. Może użycie metody window.open() jest tu nieprawidłowe?

---

XMLHttpRequest z opcją pobierania dokumentu w takim razie.

Answer 2

W linku jest opisane jak wczytać stronę, jednak nie jest możliwe z poziomu samego JS zmodyfikowanie pliku. Do tego jest wymagane php.

Comments

Czy aby PHP nie jest wymagane do zmiany pliku z innej domeny? Ja mam oba pliki w tym samym folderze. Poza tym nawet wczytanie strony mi nie działa.

---

ale javascript działa po stronie przeglądarki a plik jest na serwerze....