3 окна и сбоку бантик!(окна/формы)
Добавлено: 28 дек 2004, 15:13
Здрасьте всем! Вот уже 2 дня ломаю голову - у меня такая беда, дело в том, что я не являюсь JS программером, но в его использовании очень заинтересован и нуждаюсь... Нужен скрипт, который бы работал верно ситуация примерно такая:
1)Есть окно(назовем его MAIN WIN), в котором есть форма id=ADD с textarea id=TEXT. возле есть ссылка, которая при нажатии открывает...
2)...другое окошко (назовем его ADD WIN) , для упрощеного добавления ссылки на картинку. В этом окне своя форма id=LINK с полями «url» id=URL и «подпись» id=NAME. и еще одна ссылка (на фотоальбом). при нажатии на нее открывается...
3)...третье окошко(назовем его ALBUM WIN) со списком картинок. при нажати на название картинки, в окошко (2) ADD WIN в форму LINK добавляются значения полей «URL»(id=URL) и «подпись»(id=NAME). Это же окношко (3) ALBUM WIN закрывается, и фокус переходит к ADD WIN...
2)В ADD WIN мы прописываем вручную значение поля CSS, если оно нам надо и нажимаек кнопку «добавить». После этого в окно (1) MAIN WIN в форму id=ADD в textarea id=TEXT добавляется »[img]**CSS_VALUE**%20URL_VALUE%20NAME_VALUE[/img]». Само окно (2) ADD WIN закрывается. и фокус переходит к окну (1) MAIN WIN...
1)...где в форме уже виднеется добавленый »[img]**CSS_VALUE**%20URL_VALUE%20NAME_VALUE[/img]»
схематичное изображение:
http://chuvakduke.narod.ru/hoho.html
применял метод window.opener., работало в опере, в IE6, но IE5 мне сказал, что объект window.opener для окна (3)ALBUM WIN неопределено и вызвал ошибку... не могу добавить в окно (2)ADD WIN из аьбома-окна(3)ALBUM WIN значения...
вот исходный:
**только тут с кавычками проблемка случилась:
все " стали » и »
))) надо replace all
**и с кодировкой тож русской проблемка вышла, а так все норм.
file x.html
------------------------------
‹HEAD›
‹SCRIPT›
‹!--
function openAdvWin() {
advWin= open(»», «displayWindow»,
«width=640,height=480, status=no,toolbar=no,menubar=no»);
advWin.document.open();
advWin.document.write(»‹HTML›‹HEAD›‹TITLE›»);
advWin.document.write(«add»);
advWin.document.write(»‹/TITLE›‹/HEAD›»);
advWin.document.write(»‹BODY bgColor=#EFEFEF›»);
advWin.document.write(»‹SCRIPT›»);
advWin.document.write(«function add(){»);
advWin.document.write(«window.opener.add.text.value+=’[img]**’+link.css.value+’**%20’+link.url.value+’%20’+link.name.value+’[/img]’;»);
advWin.document.write(«close();}»);
advWin.document.write(»‹/SCRIPT›»);
advWin.document.write(’‹FORM id=«link»›’);
advWin.document.write(’URL’);
advWin.document.write(’‹BR›‹INPUT type=text id=«url» style=«WIDTH: 180px\›»’);
advWin.document.write(’‹BR›‹DIV align=right›’);
advWin.document.write(’‹A href=«alb.html» target=»_blank»›’);
advWin.document.write(’album‹/A›‹/DIV›’);
advWin.document.write(’‹BR›’);
advWin.document.write(’name’);
advWin.document.write(’‹BR›‹INPUT type=text id=«name» style=«WIDTH: 180px»›‹BR›’);
advWin.document.write(’CSS’);
advWin.document.write(’‹BR›‹INPUT type=text id=«css» style=«WIDTH: 180px»›‹BR›‹BR›’);
advWin.document.write(’‹A style=«CURSOR: hand» onClick=«link.css.value=\’FLOAT: left;\’ »›‹IMG src=«des/modules/float_l.gif» style=«BORDER:1px #AAAAAA solid»›‹/A› ’);
advWin.document.write(’‹A style=«CURSOR: hand» onClick=«link.css.value=\’FLOAT: none;\’ »›‹IMG src=«des/modules/float_n.gif» style=«BORDER:1px #AAAAAA solid»›‹/A› ’);
advWin.document.write(’‹A style=«CURSOR: hand» onClick=«link.css.value=\’FLOAT: right;\’ »›‹IMG src=«des/modules/float_r.gif» style=«BORDER:1px #AAAAAA solid»›‹/A›’);
advWin.document.write(’‹DIV align=right›‹FONT class=pLink onClick=«add();»›‹INPUT type=image src=«des/modules/arrow2.gif»› ch228;ch238;ch2 25;ch224;ch226;ch232;ch242;ch252;‹/FONT›‹/DIV›‹/FO RM›’);
advWin.document.write(»‹/BODY›»);
}
--›
‹/SCRIPT›
‹/HEAD›
‹BODY›
‹A onClick=«openAdvWin();»›insert image...[click here]‹/A›
‹FORM action=»» method=POST id=«add»›
‹TEXTAREA style=«WIDTH: 100%» rows=30 name=»» id=«text»›‹/TEXTAREA›
‹/FORM›
‹/BODY›
------------------------------
file alb.html (в той же папке)
------------------------------
‹BODY›
‹TABLE border=0 cellPadding=0 cellSpacing=0›
‹TR›
‹TD rowSpan=2›‹IMG sec=«des/spawn.gif» width=60 height=1›‹/TD›
‹TD class=head1 style=«PADDING=TOP: 3px;»›Добавить из альбома‹/TD›
‹/TR›
‹TR›‹TD bgColor=#FFA900 height=5›
‹/TABLE›‹BR›‹BR›
‹DIV class=text style=«PADDING 15px»›
‹TABLE border=0 cellPadding=2 cellSpacing=0 class=text style=«BORDER: 1px #000000 solid;»›
‹TR›
‹TD style=» BORDER-RIGHT: 1px solid #000000; PADDING-LEFT: 10px; VERTICAL-ALIGN: middle; BORDER-BOTTOM: 3px double #000000»› ‹B›имя‹/B› ‹/TD›
‹TD style=» BORDER-RIGHT: 1px solid #000000; PADDING-LEFT: 10px; VERTICAL-ALIGN: middle; BORDER-BOTTOM: 3px double #000000»› ‹B›файл‹/B› ‹/TD›
‹/TR›‹TR bgColor=#F9F9F9 id=«row0» onMouseOver=«this.style.backgroundColor=’#FFFFC0’» onMouseOut=«this.style.backgroundColor=’#F9F9F9’»›
‹TD style=«BORDER-RIGHT: 1px solid #000000; BORDER-BOTTOM: 1px #000000 solid; PADDING-LEFT: 10px; VERTICAL-ALIGN: top»›
‹SPAN style=«COLOR: #FF0000; TEXT-DECORATION: none; CURSOR: hand» onClick=«window.opener.link.url.value=’pictures/do wnloaded/1104178478.gif’;window.opener.link.name.v alue=’qwe’;window.close();»›‹IMG src=«des/modules/arrow2.gif» style=«BORDER: 0px»› qwe‹/SPAN›
‹/TD›
‹TD style=«BORDER-RIGHT: 1px solid #000000; BORDER-BOTTOM: 1px #000000 solid; PADDING-LEFT: 10px; VERTICAL-ALIGN: top»› 1104178478.gif‹/TD›
‹/TR›
‹/TABLE›
‹/DIV›
‹/BODY›
------------------------------
ВОПРОС - КАК ВЕРНО НАПИСАТЬ ЭТОТ СКРИПТ???
1)Есть окно(назовем его MAIN WIN), в котором есть форма id=ADD с textarea id=TEXT. возле есть ссылка, которая при нажатии открывает...
2)...другое окошко (назовем его ADD WIN) , для упрощеного добавления ссылки на картинку. В этом окне своя форма id=LINK с полями «url» id=URL и «подпись» id=NAME. и еще одна ссылка (на фотоальбом). при нажатии на нее открывается...
3)...третье окошко(назовем его ALBUM WIN) со списком картинок. при нажати на название картинки, в окошко (2) ADD WIN в форму LINK добавляются значения полей «URL»(id=URL) и «подпись»(id=NAME). Это же окношко (3) ALBUM WIN закрывается, и фокус переходит к ADD WIN...
2)В ADD WIN мы прописываем вручную значение поля CSS, если оно нам надо и нажимаек кнопку «добавить». После этого в окно (1) MAIN WIN в форму id=ADD в textarea id=TEXT добавляется »[img]**CSS_VALUE**%20URL_VALUE%20NAME_VALUE[/img]». Само окно (2) ADD WIN закрывается. и фокус переходит к окну (1) MAIN WIN...
1)...где в форме уже виднеется добавленый »[img]**CSS_VALUE**%20URL_VALUE%20NAME_VALUE[/img]»
схематичное изображение:
http://chuvakduke.narod.ru/hoho.html
применял метод window.opener., работало в опере, в IE6, но IE5 мне сказал, что объект window.opener для окна (3)ALBUM WIN неопределено и вызвал ошибку... не могу добавить в окно (2)ADD WIN из аьбома-окна(3)ALBUM WIN значения...
вот исходный:
**только тут с кавычками проблемка случилась:
все " стали » и »
))) надо replace all
**и с кодировкой тож русской проблемка вышла, а так все норм.
file x.html
------------------------------
‹HEAD›
‹SCRIPT›
‹!--
function openAdvWin() {
advWin= open(»», «displayWindow»,
«width=640,height=480, status=no,toolbar=no,menubar=no»);
advWin.document.open();
advWin.document.write(»‹HTML›‹HEAD›‹TITLE›»);
advWin.document.write(«add»);
advWin.document.write(»‹/TITLE›‹/HEAD›»);
advWin.document.write(»‹BODY bgColor=#EFEFEF›»);
advWin.document.write(»‹SCRIPT›»);
advWin.document.write(«function add(){»);
advWin.document.write(«window.opener.add.text.value+=’[img]**’+link.css.value+’**%20’+link.url.value+’%20’+link.name.value+’[/img]’;»);
advWin.document.write(«close();}»);
advWin.document.write(»‹/SCRIPT›»);
advWin.document.write(’‹FORM id=«link»›’);
advWin.document.write(’URL’);
advWin.document.write(’‹BR›‹INPUT type=text id=«url» style=«WIDTH: 180px\›»’);
advWin.document.write(’‹BR›‹DIV align=right›’);
advWin.document.write(’‹A href=«alb.html» target=»_blank»›’);
advWin.document.write(’album‹/A›‹/DIV›’);
advWin.document.write(’‹BR›’);
advWin.document.write(’name’);
advWin.document.write(’‹BR›‹INPUT type=text id=«name» style=«WIDTH: 180px»›‹BR›’);
advWin.document.write(’CSS’);
advWin.document.write(’‹BR›‹INPUT type=text id=«css» style=«WIDTH: 180px»›‹BR›‹BR›’);
advWin.document.write(’‹A style=«CURSOR: hand» onClick=«link.css.value=\’FLOAT: left;\’ »›‹IMG src=«des/modules/float_l.gif» style=«BORDER:1px #AAAAAA solid»›‹/A› ’);
advWin.document.write(’‹A style=«CURSOR: hand» onClick=«link.css.value=\’FLOAT: none;\’ »›‹IMG src=«des/modules/float_n.gif» style=«BORDER:1px #AAAAAA solid»›‹/A› ’);
advWin.document.write(’‹A style=«CURSOR: hand» onClick=«link.css.value=\’FLOAT: right;\’ »›‹IMG src=«des/modules/float_r.gif» style=«BORDER:1px #AAAAAA solid»›‹/A›’);
advWin.document.write(’‹DIV align=right›‹FONT class=pLink onClick=«add();»›‹INPUT type=image src=«des/modules/arrow2.gif»› ch228;ch238;ch2 25;ch224;ch226;ch232;ch242;ch252;‹/FONT›‹/DIV›‹/FO RM›’);
advWin.document.write(»‹/BODY›»);
}
--›
‹/SCRIPT›
‹/HEAD›
‹BODY›
‹A onClick=«openAdvWin();»›insert image...[click here]‹/A›
‹FORM action=»» method=POST id=«add»›
‹TEXTAREA style=«WIDTH: 100%» rows=30 name=»» id=«text»›‹/TEXTAREA›
‹/FORM›
‹/BODY›
------------------------------
file alb.html (в той же папке)
------------------------------
‹BODY›
‹TABLE border=0 cellPadding=0 cellSpacing=0›
‹TR›
‹TD rowSpan=2›‹IMG sec=«des/spawn.gif» width=60 height=1›‹/TD›
‹TD class=head1 style=«PADDING=TOP: 3px;»›Добавить из альбома‹/TD›
‹/TR›
‹TR›‹TD bgColor=#FFA900 height=5›
‹/TABLE›‹BR›‹BR›
‹DIV class=text style=«PADDING 15px»›
‹TABLE border=0 cellPadding=2 cellSpacing=0 class=text style=«BORDER: 1px #000000 solid;»›
‹TR›
‹TD style=» BORDER-RIGHT: 1px solid #000000; PADDING-LEFT: 10px; VERTICAL-ALIGN: middle; BORDER-BOTTOM: 3px double #000000»› ‹B›имя‹/B› ‹/TD›
‹TD style=» BORDER-RIGHT: 1px solid #000000; PADDING-LEFT: 10px; VERTICAL-ALIGN: middle; BORDER-BOTTOM: 3px double #000000»› ‹B›файл‹/B› ‹/TD›
‹/TR›‹TR bgColor=#F9F9F9 id=«row0» onMouseOver=«this.style.backgroundColor=’#FFFFC0’» onMouseOut=«this.style.backgroundColor=’#F9F9F9’»›
‹TD style=«BORDER-RIGHT: 1px solid #000000; BORDER-BOTTOM: 1px #000000 solid; PADDING-LEFT: 10px; VERTICAL-ALIGN: top»›
‹SPAN style=«COLOR: #FF0000; TEXT-DECORATION: none; CURSOR: hand» onClick=«window.opener.link.url.value=’pictures/do wnloaded/1104178478.gif’;window.opener.link.name.v alue=’qwe’;window.close();»›‹IMG src=«des/modules/arrow2.gif» style=«BORDER: 0px»› qwe‹/SPAN›
‹/TD›
‹TD style=«BORDER-RIGHT: 1px solid #000000; BORDER-BOTTOM: 1px #000000 solid; PADDING-LEFT: 10px; VERTICAL-ALIGN: top»› 1104178478.gif‹/TD›
‹/TR›
‹/TABLE›
‹/DIV›
‹/BODY›
------------------------------
ВОПРОС - КАК ВЕРНО НАПИСАТЬ ЭТОТ СКРИПТ???