Javascript
Pagina principala | Curs | Laborator | Proiect |
<< Rularea codului | Adrese pentru invatare >> |
Exemplu de cod ce schimba culoarea paginii, cand se face click in fereastra navigatorului:
<BODY ONMOUSEDOWN="document.bgColor='red'">
<H1>
Faceti click pentru a schimba culoarea paginii in ROSU!
</H1>
</BODY>
</HTML>
In exemplul de mai sus, script-ul s-a atribuit direct atributului ONMOUSEDOWN, fara a mai folosi o functie separata. In acest caz, intregul script se pune intre ghilimele.
Exemplul 3
In acest exemplu se foloseste metoda open, pentru a deschide o noua fereastra cand se incarca pagina web.
<SCRIPT LANGUAGE="JavaScript">
message=null;
message=window.open("","MessageWindow","Width=300,Height=150");
message.document.write("<HTML><BODY><CENTER><FONT COLOR='red'
SIZE='3'>");
message.document.write("Bine ati venit pe pagina mea WEB!! </FONT>");
message.document.write("<BR><BR><FORM><INPUT TYPE='BUTTON'
VALUE='Inchide' onClick='window.close();'>");
message.document.write("</FORM></CENTER></BODY></HTML>");
message.document.close();
</SCRIPT>
Exemplul 4
In acest exemplu se va afisa data si ora la care utilizatorul a accesat pagina:
<SCRIPT LANGUAGE="JavaScript">
azi = new Date()
if (azi.getMinutes() < 10)
{pad = "0"}
else
pad = "";
document.write("<b><FONT SIZE=2 color=black face=Verdana>
Ati accesat pagina la <br> Ora: </b>",azi.getHours(),":",pad,azi.getMinutes())
document.write(" <b>Astazi:</b>",azi.getDate(),"/",azi.getMonth(),"/",azi.getYear(),"
<br></font>");
</SCRIPT>
Exemplul 5
In exemplul de mai jos se afiseaza ora si data la care se acceseaza pagina si utilizatorul este intampinat cu un mesaj de bun venit in functie de ora din timpul zilei:
<SCRIPT LANGUAGE="JavaScript">
azi = new Date()
if (azi.getMinutes() < 10)
{pad = "0"}
else
pad = "";
if ((azi.getHours() < 12) && (azi.getHours() >= 9))
{ document.write("<FONT SIZE=2 color=#808000 face=Verdana><b>
Buna dimineata!</b></FONT>")}
if((azi.getHours() >= 12) && (azi.getHours() < 18))
{ document.write("<FONT SIZE=2 color=#008040 face=Verdana><b>
Buna ziua!</b></FONT>")}
if((azi.getHours() >= 18) && (azi.getHours() <= 24))
{ document.write("<div align=right><FONT SIZE=2 color=#0000A0
face=Verdana><b> Buna seara!</b></FONT>")}
if((azi.getHours() >= 7) && (azi.getHours() <= 9))
{ document.write("<FONT SIZE=2 color=black><b> Salut! Te-ai
sculat devreme astazi! </b></FONT>")}
// Afisare ora si data
document.write("<i><FONT SIZE=2 color=black face=Verdana>
- Ora : </i>",azi.getHours(),":",pad,azi.getMinutes())
document.write("<i> Data: </i>",azi.getDate(),"/",azi.getMonth()+1,"/",azi.getYear(),"
<br></font>");
</SCRIPT>
Codul de mai sus poate fi inserat si cum s-a mentionat la inceput, intr-un fisier separat. Pentru aceasta, salvati scriptul de mai sus (fara tagurile SCRIPT) intr-un fisier numit data_ora.js, iar documentul HTML va arata ca mai jos.
<< Rularea codului | Adrese pentru invatare >> |