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

Eprinter · 24.08.2003, 15:44

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

Из одного документа («ГЛАВНЫЙ») открываем другой («ПОДЧИНЕННЫЙ»), состоящий из двух слоев: на нижнем лежит всегда один и тот же 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 !!

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

Audax · 24.08.2003, 20:55

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

Eprinter · 25.08.2003, 19:41

Спасибо, идея понятна, осталось нарыть боль-мень сносное описание javascript

или поискать подходящий исходник...
Млин, разориться чтоль, книжку купить??

Audax · 26.08.2003, 00:53

Это мысль...

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

)

Eprinter · 28.08.2003, 19:49

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

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

//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>

Естественно где-то ошибка!! И скорее всего не одна

У меня ощущение, что я как-то неправильно задаю переменные namePict и nameWin...

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

СПАСИБО!!!

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

Audax · 29.08.2003, 03:30

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

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

Eprinter · 29.08.2003, 06:59

THANK YOU !!!

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

Сейчас постараюсь так же аккуратно сделать себе

Eprinter · 29.08.2003, 09:37

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

Привожу рабочий

код - вдруг кому-нибудь понадобится

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

Код:

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

Audax · 29.08.2003, 17:31

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

я всегда functioned