|
яЕПБЕП ОНДДЕПФХБЮЕРЯЪ жЕМРПНЛ хМТНПЛЮЖХНММШУ рЕУМНКНЦХИ (095) 932-9212, 932-9213, 939-0783 E-mail: info@citforum.ru |
| яЕПБЕП ЯНДЕПФХР ЛНПЕ(!) ЮМЮКХРХВЕЯЙНИ ХМТНПЛЮЖХХ | CIT Forum CD-ROM |
|
цХОЕПРЕЙЯРНБШЕ ЯЯШКЙХ Х ЙЮПРХМЙХ - ЩРН ЯБНИЯРБЮ НАЗЕЙРЮ "ДНЙСЛЕМР", ЙНРНПШИ Б ЯБНЧ НВЕПЕДЭ ЪБКЪЕРЯЪ ВЮЯРЭЧ НАЗЕЙРЮ "НЙМН". х ЦХОЕПРЕЙЯРНБШЕ ЯЯШКЙХ, Х ЙЮПРХМЙХ ЯНЯРЮБКЪЧР БЯРПНЕММШЕ ЛЮЯЯХБШ, Й ЙНРНПШЛ ЛНФМН НАПЮЫЮРЭЯЪ ОН ХМДЕЙЯС. пЮЯЯЛНРПХЛ МЕЯЙНКЭЙН ОПХЛЕПНБ ОПНЦПЮЛЛХПНБЮМХЪ ЛЮЯЯХБНБ ЦХОЕПРЕЙЯРНБШУ ЯЯШКНЙ Х ЙЮПРХМНЙ.
бЯЪ ЯРПЮМХЖЮ ПЮГЛЕВЮЕРЯЪ ЙЮЙ РЮАКХЖЮ, ЯНЯРНЪЫЮЪ ХГ НДМНИ ЯРПНЙХ Б ДБЕ ЪВЕИЙХ. б ОЕПБНИ ЪВЕИЙЕ ПЮГЛЕЫЮЕРЯЪ ЯОХЯНЙ БШАНПЮ ЮКЭРЕПМЮРХБ, БН БРНПНИ ЪВЕИЙЕ ПЮГЛЕЫЮЧРЯЪ ЙЮПРХМЙХ, БШАПЮММШЕ ОПХ ОНЛНЫХ ЯОХЯЙЮ ЮКЭРЕПМЮРХБ. бЯЕ ЩКЕЛЕМРШ ЯОХЯЙЮ ОНЛЕВЕМШ ЙЮЙ ЦХОЕПРЕЙЯРНБШЕ ЯЯШКЙХ. с ЙЮФДНИ ЯЯШКЙХ НОПЕДЕКЕМН ЯНАШРХЕ onSelect. дКЪ РНЦН, ВРНАШ МЕ ОПНХЯУНДХК ОЕПЕУНД Й ДПСЦНИ ЯРПЮМХЖЕ, Ю БШОНКМЪКЮЯЭ РНКЭЙН НАПЮАНРЙЮ ЯНАШРХЪ, Б ОНКЕ href МЕНАУНДХЛН НОПЕДЕКХРЭ БШГНБ JavaScript. мХФЕ ОПХБЕДЕМ ОПХЛЕП ПЕЮКХГЮЖХХ РЮЙНИ ЙНЛОНМНБЙХ Х ОПХЛЕП ЙНДЮ ЯЮЛНИ ЯРПЮМХЖШ.
оПХЛЕП 2.21. хГЛЕМЕМХЕ ЙЮПРХМЙХ ВЕПЕГ ЦХОЕПРЕЙЯРНБСЧ ЯЯШКЙС
<HTML>
<HEAD>
<TITLE>HTTPD\HTDOCS\JAVASCR\EXAMPLE1</TITLE>
<SCRIPT>
<!-- гЮЫХРХКХ РЕЙЯР ЯЙПХОРЮ НР ЯРЮПШУ АПЮСГЕПНБ
function l_image(a)
{
document.images[1].src=a
}
// -->
</SCRIPT>
</HEAD>
<BODY TEXT="#000000" BGCOLOR="#FFFFCC" LINK="#0000EE" VLINK="#551A8B" ALINK="#FF0000">
<H1>
<FONT COLOR="#000099">оПНЯЛНРП ТНРНЦПЮТХИ НАПЮГЖНБ</FONT>
</H1>
<center>
<TABLE COLS=2 WIDTH="100%" >
<CAPTION>
<FONT COLOR="#000099" SIZE=+2>нАПЮГЖШ АШРНБНИ РЕУМХЙХ</FONT>
</CAPTION>
<TR>
<TD>
<UL>
<LI><A HREF="javascript:l_image('freeze.gif')">уНКНДХКЭМХЙ</A> </LI>
<LI><A HREF="javascript:l_image('dust.gif')">оШКЕЯНЯШ</LI>
<LI><A HREF="javascript:l_image('toster.gif')">рНЯРЕП</LI>
<LI><A HREF="javascript:l_image('cook.gif')">бЮПНВМШИ ЯРНК</LI>
<LI><A HREF="javascript:l_image('oven.gif')">дСУНБЙЮ</LI>
<LI><A HREF="javascript:l_image('wash.gif')">яРХПЮКЭМЮЪ ЛЮЬХМЮ</LI>
<LI><A HREF="javascript:l_image('dishwash.gif')">оНЯСДНЛНЕВМЮЪ ЛЮЬХМЮ</LI>
</UL>
</TD>
<TD ALIGN=CENTER VALIGN=CENTER><IMG SRC="dust.gif" NAME="tool" > </TD>
</TR>
</TABLE>
</center>
</BODY>
</HTML>
б ДЮММНЛ ОПХЛЕПЕ ОПХ БШАНПЕ ЦХОЕПРЕЙЯРНБНИ ЯЯШКЙХ ОПНХЯУНДХР БШГНБ ТСМЙЖХХ l_image(), ЙНРНПЮЪ ХГЛЕМЪЕР ГМЮВЕМХЕ ЮРПХАСРЮ SRC Б ЙНМРЕИМЕПЕ IMG. рЮЙХЛ НАПЮГНЛ, ЛНФМН НПЦЮМХГНБЮРЭ ОПНЯЛНРП ПЮГКХВМШУ РНБЮПНБ Б НДМНЛ ЕДХМЯРБЕММНЛ ЦПЮТХВЕЯЙНЛ НЙМЕ.
бЯЪ ЯРПЮМХЖЮ ПЮГЛЕВЮЕРЯЪ ЙЮЙ РЮАКХЖЮ, ЯНЯРНЪЫЮЪ ХГ НДМНЦН ЯРНКАЖЮ Б ДБЕ ЪВЕИЙХ. б ОЕПБНИ ЪВЕИЙЕ ПЮГЛЕЫЮЕРЯЪ БШОЮДЮЧЫЕЕ ЛЕМЧ БШАНПЮ ЮКЭРЕПМЮРХБ, БН БРНПНИ ЪВЕИЙЕ ПЮГЛЕЫЮЧРЯЪ ЙЮПРХМЙХ, БШАПЮММШЕ ОПХ ОНЛНЫХ ЯОХЯЙЮ ЮКЭРЕПМЮРХБ. оПХ БШАНПЕ ЮКЭРЕПМЮРХБШ ХГ ЛЕМЧ ОПНХЯУНДХР ЯНАШРХЕ onChange, ЙНРНПНЕ БШГШБЮЕР ТСМЙЖХЧ l_image. мХФЕ ОПХБЕДЕМ ОПХЛЕП ПЕЮКХГЮЖХХ РЮЙНИ ЙНЛОНМНБЙХ Х ОПХЛЕП ЙНДЮ ЯЮЛНИ ЯРПЮМХЖШ.
оПХЛЕП 2.22. бШАНП ЙЮПРХМЙХ ХГ ЯОХЯЙЮ
<!-- ЩКЕЛЕМРШ ГЮЦНКНБЙЮ -->
...
<SCRIPT>
<!-- гЮЫХРХКХ РЕЙЯР ЯЙПХОРЮ НР ЯРЮПШУ АПЮСГЕПНБ
pictures = new Array()
for(i=0;i<8;i++)
{
pictures[i] = new Image()
if(i==0) pictures[i].src = "freeze.gif"
if(i==1) pictures[i].src = "dust.gif"
if(i==2) pictures[i].src = "toster.gif"
if(i==3) pictures[i].src = "cook.gif"
if(i==4) pictures[i].src = "oven.gif"
if(i==5) pictures[i].src = "wash.gif"
if(i==6) pictures[i].src = "dishwash.gif"
}
function l_image()
{
document.images[1].src = pictures[document.form1.item.selectedIndex].src
}
// -->
</SCRIPT>
[ мЮ МЮВЮКН ЯРПЮМХЖШ ]
тПЮЦЛЕМР HTML-ПЮГЛЕРЙХ Я БШГНБНЛ ТСМЙЖХХ ХГЛЕМЕМХЪ ЙЮПРХМЙХ:
<center>
<TABLE COLS=2 WIDTH="100%" >
<CAPTION>
<FONT COLOR="#000099" SIZE=+2>нАПЮГЖШ АШРНБНИ РЕУМХЙХ</FONT>
</CAPTION>
<TR>
<th>
<form name=form1>
<select name=item onChange=l_image()>
<option>уНКНДХКЭМХЙ
<option selected>оШКЕЯНЯ
<option>рНЯРЕП
<option>бЮПНВМШИ ЯРНК
<option>дСУНБЙЮ
<option>CРХПЮКЭМЮЪ ЛЮЬХМЮ
<option>оНЯСДНЛНЕВМЮЪ ЛЮЬХМЮ
</select>
</form>
</th>
</tr>
<tr>
<th ALIGN=CENTER VALIGN=CENTER><IMG SRC="dust.gif" NAME="tool" > </th>
</TR>
</TABLE>
[ <a href=#top>мЮ МЮВЮКН ЯРПЮМХЖШ</a> ]
<HR>
</center>
б ДЮММНЛ ОПХЛЕПЕ ЙЮПРХМЙЮ БШАХПЮЕРЯЪ ЙЮЙ ЩКЕЛЕМР ЯОХЯЙЮ. оПХ ЩРНЛ ОПНХЯУНДХР ЯНАШРХЕ onChange, Х ОН МЕЛС НОПЕДЕКЪЧР, ЙЮЙНИ ХЛЕММН ЩКЕЛЕМР АШК НРНАПЮМ.
бЯЪ ЯРПЮМХЖЮ ПЮГЛЕВЮЕРЯЪ ЙЮЙ РЮАКХЖЮ, ЯНЯРНЪЫЮЪ ХГ НДМНЦН ЯРНКАЖЮ Б ДБЕ ЪВЕИЙХ. б ОЕПБНИ ЪВЕИЙЕ ПЮГЛЕЫЮЧРЯЪ РПХ ЙМНОЙХ СОПЮБКЕМХЪ ОПНЯЛНРПНЛ ЙЮПРХМНЙ "бОЕПЕД", "яРЮПР/яРНО", "мЮГЮД". бН БРНПНИ ЪВЕИЙЕ ПЮГЛЕЫЮЧРЯЪ ЙЮПРХМЙХ, БШАПЮММШЕ ОСРЕЛ КХЯРЮМХЪ. кХЯРЮМХЕ НЯСЫЕЯРБКЪЕРЯЪ ЙМНОЙЮЛХ "бОЕПЕД" Х "мЮГЮД". бНГЛНФЕМ Х ДПСЦНИ БЮПХЮМР БШАНПЮ ЙЮПРХМЙХ, ЙНЦДЮ ЯХЯРЕЛЮ ЯЮЛЮ ВЕПЕГ МЕЙНРНПШИ ОПНЛЕФСРНЙ БПЕЛЕМХ ОЕПХНДХВЕЯЙХ ЛЕМЪЕР ЙЮПРХМЙХ. дКЪ ЩРНЦН ЯКЕДСЕР ЯМЮВЮКЮ ГЮОСЯРХРЭ ЮБРНЛЮРХВЕЯЙСЧ ЯЛЕМС ЙЮПРХМНЙ, МЮФЮБ МЮ ЙМНОЙС "яРЮПР/яРНО", Ю ОНРНЛ, ЙНЦДЮ АСДЕР ОНЙЮГЮМЮ МСФМЮЪ ЙЮПРХМЙЮ, НЯРЮМНБХРЭ ЮБРНЛЮРХВЕЯЙНЕ КХЯРЮМХЕ, ЯМНБЮ МЮФЮБ МЮ ЙМНОЙС "яРЮПР/яРНО". мХФЕ ОПХБЕДЕМ ОПХЛЕП ПЕЮКХГЮЖХХ РЮЙНИ ЙНЛОНМНБЙХ Х ОПХЛЕП ЙНДЮ ЯЮЛНИ ЯРПЮМХЖШ.
оПХЛЕП 2.23. кХЯРЮМХЕ Х ОПНЙПСРЙЮ ЙЮПРХМНЙ
<SCRIPT>
<!-- гЮЫХРХКХ РЕЙЯР ЯЙПХОРЮ НР ЯРЮПШУ АПЮСГЕПНБ
pictures = new Array()
for(i=0;i<8;i++)
{
pictures[i] = new Image()
if(i==0) pictures[i].src = "freeze.gif"
if(i==1) pictures[i].src = "dust.gif"
if(i==2) pictures[i].src = "toster.gif"
if(i==3) pictures[i].src = "cook.gif"
if(i==4) pictures[i].src = "oven.gif"
if(i==5) pictures[i].src = "wash.gif"
if(i==6) pictures[i].src = "dishwash.gif"
}
n=0;
flag=0;
function next_image()
{
if(flag==0)
{
n++;if(n>6) n=0;
document.images[1].src = pictures[n].src
}
}
function back_image()
{
if(flag==0)
{
n--;if(n<0) n=6;
document.images[1].src = pictures[n].src
}
}
function scroll_image()
{
if(flag==1)
{
n++;if(n>6) n=0;
document.images[1].src = pictures[n].src
}
setTimeout("scroll_image()",1500);
}
function start_stop()
{
if(flag==0)
{
flag=1
}
else
{
flag=0
}
}
// -->
</SCRIPT>
[ мЮ МЮВЮКН ЯРПЮМХЖШ ]
<TABLE COLS=2 WIDTH="100%" >
<CAPTION>
<FONT COLOR="#000099" SIZE=+2>нАПЮГЖШ АШРНБНИ РЕУМХЙХ</FONT>
</CAPTION>
<TR>
<th>
<form name=form1>
<input name=f type=button value=бОЕПЕД onClick=next_image()>
<input name=ss type=button value="яРЮПР/яРНО"
onClick=start_stop()>
<input name=b type=button value=мЮГЮД onClick=back_image()>
</form>
</th>
</tr>
<tr>
<th ALIGN=CENTER VALIGN=CENTER><IMG SRC="dust.gif" NAME="tool" > </th>
</TR>
</TABLE>
б ЩРНЛ ОПХЛЕПЕ ЛШ ХЯОНКЭГСЕЛ РЕ ФЕ ЯПЕДЯРБЮ, ВРН ХЯОНКЭГНБЮКХ Х ДКЪ НПЦЮМХГЮЖХХ ЯЙПНККХМЦЮ. юКЦНПХРЛ НЯРЮМНБЮ Х ГЮОСЯЙЮ ОПНЙПСРЙХ РНР ФЕ, ВРН Х ОПХ ЯЙПНККХМЦЕ НЙМЮ.
б ДЮММНЛ ОПХЛЕПЕ ЛШ УНРХЛ ОНЙЮГЮРЭ БНГЛНФМНЯРЭ ХГЛЕМЕМХЪ ЙЮПРХМЙХ imagemap Я НДМНБПЕЛЕММШЛ ХГЛЕМЕМХЕЛ ЦХОЕПРЕЙЯРНБШУ ЯЯШКНЙ, ЯБЪГЮММШУ Я ЩРНИ ЙЮПРХМЙНИ. рЮЙЮЪ БНГЛНФМНЯРЭ ЯСЫЕЯРБСЕР РНКЭЙН Б РНЛ ЯКСВЮЕ, ЕЯКХ БЯЕ ЙЮПРХМЙХ, ЙНРНПШЕ ЛШ УНРХЛ ХЯОНКЭГНБЮРЭ Б ЙЮВЕЯРБЕ imagemap, ХЛЕЧР НДХМЮЙНБСЧ ЙНЛОНМНБЙС. лШ ПЕЮКХГСЕЛ ОПНЯЛНРП БЮПХЮМРНБ Б БХДЕ ЦНПХГНМРЮКЭМНЦН ЛЕМЧ Б БЕПУМЕИ ЯРПНЙЕ РЮАКХЖШ Х imagemap - Б МХФМЕИ ЯРПНЙЕ РЮАКХЖШ, Р.Й. МЮЬЮ ЙЮПРХМЙЮ ХЛЕЕР ТНПЛЮР КЮМДЬЮТРЮ.
оПХЛЕП 2.24. дХМЮЛХВЕЯЙХИ imagemap
<SCRIPT>
<!-- гЮЫХРХКХ РЕЙЯР ЯЙПХОРЮ НР ЯРЮПШУ АПЮСГЕПНБ
function print_form(a)
{
document.form1.kuku.value = a
}
function set_image(a)
{
if(a == "bosh")
{
document.form1.kuku.value= "рЕУМХЙЮ ТХПЛШ Bosh."
document.links[5].href = "javascript:print_form(\'Refregarator: Bosh-10245(-24C;Remote Control)\')"
document.links[6].href = "javascript:print_form(\'Aero-Filter: Bosh-1212(Steel Filter)\')"
document.links[7].href = "javascript:print_form(\'Oven: Bosh-3432(бЮПНВМШИ ЯРНК + ДСУНБЙЮ)\')"
document.links[8].href = "javascript:print_form(\'Wash mashine: Bosh-2343(Dry Mode)\')"
document.links[9].href = "javascript:print_form(\'Dish wash machine: Bosh-DW-44\')"
document.links[10].href = "javascript:print_form(\'Water pipe: Bosh(Steel + Ceramic)\')"
}
if(a == "Indesit")
{
document.form1.kuku.value= "рЕУМХЙЮ ТХПЛШ Indesit."
document.links[5].href = "javascript:print_form(\'Indesit-105(-18C)\')"
document.links[6].href = "javascript:print_form(\'Indesit-101(Steel Filter)\')"
document.links[7].href = "javascript:print_form(\'Indesit-3432(бЮПНВМШИ ЯРНК + ДСУНБЙЮ)\')"
document.links[8].href = "javascript:print_form(\'Indesit-343(Wash only)\')"
document.links[9].href = "javascript:print_form(\'Indesit-DWR-Safe\')"
document.links[10].href = "javascript:print_form(\'No in the frame\')"
}
if(a == "candy")
{
document.form1.kuku.value= "рЕУМХЙЮ ТХПЛШ Candy."
document.links[5].href = "javascript:print_form(\'Candy-122(-24C;Hidden model)\')"
document.links[6].href = "javascript:print_form(\'Candy-12(Steel Filter + Carbone Filter)\')"
document.links[7].href = "javascript:print_form(\'Candy(бЮПНВМШИ ЯРНК + ДСУНБЙЮ)\')"
document.links[8].href = "javascript:print_form(\'Candy-343(Dry Mode)\')"
document.links[9].href = "javascript:print_form(\'Candy-DWR Elite\')"
document.links[10].href = "javascript:print_form(\'Candy(Ceramic)\')"
}
document.images[1].src= a+".gif"
}
// -->
</SCRIPT>
[ мЮ МЮВЮКН ЯРПЮМХЖШ ]
<MAP name=kitchen_map>
<area name=freeze shape=rect coords="14,11,88,171" href="javascript:void(0)">
<area name=aero shape=rect coords="179,12,238,58" href="javascript:void(0)">
<area name=oven shape=rect coords="179,95,237,172" href="javascript:void(0)">
<area name=dry shape=rect coords="239,95,297,173" href="javascript:void(0)">
<area name=wash shape=rect coords="297,96,370,173" href="javascript:void(0)">
<area name=kran shape=rect coords="90,95,138,172" href="javascript:void(0)">
</map>
<TABLE border=0>
<CAPTION>
<FONT COLOR="#000099" SIZE=+2>нАПЮГЖШ АШРНБНИ РЕУМХЙХ</FONT>
</CAPTION>
<TR>
<TH>
<a href="javascript:set_image('bosh')">Bosh</a>
</th>
<th>
<a href="javascript:set_image('idezit')">Indesit</a>
</th>
<th>
<a href="javascript:set_image('candy')">Candy</a>
</th>
</TR>
<TR>
<th colspan=3><IMG SRC="Bosh.gif" NAME="tool" USEMAP=#kitchen_map></th>
</TR>
<tr><th colspan=3><form name=form1><input name=kuku size=40 value=бШАЕПХ МЮАНП РЕУМХЙХ.></form></th></tr>
</TABLE>
б ДЮММНЛ ОПХЛЕПЕ ЛЕМЪЧРЯЪ МЕ РНКЭЙН ЙЮПРХМЙХ, МН Х ЯРЕЙХ ЦХОЕПРЕЙЯРНБШУ ЯЯШКНЙ ОНД МХЛХ. дКЪ ЙЮФДНИ МНБНИ ЙЮПРХМЙХ НОПЕДЕКЪЧРЯЪ ЯБНХ ЯНАЯРБЕММШЕ ЦХОЕПРЕЙЯРНБШЕ ЯЯШКЙХ.
|