Forum GamesIS Community

     
 
Message From The Staff
Daca aveti probleme cu contul de pe forum sau cel de pe GISPanel trimiteti un email la adresa [email protected] .




Post new topic  Reply to topic 
Page 1 of 1
 
 
Reply with quote Download Post 
Post Tutorial Complet JavaScript (prima Parte) 
 
ntroducere JavaScript

      
JavaScript
este un limbaj de  programare care face posibil ca paginile web sa fie mai interactive. Este mai  des recunoscut ca facand parte din categoria "Scripting Languages".  A fost lansat sub numele de  "LiveScript", schimbarea numelui in JavaScript fiind o chestie legata de  strategia de marketing.
        Scripturile  Javascript sunt introduse in pagina HTML si sunt interpretate si executate de browser. Javascript poate fi considerat o unealta foarte buna daca doriti sa controlati continutul paginilor in functie de data, ora, sistemul de operare sau browserul utilizatorilor, sa faceti site-uri interactive, care sa comunice cu vizitatorii, site-uri dinamice, sa validati datele primite din formulare, dar nu numai atat, acestea fiind doar cateva din posibilitatile pe care le ofera acest limbaj.
        Pentru a putea sa parcurgeti  acest tutorial si sa si intelegeti ceva din el trebuie sa aveti cunostinte de  HTML si cateva notiuni generale legate de structura limbajelor de programare.
        Nu voi mai pierde timpul cu asta  si o sa incep cu cateva exercitii simple care va vor ajuta sa intelegeti aceste  lucruri elementare.

 


        Dupa cum am spus mai sus,  javascript poate fi introdus in interiorul paginilor html. Pentru a fi  interpretat de catre browser trebuie sa marcam codul astfel:



<script>
    

Codul javascript
  

</script>


O alta metoda pentru a folosi  scripturile javascript, metoda pe care o recomand si o consider mai practica,  este aceea de utilizare a scripturilor externe. Cei care folosesc CSS sunt  obisnuiti cu folosirea  stylesheet-urilor  externe. Este aproximativ acelasi lucru: se adreseaza fisierul extern in  interiorul etichetei <HEAD> a fisierului html si apoi o modificare a  acestui script se propaga in intreg documentul.

Iata cum adresam un fisier JS  extern (fisierul extern este exemplu.js):


<html>
  <head>
  <title>
      Exemplu
  </title>
  <script>
  </script>
  </head>
  <body>
    

Continut
    

</body>
  </html>


In continuare voi incerca sa  afisez in browser un text folosind javascript.

Exemplul 1


<html>
  <head>
  <title> exemplu  </title>
  </head>
  <body>
    

<h1> Text HTML </h1>
  <h1> <script>
        document.write("Text JAVASCRIPT");
  </script>
  </h1>
  </body>
  </html>


Explicatii suplimentare:
  document.write("text Javascript");

document este un obiect iar write() este o metoda.

Un obiect poate contine alte  obiecte care pot fi considerate proprietati ale acestuia. Spre exemplu document contine alte obiecte, de  exemplu title  . In javascript acest obiect se identifica cu: document.title.  Alt exemplu ar fi obiectul submit care este intr-un formular din  pagina. Acesta ar fi adresat document.form.submit.
Iata cateva exemple de obiecte HTML si corespondentele in JavaScript:


Obiectul    Tag-ul HTML    Coresp. JavaScript
Pagina Web    <body> .... </body>    document
Formular HTML    

<form>
  

... </form>
    document.formular
Buton    

<INPUT>
        document.formular.buton
Imagine    <IMG>    document.imagine


write() este o metoda. O metoda ne face sa ne gandim la actiune, au  efect asupra obiectelor. Metodele au tot timpul paranteze ( ). O sa mai intalnim in tutorial metode si obiecte si atuci o sa  le intelegeti mai bine rolul.

Sa folosim si un fisier extern  (exemplu2.js)
  Fisierl HTML are codul de mai jos

<html>
<head>
<title>exemplu2</title>
<script>
</script>
</head>
<body>
    

<h1> Text HTML </h1>
<h1> <aplicam>
</h1>
    

</body>
</html>


Am adresat fisiserul extern javascript in zona <HEAD> a documentului HTML si am atribuit marcajului <h1> id-ul "text1". Un ID javascript functioneaza ca un ID in CSS: poate fi folosit o singura data intr-o pagina. Iata si codul din exemplu2.js :

window.onload = scrieText;
    

function scrieText() {
        document.getElementById("text1").innerHTML = "Text JavaScript din fisier extern";
    }


Ce face acest script:

- dupa ce termina de incarcat fereastra executa functia "scrieText" (window.onload = scrieText;)

- pasul urmator este definirea functie scrieText(). Aceasta se face intre acolade ({ }).Aceasta functie cauta dupa ID-ul "text1" in documentul HTML si unde il gaseste inlocuieste continutul tagului respectiv cu textul pe care l-am introdus in ghilimele.
 




--------------------------------
Respecta si vei fi respectat!

659_189_jucatorgamesisya3
Serverul: Cs.GamesIS.Ro - WwW.GamesIS.Ro
regulile Forumului: Aici
Server Redirect Cs.GamesIS.Ro Aici
Image Hosting Upload : WwW.Image.GamesIS.Ro
b_350x20_c323957-202743-f19a15-111111
 
twisted93Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post Re: Tutorial Complet JavaScript (prima Parte) 
 
gg
 




--------------------------------
siol
 
SoLo Fac Singur TotSend private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post Re: Tutorial Complet JavaScript (prima Parte) 
 
bv
 




--------------------------------
regulile Forumului: Aici
Serverul :Cs.GamesIS.Ro
Jucator :Cs.GamesIS.Ro
 
DavYSend private message  
Back to topPage bottom
Reply with quote Download Post 
Post Re: Tutorial Complet JavaScript (prima Parte) 
 
gg
 



 
AspargiliusSend private message  
Back to topPage bottom
Post new topic  Reply to topic  Page 1 of 1
 


Display posts from previous:    

HideSimilar Topics

Topic Author Forum GamesIS Replies Last Post
No new posts Sarbatorile Iasului 2016! (program complet) Marsat Evenimente 3 Wednesday, 28 September 2016, 07:56 PM View latest post
Marsat

Users browsing this topic: 0 Registered, 0 Hidden and 0 Guests
Registered Users: None


 
Permissions List
You cannot post new topics
You cannot reply to topics
You cannot edit your posts
You cannot delete your posts
You cannot vote in polls
You cannot attach files
You cannot download files
You cannot post calendar events


  

 

  cron