├Φ∩σ≡≥σΩ±≥εΓ√σ ±±√δΩΦ Φ Ωα≡≥ΦφΩΦ - ²≥ε ±ΓεΘ±≥Γα εß·σΩ≥α "ΣεΩ≤∞σφ≥", Ωε≥ε≡√Θ Γ ±Γε■ ε≈σ≡σΣⁿ Γδ σ≥± ≈α±≥ⁿ■ εß·σΩ≥α "εΩφε". ╚ πΦ∩σ≡≥σΩ±≥εΓ√σ ±±√δΩΦ, Φ Ωα≡≥ΦφΩΦ ±ε±≥αΓδ ■≥ Γ±≥≡εσφφ√σ ∞α±±ΦΓ√, Ω Ωε≥ε≡√∞ ∞εµφε εß≡α∙α≥ⁿ± ∩ε ΦφΣσΩ±≤. ╨α±±∞ε≥≡Φ∞ φσ±ΩεδⁿΩε ∩≡Φ∞σ≡εΓ ∩≡επ≡α∞∞Φ≡εΓαφΦ ∞α±±ΦΓεΓ πΦ∩σ≡≥σΩ±≥εΓ√⌡ ±±√δεΩ Φ Ωα≡≥ΦφεΩ.
┬± ±≥≡αφΦ÷α ≡ατ∞σ≈ασ≥± ΩαΩ ≥αßδΦ÷α, ±ε±≥ε ∙α Φτ εΣφεΘ ±≥≡εΩΦ Γ ΣΓσ ≈σΘΩΦ. ┬ ∩σ≡ΓεΘ ≈σΘΩσ ≡ατ∞σ∙ασ≥± ±∩Φ±εΩ Γ√ßε≡α αδⁿ≥σ≡φα≥ΦΓ, Γε Γ≥ε≡εΘ ≈σΘΩσ ≡ατ∞σ∙α■≥± Ωα≡≥ΦφΩΦ, Γ√ß≡αφφ√σ ∩≡Φ ∩ε∞ε∙Φ ±∩Φ±Ωα αδⁿ≥σ≡φα≥ΦΓ. ┬±σ ²δσ∞σφ≥√ ±∩Φ±Ωα ∩ε∞σ≈σφ√ ΩαΩ πΦ∩σ≡≥σΩ±≥εΓ√σ ±±√δΩΦ. ╙ ΩαµΣεΘ ±±√δΩΦ ε∩≡σΣσδσφε ±εß√≥Φσ 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>
┬ Σαφφε∞ ∩≡Φ∞σ≡σ ∞σφ ■≥± φσ ≥εδⁿΩε Ωα≡≥ΦφΩΦ, φε Φ ±≥σΩΦ πΦ∩σ≡≥σΩ±≥εΓ√⌡ ±±√δεΩ ∩εΣ φΦ∞Φ. ─δ ΩαµΣεΘ φεΓεΘ Ωα≡≥ΦφΩΦ ε∩≡σΣσδ ■≥± ±ΓεΦ ±εß±≥Γσφφ√σ πΦ∩σ≡≥σΩ±≥εΓ√σ ±±√δΩΦ.