Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 100 - Demo
P. 100

                                        Nxënësi/ja:3.13 Administrimi i ngjarjeve në JavaScriptJS krijon mundësinë për të përdorur ngjarje të ndryshme. Ngjarjet në JS janë kode që mundësojnë reagimin ndaj asaj që ndodh në shfletues, si p.sh.: klikimi i një butoni me maus. Çdo ngjarje shoqëron një element të caktuar të html sipas rendit të fjalëve: < emri tagut On_ngjarja =”function()”>, ku On_ngjarja përfaqëson një veti që shoqëron tag-un përkatës në html. Në mënyrë të përmbledhur, ngjarjet më të përdorura në JSparaqiten në tabelën e dhënë.OnFocus Kjo ngjarje përdoret për të treguar që një fushë të dhënash është gati për të marrë të dhëna dhe përdoruesi bëhet gati për t’i futur ato.OnBlur Kjo ngjarje përdoret kur një fushë e formularit duhet të humbasë fokusin. Kjo mund të ndodhë kur përdoruesi ka përfunduar së shkruari në kutinë e formularit dhe ka klikuar jashtë saj, ose ka përdorur tastin Tab për të kaluar te fusha tjetër. OnChange Kjo ngjarje është e ngjashme me ngjarjen OnBlur, por me një ndryshim. Në këtë rast, jo vetëm që ka humbur fokusi, po edhe përmbajtja e fushës ka ndryshuar nga përdoruesi. Kjo ngjarje përdoret me tag-et:  dhe <select>.OnKeyUP Kjo ngjarje ndodh atëherë kur përdoruesi lëshon një tast nga tastiera. Përdoret me tag-un: <TEXTAREA>.OnLoad -onUnLoad ndodh kur ngarkimi i faqes ka përfunduar, ndërsa onUnLoad ndodh kur përdoruesi mbyll faqen. Këto ngjarje përdoren si veti të tag-eve: <BODY> ose <FRAMESET>. OnMouseOver - OnMouseOut ndodh kur kursori vendoset mbi një link ose në një figurë, por pa klikuar mbi të. Ndërsa OnMouseOut ndodh në rastin e kundërt, kur kursori largohet nga zona e ndjeshme (e një link-u apo një figure).Elementet e HTML dhe JavaScript njeh elementet e një faqeje web që mund të ndërtohet me JS.Le të shikojmë se si lidhen disa ngjarje në JS me formularët. Për këtë le të shqyrtojmë shembullin e mëposhtëm. Shkruani kodin e figurës 1.a dhe ruajeni skedarin ne formatin HTML. Nëse skedarin e hapni në browser (shfletues), do të shihni një faqe si në figurën 1.b. Gjeni çfarë do të shfaqet te Resultati, nëse përdoruesi fut numrin 3 dhe klikon butonin llogarit. Aktivitet:Fig. 1.aFig. 1.b98
                                    </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="page99.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%">
                 	   <a href="page94.html">94</a>   <a href="page95.html">95</a>   <a href="page96.html">96</a>   <a href="page97.html">97</a>   <a href="page98.html">98</a>   <a href="page99.html">99</a>   <a href="page100.html">100</a>   <a href="page101.html">101</a>   <a href="page102.html">102</a>   <a href="page103.html">103</a>   <a href="page104.html">104</a>
                 </td>
                 <td width="35%"><a href="page101.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> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p><a href="page101.html"><img src="images/next_big.png" width="90" height="80" /></a></p>
    </div>

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