Форум Flasher.ru - JavaScript - открытие нового окна с размещением в нем графического изображения

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- HTML-верстка (http://www.flasher.ru/forum/forumdisplay.php?f=27)

JavaScript - открытие нового окна с размещением в нем графического изображения

Можно ли сделать следующее?

Из одного документа («ГЛАВНЫЙ») открываем другой («ПОДЧИНЕННЫЙ»), состоящий из двух слоев: на нижнем лежит всегда один и тот же GIF, на верхний необходимо подгружать каждый раз новый файл GIF или JPEG. Можно конечно же сделать так:

//function OpenWinP(url)
// {
// window.open(url,"portret",'width=370,height=470,resizable=0,scrollbars=no,menubar=no,status=no');
// }
//<a class="a3" href="javascript:OpenWinP('pict/yura.htm');"> - это в документе «ГЛАВНЫЙ»

//<body bgcolor="#FFFFFF" text="#000000">
//<div id="bg" style="position:absolute; left:10; top:10; width:350; height:450; z-index:0"> - нижний слой
// <img src="ramka.gif" width="350" height="450">
//</div>
//<div id="pic" style="position:absolute; left:35; top:35; width:300; height:400; z-index:1"> - верхний слой
// <img src="yura.jpg" width="300" height="400">
//</div>
//</body> - это собственно «ПОДЧИНЕННЫЙ» документ, и таких документов ровно столько, сколько файлов надо подгружать

А хотелось бы так:

//<a class="a3" href="javascript:OpenWinP('pict/yura. jpg ');"> - передавать имя того файла, который должен подгружаться на верхний слой, и иметь всего один «ПОДЧИНЕННЫЙ» документ…

HELP ME !!

Если непонятно объяснился – готов ответить на любые наводящие вопросы! :)

В подчинненом доке нужна функция лепящая в writeln теги <IMG> с SRC=picta1.
А сок здесь в том, что открывая подчиненный док, ты оставляй на него ссылку: tipaZasybis=window.open(bla/bla...);
В главной гитемале при нажатии на кнопку вызывается функция которая приравнивает picta1=строке (string) содержащей адреса картинок.
По идее должно работать. :)

Спасибо, идея понятна, осталось нарыть боль-мень сносное описание javascript :rolleyes: или поискать подходящий исходник...
Млин, разориться чтоль, книжку купить?? :D

Это мысль... :)

Посоветую серию web-профессионалам. (остальную инфу ищи сам. Не люблю заниматься промоушном бесплатно ;))

В общем книжки путной я так и не нашел... Придется еще раз обратиться к вам :)

Вот что у меня получилось в ГЛАВНОМ документе:

//function OpenWinP(pict, name)
// {
// portret = window.open("pict/ramka.htm","portret",'width=370,height=470');
// namePict = pict;
// nameWin = name;
// }

//<a href="javascript:OpenWinP('yura.jpg','Yura');"> - передаю функции OpenWinP имя джипега и название окна

Теперь ПОДЧИНЕННЫЙ документ 'pict/ramka.htm':

//<div style="z-index:0">
// <img src="ramka.gif" width="350" height="450"> - это фоновый рисунок
//</div>
//<div style="z-index:1">
// <script language="JavaScript">
// document.writeln('<img src=' + namePict + ' width="350" height="450">') - вот сюда по идее и должен подставляться мой 'yura.jpg'
// </script>
//</div>

Естественно где-то ошибка!! И скорее всего не одна :D
У меня ощущение, что я как-то неправильно задаю переменные namePict и nameWin...

А еще я хотел, чтобы в ПОДЧИНЕННОМ документе 'pict/ramka.htm' <title> принимал значение nameWin (в моем примере 'Yura'), но нашел только, что ЯваСкрипт позволяет отразить содержание этого тега, а можно ли поменять?

СПАСИБО!!! :)

Изменено: когда создавал тему, не заметил специального форума по JS - может есть смысл переместиться туда? :rolleyes:

Ай хоуп ю андерстуд... ;)

Дальше уж сам.

THANK YOU !!!

Твой исходник пришлось чутка поправить, но - О ЧУДО!! - ничего не сломал, все работает :D
Сейчас постараюсь так же аккуратно сделать себе :rolleyes:

Что ни говори, а хороший пример - 90% успеха!! :cool:

Привожу рабочий :D код - вдруг кому-нибудь понадобится :rolleyes:

ГЛАВНЫЙ документ

Код:

function OpenWinP(pict, name)

        {

        portret = window.open("pict/ramka.htm",name,'width=370,height=470,resizable=0,scrollbars=no,menubar=no,status=no');

        portret.document.images.pict.src=pict;

        portret.document.title = name;

        }



      <a class="a3" href="javascript:OpenWinL('yura.jpg','Yura photo');">

ПОДЧИНЕННЫЙ документ

Код:

<div style="position:absolute; left:10; top:10; width:350; height:450; z-index:0">

  <img src="ramka.gif" width="350" height="450">

</div>

<div style="position:absolute; left:35; top:35; width:300; height:400; z-index:1">

  <img id="pict" src="" width="300" height="400">

</div>

//for i=1 to ∞
// begin
// Flasher.Audax_DSN.writeln('Спасибо!');
// end :D :D

Все супер.
Атака разума всегда полезна!
А вот меня "комментировать" не нада. :)
я всегда functioned