Page 98 - Demo

TEMATIKA 3 PROGRAMIMI NË WEB Integrimi i JS në dokumentin HTMLKodet në JS duhet të futen brenda dokumentit html, ku është pikërisht browser-i ai që i interpreton dhe i shfaq ato. Për të vendosur kode JS në dokumentin html ka dy mënyra:• Mënyra e parë është përdorimi i . Ky taglejon të përcaktosh llojin e gjuhës së përdorur LANGUAGE= “JavaScript” (fig. 3.a). Ajo çfarë rezulton nga kodi paraqitet në figurën 3.b.Nga shembulli i mësipërm vërejmë se: o Nëse duam të deklarojmë një funksion në JS, duhet të përdorim gjithmonë emrin function përpara. Sintaksa (rendi) është: function emri_funksionit (argumentet që merr funksioni) {trupi i funksionit}.o Kur njoftohet funksioni në JS, duhet të vendosim sërish taget SCRIPT.o Përdormi i onclick kap klikimin e mausit dhe e lidh atë me një ngjarje apo me thirrjen e një funksioni në JS, në këtë rast me funksionin Mbyll (). • Mënyra tjetër është nëpërmjet një skedari të jashtëm. Nëse doni që të përdorni të njëjtin kod në JS në shumë faqe web, pa shkruar të njëjtin kod në çdo faqe, ka një zgjidhje. Ju mund të shkruani kodin në JS në një skedar tjetër dhe ta ruani atë me prapashtesën .js. Për të futur këtë skedar brenda faqes HTML, përdorni vetinë “src” të tag-ut SCRIPT, për shembull, nëse ju keni ruajtur kodin në skedarin SkedariJS.js, atëherë mjafton të shkruani: <script Language=”javascript” src= “SkedariJS.js”>.......................... Në rast se browser-i juaj nuk e zbaton shembullin e mësipërm, do t’ju duhet ta konfiguroni atë. Te shiriti i adresave shkruani about:config, gjeni dom.allow_scripts_to_close_windowsdhe vendosni vlerën True.Fig. 3.bFig. 3.a• tag-u , i cili tregon që kodi JavaScript po përfshihet në faqen html (duke detajuar që gjuha e përdorur brenda skript-it do të jetë JavaScript);• Metoda alert(‘....’), e cila shfaq një dritare dialoguese që qëndron e afishuar derisa përdoruesi shtyp OK.Fig. 296
</code></pre></code></pre>
</div>

</div>
<div id="content-bottom">
<div id="content-bottom2">
<table width="110" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="22%" height="44"><a href="page97.html"><img src="images/previous.png" width="26" height="19" id="Image2" onmouseover="MM_swapImage('Image2','','images/previous2.png',1)" onmouseout="MM_swapImgRestore()" /></a></td>
<td width="43%">
&nbsp;&nbsp;&nbsp;<a href="page92.html">92</a>&nbsp;&nbsp;&nbsp;<a href="page93.html">93</a>&nbsp;&nbsp;&nbsp;<a href="page94.html">94</a>&nbsp;&nbsp;&nbsp;<a href="page95.html">95</a>&nbsp;&nbsp;&nbsp;<a href="page96.html">96</a>&nbsp;&nbsp;&nbsp;<a href="page97.html">97</a>&nbsp;&nbsp;&nbsp;<a href="page98.html">98</a>&nbsp;&nbsp;&nbsp;<a href="page99.html">99</a>&nbsp;&nbsp;&nbsp;<a href="page100.html">100</a>&nbsp;&nbsp;&nbsp;<a href="page101.html">101</a>&nbsp;&nbsp;&nbsp;<a href="page102.html">102</a>
</td>
<td width="35%"><a href="page99.html"><img src="images/next.png" width="26" height="19" id="Image1" onmouseover="MM_swapImage('Image1','','images/next2.png',1)" onmouseout="MM_swapImgRestore()" /></a></td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div id="right-button">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="page99.html"><img src="images/next_big.png" width="90" height="80" /></a></p>
</div>

</div>
</body>
</html>