Otevření okna pomocí JavaScriptu a úprava obsahu rodičovského okna

Někdy můžete chtít otevřit nové okno (potomka) a na jeho základě upravit obsah v rodičovském okně – to, které vyvolalo otevření potomka. Docílíte toho kouskem kódu v JavaScriptu, který můžete zavolat například v události onclick (provede se po klepnutí).

Otevření nového okna pomocí JavaScriptu

Okno JavaScriptem můžete otevřít následovně:

<a href="#" onClick=
"window.open('nejaky_soubor.php', 'mywindow',
'width=970, height=700')">
Otevřít nové okno</a>

Snadno můžete nastavovat i parametry otevřeného okna. Nemá smysl zde všechny možnosti vypisovat; rovnou vás odkážu na pageresource.com.

Změna obsahu v rodičovském okně

Pokud chcete upravit obsah pomocí JavaScriptu na aktuální stránce, můžete to udělat takto:

document.getElementById('id_prvku').
innerHTML = 'Vložený text přes JavaScript';

V případě, že chcete ovlivnit obsah v rodičovském okně (to je to, které nové okno zavolalo), použijte window.opener. následovně:

window.opener.document.getElementById('id_prvku').
innerHTML = 'Text do rodičovského okna';

Vložení textu do FCKeditoru z otevřeného okna

Pokud se v rodičovském okně nachází  FCKeditor, můžeme do něj vložit obsah následovně:

window.opener.FCKeditorAPI.GetInstance('text').
InsertHtml('bafhaf');

Více o vkládání a získávání obsahu FCKeditoru se dočtete v článku FCKeditor: získání obsahu a vložení textu. Za zmínku také stojí článek Vydán CKEditor 3.0: Nová generace wysiwyg editoru FCKeditor je tu.

Zavření okna pomocí JavaScriptu

Okno (potomka) můžete snadno zavřít takto:

window.close();



Leave a Reply