Scribd Logo
Upload

Welcome to Scribd!

  • Js 7

    Uploaded by

    p_isaic989
    20 views2 pages
    The document discusses various JavaScript events. It describes the onmousemove event which triggers when the mouse moves over an element. It also covers the onmouseover and onmouseout events which can be used together for image rollovers. The onsubmit event fires when a form is submitted, and it provides an example of accessing form elements via the document.forms array. Finally, it summarizes the onload, onunload, onreset, and key events like onkeydown, onkeyup and onkeypress.

    Original Description:

    JawaScript

    Original Title

    js7

    Copyright

    © © All Rights Reserved

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document discusses various JavaScript events. It describes the onmousemove event which triggers when the mouse moves over an element. It also covers the onmouseover and onmouseout events which can be used together for image rollovers. The onsubmit event fires when a form is submitted, and it provides an example of accessing form elements via the document.forms array. Finally, it summarizes the onload, onunload, onreset, and key events like onkeydown, onkeyup and onkeypress.

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as doc, pdf, or txt
    20 views2 pages

    Js 7

    Uploaded by

    p_isaic989
    The document discusses various JavaScript events. It describes the onmousemove event which triggers when the mouse moves over an element. It also covers the onmouseover and onmouseout events which can be used together for image rollovers. The onsubmit event fires when a form is submitted, and it provides an example of accessing form elements via the document.forms array. Finally, it summarizes the onload, onunload, onreset, and key events like onkeydown, onkeyup and onkeypress.

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as doc, pdf, or txt
    of 2

    Fisa java script 7

    </head>
    Evenimente Part 2
    <body>
    onmousemove, onmouseout, onmouseover
    <a href="http://www.w3schools.com"
    target="_blank">
    onsubmit, onreset, onload, onunload, onresize <img border="0" alt="Visit W3Schools!"
    src="b_pink.gif" id="b1" width="26" height="26"
    onkeydown, onkeyup, onkeypress onmouseover="mouseOver()"
    onmouseout="mouseOut()" /></a>
    In partea 1 am tratat evenimentele: </body>
    onblur, onfocus, onclick,ondblclick, onchange, onmouseup, </html>
    onmousedown, onerror
    Cum functioneaza:
    Evenimentul onmousemove Se realizeaza doua functii mouseOver() si mouseOut()
    este similar cu onmouseover pentru cele doua situatii.
    mouseOver() va stabili imaginea pentru
    situatia cand mouse-ul ajunge peste link si este folosita
    <html><body> cu evenimentul onmouseover
    iar
    <img src="image_w3default.gif" name="mousetest" mouseOut() stabileste imaginea pentru situatia
    width="234" height="91"> cand mouse-ul este luat de pe link si este folosita cu
    evenimentul onmouseout.
    <p onmousemove="document.images['mousetest']
    .src='image_w3default2.gif'">Cand se misca mouse-ul Evenimentul onsubmit
    peste paragraf imaginea se schimba</p>
    Este folosit in cadrul formularelor si apare atunci cand
    </body></html> e apasat un buton submit.

    Cum functioneaza: <html><head>


    imaginea are numele mousetest
    cand mouse-ul se misca peste paragraf se schimba <script type="text/javascript">
    sursa imaginii : function welcome()
    Din vectorul de imagini al {
    documentului document.images se alege acea imagine alert("Welcome " + document.forms["myform"]
    cu numele mousetest si i se atribuie ca sursa alta ["fname"].value + "!")
    imagine. }
    </script>
    De retinut din acest exemplu modul de alegere a </head><body>
    imaginii.
    What is your name?<br />
    Evenimentele onmouseover, onmouseout <form name="myform"
    action="tryjsref_onsubmit.htm"
    Realizarea de rollovere combina folosirea celor doua onSubmit="welcome()">
    evenimente. Cand se trece cu mouse-ul deasupra unui <input type="text" name="fname" size="20">
    link reprezentat de o imagine, se poate schimba acea <input type="submit" value="Submit">
    imagine dand impresia ca link-ul e activ. </form>

    <html><head> </body></html>
    <script type="text/javascript">
    Cum functioneaza:
    function mouseOver() Evenimentul onsubmit cu functia welcome() e
    { atasat formularului myform si in momentul cand se da
    document.getElementById("b1").src ="b_blue.gif"; clic pe submit functia este apelata.
    }
    function mouseOut() Facem o mica paranteza pentru a explica modul de
    { accesare a formularelor cu ajutorul tablourilor.
    document.getElementById("b1").src ="b_pink.gif";
    }
    </script>
    1
    Fisa java script 7
    1. formularul myform este accesat din <html>
    vectorul document.forms cu ajutorul indicelui <head>
    "myform" (document.forms["myform"] ) <script type="text/javascript">
    iar function load()
    2. campul text din interiorul formularului la {
    randul lui este accesat din vectorul window.status="Page is loaded";
    document.forms["myform"] folosind indicele "fname"; }
    (document.forms["myform"]["fname"]) </script>
    3.proprietatea value este accesata prin .value </head>
    document.forms["myform"]["fname"].value)
    <body onload="load()">
    document.forms </body>
    myform myform_2... myform_n
    fname ... ... </html>
    submit ... ...
    Evenimentul onunload
    Observati cum sunt accesate formularele:
    se acceseasa mai intai vectorul cu formulare Se produce cand se inchide pagina
    apoi se alege formularul myform (pe orizontala in
    tabelul nostru) <html>
    apoi in cadrul lui myform se alege input-ul tip text
    fname (pe verticala in tabel) <body onunload="alert('s-a produs evenimentul
    onunload')">
    Acesta este un tablou bidimensional in care o <p>Inchide pagina pentru a produce evenimentul
    dimensiune este data de numarul de formulare din onunload.</p>
    document (coloanele) iar cealalta dimensiune consta </body>
    din numarul de elemente din interiorul fiecarui
    formular (liniile) </html>

    Evenimentul onreset
    Evenimentele onkeydown, onkeyup, onkeypress
    are loc in momentul cand se da clic pe butonul reset sunt legate de tastatura
    fiind folosit in mod asemanator ca onsubmit.
    In exemplul urmator, cand se elibereaza o tasta,
    <form onreset="alert('The form will be reset')"> caracterul tastat este transformat in majuscula
    Firstname: <input type="text" name="fname"
    value="John" /> <html>
    <br />
    Lastname: <input type="text" name="lname" /> <head>
    <br /><br /> <script type="text/javascript">
    <input type="reset" value="Reset"> function upperCase(x)
    </form> {
    var y=document.getElementById(x).value;
    Butonul reset are ca scop stergerea(resetarea) tuturor document.getElementById(x).value=y.toUpperCase();
    elementelor input din formular. In cazul nostru cand se }
    da reset se afiseaza si o avertizare. </script>
    </head>
    Evenimentul onload
    <body>
    Se produce la incarcarea unei pagini. Este util mai ales
    in cazul in care dorim sa modificam comportamentul Enter your name: <input type="text" id="fname"
    unor elemente din pagina web prin preincarcarea unor onkeyup="upperCase(this.id)">
    functii.
    </body>
    in urmatorul exemplu, in momentul in care pagina s-a </html>
    incarcat se anunta in status-bar-ul ferestrei ca pagina a
    fost incarcata

    You might also like