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

by Zdeněk Večeřa 0 Comments

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

Your email address will not be published.

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Tato stránka používá Akismet k omezení spamu. Podívejte se, jak vaše data z komentářů zpracováváme..