цХОЕПРЕЙЯРНБШЕ ЯЯШКЙХ Х ЙЮПРХМЙХ - ЩРН ЯБНИЯРБЮ НАЗЕЙРЮ "ДНЙСЛЕМР", ЙНРНПШИ Б ЯБНЧ НВЕПЕДЭ ЪБКЪЕРЯЪ ВЮЯРЭЧ НАЗЕЙРЮ "НЙМН". х ЦХОЕПРЕЙЯРНБШЕ ЯЯШКЙХ, Х ЙЮПРХМЙХ ЯНЯРЮБКЪЧР БЯРПНЕММШЕ ЛЮЯЯХБШ, Й ЙНРНПШЛ ЛНФМН НАПЮЫЮРЭЯЪ ОН ХМДЕЙЯС. пЮЯЯЛНРПХЛ МЕЯЙНКЭЙН ОПХЛЕПНБ ОПНЦПЮЛЛХПНБЮМХЪ ЛЮЯЯХБНБ ЦХОЕПРЕЙЯРНБШУ ЯЯШКНЙ Х ЙЮПРХМНЙ.
бЯЪ ЯРПЮМХЖЮ ПЮГЛЕВЮЕРЯЪ ЙЮЙ РЮАКХЖЮ, ЯНЯРНЪЫЮЪ ХГ НДМНИ ЯРПНЙХ Б ДБЕ ЪВЕИЙХ. б ОЕПБНИ ЪВЕИЙЕ ПЮГЛЕЫЮЕРЯЪ ЯОХЯНЙ БШАНПЮ ЮКЭРЕПМЮРХБ, БН БРНПНИ ЪВЕИЙЕ ПЮГЛЕЫЮЧРЯЪ ЙЮПРХМЙХ, БШАПЮММШЕ ОПХ ОНЛНЫХ ЯОХЯЙЮ ЮКЭРЕПМЮРХБ. бЯЕ ЩКЕЛЕМРШ ЯОХЯЙЮ ОНЛЕВЕМШ ЙЮЙ ЦХОЕПРЕЙЯРНБШЕ ЯЯШКЙХ. с ЙЮФДНИ ЯЯШКЙХ НОПЕДЕКЕМН ЯНАШРХЕ 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> б ДЮММНЛ ОПХЛЕПЕ ЛЕМЪЧРЯЪ МЕ РНКЭЙН ЙЮПРХМЙХ, МН Х ЯРЕЙХ ЦХОЕПРЕЙЯРНБШУ ЯЯШКНЙ ОНД МХЛХ. дКЪ ЙЮФДНИ МНБНИ ЙЮПРХМЙХ НОПЕДЕКЪЧРЯЪ ЯБНХ ЯНАЯРБЕММШЕ ЦХОЕПРЕЙЯРНБШЕ ЯЯШКЙХ.
|
щКЕЙРПНММЮЪ АХАКХНРЕЙЮ InfoCityюБРНП:лХУЮХК оХМЙСЯс бЮЯ ЕЯРЭ ДНЙСЛЕМРЮЖХЪ, ЙНРНПНИ МЕР Б МЮЬЕИ АХАКХНРЕЙЕ? оПХЯШКЮИРЕ. |