3 окна и сбоку бантик!(окна/формы)
Модератор: Duncon
Здрасьте всем! Вот уже 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›
------------------------------
ВОПРОС - КАК ВЕРНО НАПИСАТЬ ЭТОТ СКРИПТ???
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
День добрый...
Ну, первое - это не вопрошение помощи, а более похоже на заказ и за такое обычно платят денег...
Но поскольку сей час Новый год делаю вам подарок.
Да, и в чем вы это писали?? Ошибок до жопы...
(от >< до `` , я уже не говорю про написание правильной структуры документа )
(И если задаешь "class=head1" разумно использовать лист стилей)
Вот код,
а работающий пример http://www.poleznosti.nm.ru/nzx/js/xabl.zip
////////////////////////////////////////////////////////////////////////////////////////////////////////////
День добрый...
Ну, первое - это не вопрошение помощи, а более похоже на заказ и за такое обычно платят денег...
Но поскольку сей час Новый год делаю вам подарок.
Да, и в чем вы это писали?? Ошибок до жопы...
(от >< до `` , я уже не говорю про написание правильной структуры документа )
(И если задаешь "class=head1" разумно использовать лист стилей)
Вот код,
а работающий пример http://www.poleznosti.nm.ru/nzx/js/xabl.zip
////////////////////////////////////////////////////////////////////////////////////////////////////////////
Код: Выделить всё
///////////////////////////////////x.html////////////////////////////////////////////////////////////////
<html><head><title>X</title><meta http-equiv="Content-Type" content="text/html" charset="windows-1251">
<script language="JavaScript">
<!--
function openneww() {
var advWin = open("", "displayWindow", "width=640,height=480, status=no,toolbar=no,menubar=no");
advWin.document.writeln('<html><head><title>add</title><meta http-equiv="Content-Type" content="text/html"
charset="windows-1251">');
advWin.document.writeln('<script language="JavaScript">');
advWin.document.writeln('function add(){');
advWin.document.writeln('window.opener.add.text.value+="[IMG]**"+link.css.value+"**
"+link.url.value+""+link.name.value+"[/IMG]";');
advWin.document.writeln('close();');
advWin.document.writeln('}');
advWin.document.writeln('function yo(){');
advWin.document.writeln('var neww= open("alb.html", target="_blank","width=200,height=300, status=no,toolbar=no,menubar=no");');
advWin.document.writeln('}');
advWin.document.writeln('</script></HEAD>');
advWin.document.writeln('<BODY bgColor=#EFEFEF>');
advWin.document.writeln('<FORM id="link">');
advWin.document.writeln('URL');
advWin.document.writeln('
<INPUT type=text id="url" style="WIDTH: 180px\>"');
advWin.document.writeln('
<DIV align=right>');
advWin.document.writeln('<A href="javascript:yo()">');
advWin.document.writeln('album</A></DIV>');
advWin.document.writeln('
');
advWin.document.writeln('name');
advWin.document.writeln('
<INPUT type=text id="name" style="WIDTH: 180px">
');
advWin.document.writeln('CSS');
advWin.document.writeln('
<INPUT type=text id="css" style="WIDTH: 180px">
');
advWin.document.writeln('<A style="CURSOR: hand" onClick="link.css.value=\'FLOAT: left;\' ">[img]des/modules/float_l.gif[/img]</A> ');
advWin.document.writeln('<A style="CURSOR: hand" onClick="link.css.value=\'FLOAT: none;\' ">[img]des/modules/float_n.gif[/img]</A> ');
advWin.document.writeln('<A style="CURSOR: hand" onClick="link.css.value=\'FLOAT: right;\' ">[img]des/modules/float_r.gif[/img]</A>');
advWin.document.writeln('<DIV align=right><FONT class=pLink onClick="add();">add<INPUT type=image
src="des/modules/arrow2.gif"> ch228;ch238;ch2 25;ch224;ch226;ch232;ch242;ch252;</FONT></DIV></FORM>');
advWin.document.writeln('</BODY>');
}
-->
</SCRIPT></HEAD>
<BODY>
<A style="cursor:hand" onClick="openneww();">insert image...[click here]</A>
<FORM action="" method=POST id="add">
<TEXTAREA style="WIDTH: 100%" rows=30 name="" id="text"></TEXTAREA>
</FORM>
</BODY></html>
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////abl.html///////////////////////////////////////////////////////////
<html><head><title>ABL</title><meta http-equiv="Content-Type" content="text/html" charset="windows-1251">
</head><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>
<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.value='qwe';window.close();">[img]des/modules/arrow2.gif[/img] 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>
</html>
////////////////////////////////////////////////////////////////
Успехов!
Duncon писал(а)://////////////////////////////////////////////////////////////////////////////////////////////////////////////
День добрый...
Ну, первое - это не вопрошение помощи, а более похоже на заказ и за такое обычно платят денег...
Но поскольку сей час Новый год делаю вам подарок.
Да, и в чем вы это писали?? Ошибок до жопы...
(от >< до `` , я уже не говорю про написание правильной структуры документа )
(И если задаешь "class=head1" разумно использовать лист стилей)
Спасибо за помощь, товарищь, НО!
О вопрошении, помощзи, больше похожей на заказ: если бы это был заказ, то я бы не просил помочь "исправить мои ошибки", а прямо бы попросил: "напишите мне скрипт"... Во вторых насчет "ошибок до Ж" - повторяю еще раз (потому как я это УЖЕ НАПИСАЛ), то что при постинге этого сообщения, при вставке кода, получились такие дурацкие кавычки, потому что редактор посчитал нужным скопировать вместо обыкновенных " вот такие волшебные >> (текстовый редактор UltraEdit, проверял скрипт на IE и на Opera - в IE работает, в Opere - наполовину - если это так тебе интересно)! Надеюсь, вопросов, по поводу кавычек больше не возникнет.
Теперь по поводу "я уже не говорю про написание правильной структуры документа"... Все такие сообщения надо читать (ЧИТАТЬ), а не искать в них неверный код, чтобы посмеяться потом. Первое сообщение, первый абзац, второе предложение, от тире, до запятой ( ...у меня такая беда, дело в том, что я не являюсь JS программером...) Ну не знаю я структуры! Я почти наугад пишу JS скриптики, если они мне нужны... Да, НЕ ЗНАЮ Я СТРУКТУРЫ ДОКУМЕНТА (однако, работет!), И ЧЕСТНО В ЭТОМ СОЗНАЮСЬ!
И наконец по поводу таблици стилей... Вот, знаете, товарищь, при всем моем уважении(прежде всего за толковый ответ со скриптом) к вам, мне хочется у вас спросить, не к тому ли вы написали про class=head1, чтобы показать, что вы знаете еще что такое CSS?!

щас гляну твой зип...
мгм... Спасибо, работает и в опере и в ИЕ... Премного благодарен... Разъясни мне мою ошибку? Чтож я там не так сделал то? Ведь кроме появления функиции yo, смены имени объекта окна и исчезновения некоторых пробелов, и появления некоторых пробелов )))) я больше никаких изменений не уведел! А говорил, "не правильная структура документа!"... Нет, все-таки, объясни, если не трудно, чтоб я потом не парлся.
М-да.... Че то перечитал я пост, Даже показалось, что грубо ответил, нет, на самом деле не грубо. Респект, и еще раз спасибо...
и кстати, может поможешь еще по пару вопросам? Вопрос на минуту для знатока:
Форма, выпадающее меню (SELECT-OPTION), radio-button. При нажатии onClick на SELECT-OPTION, radio-button должен должен стать selected... Опять же беда! Работало только в чем нибудь одном, но никак сразу в обоих!.. Еще хотел сделать с эффектом DIASABLED для меню SELECT-OPTION, до тех пор, пока не селектнут RADIO... не получилось!
и кстати, может поможешь еще по пару вопросам? Вопрос на минуту для знатока:
Форма, выпадающее меню (SELECT-OPTION), radio-button. При нажатии onClick на SELECT-OPTION, radio-button должен должен стать selected... Опять же беда! Работало только в чем нибудь одном, но никак сразу в обоих!.. Еще хотел сделать с эффектом DIASABLED для меню SELECT-OPTION, до тех пор, пока не селектнут RADIO... не получилось!
Zvepr
1-Ни в коем случае не хотел обидеть...
2-Duncon (Мужеского пола)
К вопросу о зайчиках, если копируешь кудато для проверки глюки со шрифтами в 70% случаев, ну не любят языки программир. Русский...
Лучше открывать документ из редактора.
CSS - По этому поводу я могу сказать что ни считаю это каким-то отдельным ответвлением в Web программир. Просто Надо знать...
Использование Style давольно полезно, к примеру документ становится меньше раз в ??? (в зависимости от объема) - загрузка быстрей..
В принцыпе особой ошибки та нет можно и так и так, но грамотней либо
в head забивать стиль либо в файл. Если честно я сам больше люблю по месту задовать всякие мелочи типа цвета итд
А по поводу ошибок на днях напишу маленький Help и скину ссылку...
Заодно опишу структуру Html документа и встройке скриптов(пожалуй здесь вы найдете все ответы)
Да и по вопросу
Лучше кинь ссылку на пример проблемы. Всегда удобно визуально оценивать трабл.[/color]
1-Ни в коем случае не хотел обидеть...
2-Duncon (Мужеского пола)
К вопросу о зайчиках, если копируешь кудато для проверки глюки со шрифтами в 70% случаев, ну не любят языки программир. Русский...
Лучше открывать документ из редактора.
CSS - По этому поводу я могу сказать что ни считаю это каким-то отдельным ответвлением в Web программир. Просто Надо знать...
Использование Style давольно полезно, к примеру документ становится меньше раз в ??? (в зависимости от объема) - загрузка быстрей..
В принцыпе особой ошибки та нет можно и так и так, но грамотней либо
в head забивать стиль либо в файл. Если честно я сам больше люблю по месту задовать всякие мелочи типа цвета итд
А по поводу ошибок на днях напишу маленький Help и скину ссылку...
Заодно опишу структуру Html документа и встройке скриптов(пожалуй здесь вы найдете все ответы)
Да и по вопросу
Код: Выделить всё
Форма, выпадающее меню (SELECT-OPTION), radio-button. При нажатии onClick на SELECT-OPTION, radio-button должен должен стать selected... Опять же беда! Работало только в чем нибудь одном, но никак сразу в обоих!.. Еще хотел сделать с эффектом DIASABLED для меню SELECT-OPTION, до тех пор, пока не селектнут RADIO... не получилось!
))))) Ну вот, опять в ученики меня суют! Спасибо, конечно, но знаю я что такое тэг style, где он должен стоять, что такое css, на сколько он упрощает код и во сколько раз уменьшает его объем, и про файловый css тоже знаю!И про языки програмирования и их дружбы с русским тоже в курсе! Сам с 6 лет програмирую ))))
и вот тот пример:
<FORM id="frm">
<INPUT type=radio id="rad">
<SELECT onClick="document.frm.id.selected=true;">
<OPTION>...</OPTION>
<OPTION>...</OPTION>
<OPTION>...</OPTION>
</SELECT>
<INPUT type=submit>
</FORM>
...примерно так, вроде, было. просто не сохранилось тех исх.
и вот тот пример:
<FORM id="frm">
<INPUT type=radio id="rad">
<SELECT onClick="document.frm.id.selected=true;">
<OPTION>...</OPTION>
<OPTION>...</OPTION>
<OPTION>...</OPTION>
</SELECT>
<INPUT type=submit>
</FORM>
...примерно так, вроде, было. просто не сохранилось тех исх.
<FORM id="frm">
<INPUT type=radio id="rad">
<SELECT name="io" onClick="document.frm.id.selected=true;">
- Когда спускаешся по иерархии идет document. имя формы (frm).в твоем случае id- имя элемента(а оно-rad ). ...
- у radio используется не selected, а CHECKED, по реализации твоей задумки попробуй накисать либо функцию
function if()
{
if (frm.rad.CHECKED!=frm.rad.defaultCHECKED) Ну это так, от балды, глядишь может и сработает.
{
document.frm.io.focus();
document.frm.io.????();
}
else
.........
}
ну а вызвать ее чем нибудь глобальным типа<Body document.all.Click="if()"> надо поэкспериментировать
либо нечто подобное onClick=document.form.name.focus();document.form.name.select(); вобщем попарся...
мне вот думать че-то лень
<OPTION>...</OPTION> ------- <OPTION> - одиночный тег
<OPTION>...
<OPTION>...
</SELECT>
<INPUT type=submit>
</FORM>
А самое на мой взгляд разумное, чтобы сразу работали оба расклада-создать ее в динамики. Вобщем смотри.
Код: Выделить всё
<script>
<!--
document.writeln("<html><head><meta http-equiv='Content-Type' content='text/html; charset=windows-1251'>");
document.writeln("<title>By Duncon- fuck this fuckin chet</title>");
document.writeln("<script language='JavaScript'>");
document.writeln("function yo()");
document.writeln("{");
document.writeln("document.write('<html><head><meta http-equiv=Content-Type content=text/html; charset=windows-1251>');");
document.writeln("document.write('<title>Microsoft - sucks over and over ogen... </title></head>');");
document.writeln("document.write('<body>');");
document.writeln("document.write('<FORM name=frm>');");
document.writeln("document.write('<INPUT type=radio name=rad CHECKED>');");
document.writeln("document.write('<select>');");
document.writeln("document.write('<OPTION>123');");
document.writeln("document.write('<OPTION>456');");
document.writeln("document.write('<OPTION>789');");
document.writeln("document.write('</select><INPUT TYPE=Submit></FORM>');");
document.writeln("}");
document.writeln("</SCRIPT>");
document.writeln("</head>");
document.writeln("<body>");
document.writeln("<FORM name='frm'>");
document.writeln("<INPUT type=radio name='rad' onClick='yo()'>");
document.writeln("<select onChange='yo()'>");
document.writeln("<OPTION>123");
document.writeln("<OPTION>456");
document.writeln("<OPTION>789");
document.writeln("</select><INPUT TYPE='Submit'></FORM>");
document.writeln("</FORM>");
-->
</script>
Теперь как обещал немного об структуре иерархии итд.
Объясняю подробно не обижайся если знаешь(ни тебе одному читать).
Ну во первых как завилось объявляем язык документа,,,да че я парюсь?
вот пример из моих творений буду по месту коментарии дописывать...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<!-- офигенно нужная строка задает броузеру пару констант чтения документа
самая главная charset кодировка именно эта строчка спасает
от некорректного отображения символов.// -->
<META content="." name=description><META content="." name=keywords>
<title>www.poleznosti.nm.ru</title>
</head><!-- закрытие
Страничка у меня поделена на фреймы// -->
<frameset rows="32,*" border="0">
<frame name="qwerty" src="/123/123.htm" scrolling="no" noresize>
<frame name="main" src="/123/13123.htm" scrolling="auto" noresize>
</frameset>
</html>
...................................
Теперь рассмотрим структуру html с js
<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>77</title>
<SCRIPT LANGUAGE="JavaScript">
function dL()
{
var neww= open("",target="main");
neww.document.write("Привет");
}
<!-- [open("/123/123/123.htm",target="main");так можно открыть конкретную страницу]
Обращю внимание так как я скрипт спрятал в <head>лишняя инфа не отобразится,
но если SCRIPT находится за пределами head лучше прятать его в эти вот скобки,
так как некоторое сочитание символов иногда отображается(типа глюки языка)
Они обозначают необрабатываемую зону для анализатора языка html , скрытие
инфы от старых версий броузиров(помоему уже не актуально) итп
// -->
</SCRIPT>
</head>
<body background="/123/123/bg_132.jpg" text="#0f00ff" onLoad="dL()">
<!-- при объявлении основной части страницы добовляем загрузчик при событии onLoad
происходит вызов функции "dL()" которая открывает заданное окно в фрейме с именем "main"
ипишет там слово Привет// -->
</body>
</html>
................................................
<!-- Теперь хочу заострить внимание на иерархии вот например как можно добраться до нашей
функции из какого нибудь места на нашем сайте// -->
<INPUT onclick=parent.qwerty.dL() type=button value="Добраться">
parent.main.document.formname.элементname.value
И еще что я считаю важным поговарим о ковычках:
В прицыпе обработчику js пливать какую скобку обрабатывать "или '
ставте смело любую, но вот проблемки возникают например при записи чего-то например
document.writeln("document.write('<INPUT type=radio name=rad CHECKED>');");
здесь " является открывающей и закрывающей для значений считываемых для записи writeln
и если внутри поставить " вместо ' то анализатор кода посчитает что это конец и пошли глюки.
А вот тот же пример только скобки наоборот
document.writeln('document.write("<INPUT type=radio name=rad CHECKED>");');
а так же при двойной записи возникают проблемы с внутреннеми ковычками name=rad
а вот при обычной записи все путем
document.writeln("<INPUT type=radio name='rad' onClick='yo()'>");
document.writeln('<INPUT type=radio name="rad" onClick="yo()">');
Все че-то запарило все займусь чем-нибудь другим.
И помните: нет не решаемых задач - есть непроходимые тупицы...
Успехов!!![/color]
а еще можно вот так, если у тебя, например, кнопка с кавычкой ' засела, или просто выпола, или просто не работает )))
document.writeln("<INPUT type=radio name=\"rad\" onClick=\"yo()\">");
document.writeln("<INPUT type=radio name=\"rad\" onClick=\"yo()\">");
Кстати, смешная история, косвена относящееся к JS. Жил был мой сайт. Да и щас он живет. http://duke.h1.ru. Вот... И Так как это "бесплатный" хостинг, то, как говорить, расплачиваться пришлось сайту натурой. В самом верху всегда вываливался банер, притом достаточно толстый, и сдвигал весь мой дизайн пикселей на 100 вниз. Ну в договоре конечно написали, что если вы будете пытаться убрать наш баннер, то мы вам настучим по рогам! ну я не испугался особо и полез посмотреть, как же там этот баннер вставляется. Вставлялся он JS скриптом, который импортировался в самом начале файла... Там, как оказалось (и как они сказали), была и защита от "фреймирования", и еще чего-то там. Вообщем, поглядел, я этот скрипт странички на полторы и решил смириться. Пусть дальше "во лбу у сайта сияет!"...
Но вот, начиная очередную переработку сайта случилось нечто! В html был у меня примерно такой скрипт
document.writeln("<HTML><BODY>"); и так далее генерировалась мелкая спраничка при вызове функции. отрываю значит я эту страничку, а там весь этот JS, как говориться наружу! заглядываю в сурс, а там! ЧУДЕСА! Придурошный интерпритатор вставил скрирт для своего банера после <BODY>, притом, имменно после последнего тега, т.е. который был в JS. "Ха-ха!" - подумая я! и в самый конец шаблона-дизайна сайта я написал теперь толстый баннер не мешает мне жить, так как теперь он сидит где то внизу сайта, и загружается тоже в последнюю очередь! хехехе!
Но вот, начиная очередную переработку сайта случилось нечто! В html был у меня примерно такой скрипт
document.writeln("<HTML><BODY>"); и так далее генерировалась мелкая спраничка при вызове функции. отрываю значит я эту страничку, а там весь этот JS, как говориться наружу! заглядываю в сурс, а там! ЧУДЕСА! Придурошный интерпритатор вставил скрирт для своего банера после <BODY>, притом, имменно после последнего тега, т.е. который был в JS. "Ха-ха!" - подумая я! и в самый конец шаблона-дизайна сайта я написал теперь толстый баннер не мешает мне жить, так как теперь он сидит где то внизу сайта, и загружается тоже в последнюю очередь! хехехе!
Че-то забыл упомянуть.document.writeln("<INPUT type=radio name=\"rad\" onClick=\"yo()\">");
А насчет
, смешная история,
Да везде глюков и странностей полно....