Sunteți pe pagina 1din 25

1

MINISTERUL EDUCAŢIE AL REPUBLICII MOLDOVA

UNIVERSITATEA PEDAGOGICĂ DE STAT „ION CREANGĂ”

DIN CHIŞINĂU

Catedra de „Informatică şi Tehnologii Informaţionale în Instruire”

Specialitatea: Informatică

Limbajul de programare Java


Script

Autor: _________, grupa __


Informatică
Profesor : Burlacu Natalia
2

Chișinău 2015

Cuprins

Modulul 1. Java Script.......................................................3


Modulul 2. Java POO.......................................................25
Modulul 3. Java Applet....................................................48
3

Modulul 1. Java Script

A scrie un program cu utilizarea funcţiei predefinite ALERT pentru


afişarea conţinutului scriptului.

<HTML>
<HEAD>
<TITLE>Problema 1. Rotari Doina </TITLE>
</HEAD>
<BODY BGCOLOR="#808000" TEXT="#000000" LINK="#FF0000" VLINK="#800000"
4

ALINK= "#FF00FF" BACKGROUND='?'>


HI People!
<script>
Funcția ALERT afișează pe
<!--
ecran un mesaj textual
alert("Hello, world!");
determinat de argumentul
//-->
</script> acesteia.
Hi MY FRIENDS!
</BODY>
</HTML>

A scrie un program cu utilizarea funcţiei predefinite ALERT pentru


afişarea conţinutului scriptului prin intermediul operatorului WITH.

<HTML>
<HEAD>
<script> Funcția ALERT afișează pe ecran un mesaj
<!-- textual prin intermediul operatorului with
with(document){
write("O zi de fericire...");
alert("...un an de lacrimi cere!");
}
//-->
5

</script>
<TITLE>Problema 2. Rotari Doina </TITLE>
</HEAD>
<BODY BGCOLOR= "#008080" TEXT=""#FF0000"" LINK="#FF0000" VLINK="#800000"
ALINK= "#FF00FF" BACKGROUND="?">
</BODY>
</HTML>

A scrie un program cu utilizarea funcţiei predefinite ALERT pentru


afişare conţinutului funcţiei, ce delimitează aria de acţiune a variabilelor
globale de cele locale din cadrul scriptului.
Funcția ALERT afișează mesajele textuale
<html> respective, delimitînd aria de acțiune a
<head> variabilelor globale de cele locale in cadrul
<title>Problema 3. Rotari Doina</title> scripului.
<script>
<!--
function var1(){
var myVar="Local"
alert("myVar="+myVar+"\n this.myVar="+this.myVar +"\n then.myVar="+myVar);}
6

var myVar="Global";
var1();
alert("myVar="+myVar+"\n this.myVar="+this.myVar+"\n then.myVar="+myVar);
//-->
</script>
</head>
<body bgcolor="#FFF000" text="#000000" Link="#FF0000" Vlink="#800000"
Alink="#FF00FF" background="?">
</body>
</html>

A scrie un program cu utilizarea funcţiei predefinite ALERT pentru


afişarea conţinutului funcţiei din cadrul scriptului, ce vizualizează lungimea
şirului de elemente a fiecărei forme după introducerea datelor.

<html>
<head>
<title>Problema 4. Rotari Doina</title>
<script>
<!--
function test(x){
alert("The field"+x.name+" was changed:\n"+x.value+"\nField length: "+x.length);}
//-->
7

</script>
</head>
<BODY BGCOLOR="#0046F9" TEXT="#000000" LINK="#FF0000" VLINK="#800000"
ALINK="#FF00FF" BACKGROUND="?">
<form name = form1>
Name:<input name= PersName
onChange="test(this);">
<br>
Phone:<input name= tel
onChange="test(this);">
<br>
<input type = button value="Show elements" name= Show>
</form>
</body>
</html>
Funcția ALERT afișează mesajele textuale respective, fiecare
mesaj vizualizînd lungimea șirului de elemente a fiecărei
forme după introducerea datelor
8

A scrie un program cu utilizarea funcţiei predefinite ALERT pentru afişarea


conţinutului funcției din cadrul scriptului, ce va vizualiza costul excursiei
într-o ţară anumită, după introducerea denumirii acesteia în forma propusă
și tastarea butonului de testare.

<html>
<head>
<script>
<!--
function test(CountryName){
switch(CountryName){
case "Rusia":
alert("Pretul turei in : " + CountryName+" 250$ ");
break;
case "Franta":
alert("Pretul turei in: " +CountryName+" 650$ ");
break;
case "Grecia":
alert("Pretul turei in: " +CountryName+" 420$ ");
break;
case "America":
alert("Pretul turei in: " +CountryName+" 2650$ ");
break;
case "Italia":
alert("Pretul turei in: " +CountryName+" 1150$ ");
break;
default:
alert("Scuze, nu va putem oferi tur in aceasta tara!")
} }
//-->
</script>
<title>Problema 5. Rotari Doina</title>
</head>
<BODY TEXT="#000000" LINK="#FF0000" VLINK="#800000" ALINK="#FF00FF"
BACKGROUND="1.jpg">
<form name=form1>
Introduceti numele tarii: <input name=CountryName value= "Name" size=30> <br>
<input type=button value="Pretul turei" name=Show onClick="test(this.form.CountryName.value);">
9

</form>
Funcția ALERT afișează mesajele textuale respective, fiecare
</BODY>
</html> mesaj vizualizînd costul turei introduse( prin intermediul
instrucțiunilor case și break)

A scrie un script cu utilizarea funcţiei predefinite ALERT:

1. care să calculeze şi să afişeze rezultatul produsului a*b*c;


2. care să calculeze şi să afişeze rezultatul produsului tuturor elementelor
şirului indiferent de lungimea acestuia, drept şir de bază a se lua a*b*c
(descrise în prima funcţie);
3. care să afişeze toate elementele şirului indiferent de lungimea acestuia;

<html>
<head>
<title>Problema 6. Rotari Doina</title>
<script>
<!--
10

function f1(a,b,c)
{
x=a*b*c;
alert('Valoarea = '+ x);
Funcția ALERT afișează mesajele
}
f1(10,10,15,10); textuale respective, fiecare mesaj
function f2(){ vizualizînd rezultatul fiecărei funcții
var x=1; definite f1, f2, f3. Respectînd
for(i=0;i<arguments.length;i++){ ordinea condițiilor propuse.
x*=arguments[i];
}
alert('Valoarea = '+x);
}
f2(10,10,15,10);
function f3(){
var x="";
for(i=0;i<arguments.length;i++){
x+=arguments[i]+"\n";
}
alert(x);
}
f3("Petea","Vasea","Fedea","Katea","Dusea","Filomena");
//-->
</script>
</head>
</html>
11

În cadrul unui cod HTML de creat un script, care prin utilizarea funcţiei predefinite
ALERT să vizualizeze lista tuturor elementelor masivului unei forme.

<HTML>
<HEAD>
<SCRIPT> <!--
function show(forma)
{list="";
for(i=0;i<forma.elements.length;i++)
{
list+=i+":" +forma.elements[i]+"."+forma.elements[i].type+"\n";
}
alert(list);
}
-->
</SCRIPT>
<TITLE> Problema 7. Rotari Doina </TITLE>
</HEAD>
<BODY background="3.jpg">
<FORM NAME="myform">
<p><BR>Enter your name:<INPUT type="text" NAME="name"></p>
<p><B>Page elements:</B></p>
<INPUT TYPE="checkbox" NAME="chkTitle">Show title<BR>
<INPUT TYPE="checkbox" NAME="HorzLine">Show horizontal lines<BR>
<INPUT TYPE="checkbox" NAME="Table">Table view
<P><B>Text color:</B></p>
<INPUT TYPE="radio"NAME="color"CHECKED VALUE="Red">Red<BR>
12

<INPUT TYPE="radio"NAME="color"CHECKED VALUE="Green">Green<BR>


<INPUT TYPE="radio"NAME="color"CHECKED VALUE="Blue">Blue
<TABLE>
<TR><TD><INPUT TYPE="button" NAME="btn" VALUE="Show elements"
onClick="show(this.form)"></TD>
<TD><INPUT TYPE="reset" NAME="resetBtn" VALUE="Reset"></TD></TR>
</TABLE> Funcția ALERT afișează mesajul respectiv,ce conține lista
</FORM> elementelor in această formă.
</BODY>
</HTML>

În cadrul unui cod HTML deja existent (drept sursă a se lua cel din
3 alert_ellements.HTML) a se crea un script, care să deschidă un nou document
HTML dinamic, vizualizat într-o fereastră generată JavaScript cu toate
schimbările setate eventual în elementele formei documentului părinte.
<HTML><HEAD>
<SCRIPT>
<!--
function resetRCHBox()
{
bTitle=false;
bHorzLine=false;
bTable=false;
szColor="Red";
13

}
function chkRadio(form,value)
{
szColor=value;
}
function btnClick(form)
{
var szTxt="";
document.write("<HEAD></HEAD><BODY>");
if(bTitle)
document.write("<H1>Switches Checkbox and Radio</H1>");
if(bHorzLine)
document.write("<HR>");
if(bTable)
{
document.write("<TABLE>");
szTxt=" "+bTitle;
document.write("<TR><TD><FONT COLOR="+szColor+">Title:</TD><TD>" + szTxt.bold()+"</TD></TR>");
szTxt=" "+bHorzLine;
document.write("<TR><TD><FONT COLOR="+szColor+">HorzLine:</TD><TD>" + szTxt.bold()+"</TD></TR>");
szTxt=" "+bTable;
document.write("<TR><TD><FONT COLOR="+szColor+">Table:</TD><TD>" + szTxt.bold()+"</TD></TR>");
document.write("<TR><TD><FONT COLOR="+szColor+">Color:</TD><TD>" + szColor.bold()+"</TD></TR>");
document.write("</TABLE>"); }
else
{ document.write("<FONT COLOR="+szColor+">");
szTxt=" " + bTitle;
document.write("<BR>Title:" + szTxt.bold());
szTxt=" " + bHorzLine;
document.write("<BR>HorzLine:" + szTxt.bold());
szTxt=" " + bTable;
document.write("<BR>Table:" + szTxt.bold());
document.write("<BR>Color:" + szColor.bold());
document.write("</FONT>");
}
if(bHorzLine)
document.write("<HR>");
document.write("</Body>");
}
//-->
</SCRIPT>
<TITLE>SELECTIA MULTIPLA CU CHECKBOX SI RADIO.Problema 8. Rotari Doina </TITLE>
</HEAD>
<BODY background="3.jpg">
14

<SCRIPT>
<!--
var bTitle=false;
var bHorzLine=false;
var bTable=false;
var szColor="Red";
//-->
</SCRIPT>
<FORM NAME="myform">
<B>Page elements:</B>
<P><INPUT TYPE="checkbox" NAME="chkTitle"
onClick="if(this.checked){bTitle=true;}">Show title
<BR><INPUT TYPE="checkbox" NAME="HorzLine"
onClick="if(this.checked){bHorzLine=true;}">Show Horzontal Lines
<BR><INPUT TYPE="checkbox" NAME="Table"
onClick="if(this.checked){bTable=true;}">Table view
<P><B>Text color:</B>
<P><INPUT TYPE="radio" NAME="Color" CHECKED VALUE="Red"
onClick="if(this.checked){chkRadio(this.form,this.value);}">Red
<BR><INPUT TYPE="radio" NAME="Color" VALUE="Green"
onClick="if(this.checked){chkRadio(this.form,this.value);}">Green
<BR><INPUT TYPE="radio" NAME="Color" VALUE="Blue"
onClick="if(this.checked){chkRadio(this.form,this.value);}">Blue
<TABLE><TR><TD><INPUT TYPE="button" NAME="btn" VALUE="Create Page"
onClick="btnClick(this.form);"></TD>
<TD><INPUT TYPE="reset" NAME="resetBtn" VALUE="Reset"
onClick="resetRCHBox();"></TD> </TR>
Scriptul creat deschide un nou document html
</TABLE>
dinamic, vizualizat în fereastra generată de
</FORM>
JavaScript cu toate schimbările setate eventual
</BODY>
în fereastra părinte.
</HTML>
15

În cadrul unui cod standard HTML a crea o formă cu două formulare pentru introducerea
datelor:
16

1. pentru introducerea numelui utilizatorului;


2. pentru introducerea numelui e-mail-ului utilizatorului;
şi două butoane, la acţionarea cărora să se verifice corectitudinea completării
formularului, astfel interpretîndu-se evenimentul OnClick, ce cheamă funcţiile
date ale scriptului în cauză.

<HTML>
<title>Problema 9. Rotari Doina</title>
<HEAD>
<SCRIPT language="JavaScript">
<!-- A ascunde
function test1(form){
if(form.text1.value=="")
alert("Introduceti sirul!")
else{
alert("Hi"+ form.text1.value+"!Formularul este completat corect!");
}
}
function test2(form){
if(form.text2.value==" " ||
form.text2.value.indexOf('@',0)==-1)
alert("Este un e-mail inexistent!");
else alert("OK!");
}
//-->
</script>
</head>
<body background="4.jpg">
<form name="first">
Introduceti numele Dm-ra:<br>
<input type="text" name="text1">
<input type="button" name="button1" value="Verificare" onClick="test1(this.form)">
<p> Introduceti e-mail-ul Dm-ra:<br>
<input type="text" name="text2">
<input type="button" name="button2" value="Verificare" onClick="test2(this.form)">
</body>
</html> Se interpretează evenimentul OnClick,ce
cheamă funcțiile date ale scriptului,
responsabile de verificarea corectitudinii
completării formularului.
17
18

În cadrul unui cod standard HTML de a crea o formă cu trei formulare


pentru introducerea datelor:
1. Pentru introducerea numelui utilizatorului;
2. Pentru introducerea parolei utilizatorului;
3. Pentru verificarea parolei utilizatorului şi două butoane,
la acţionarea cărora să se verifice corectitudinea completării formularului
şi reînnoirea paginii actuale, astfel interpretîndu-se evenimentul OnClick,
ce cheamă funcţiile date ale scriptului în cauză.

<html>
<head>
<title>Introducerea si verificarea parolei.Problema 10. Rotari Doina</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function Complete()
{
if(Sel.pwd.value != Sel.pwd1.value)
alert("Eroare la introducerea parolei\nMai incercati o data");
else
{
var szId="";
var szPwd="";
szId = Sel.id.value;
szPwd = Sel.pwd.value;
alert("Inregistrare reusita:\n" + "ID="+
szId +"\nPssword="+szPwd);
}
}
//-->
</SCRIPT>
</HEAD>
<BODY background="9.jpg">
<H1>Inregistrare</H1>
<FORM NAME="Sel">
<TABLE>
<TR><TD><B>Identificator:</B></TD><TD><INPUT TYPE="TEXT"
NAME="id" onChange="this.value=this.value.toUpperCase()"
SIZE="20"></TD></TR>
19

<TR><TD><B>Parola:</B></TD><TD><INPUT TYPE="Password"
NAME="pwd" SIZE="20"></TD></TR>
<TR><TD><B>Verificarea parolei:</B></TD><TD><INPUT TYPE="Password"
NAME="pwd1" SIZE="20"></TD></TR>
</TABLE>
<P>
<TABLE>
<TR><TD><INPUT TYPE="button" VALUE="Complete" onClick="Complete();"></TD>
<TD><INPUT TYPE="reset" VALUE="Reset"></TD></TR>
</TABLE>
</FORM> Se interpretează evenimentul
</BODY> OnClick,ce cheamă funcțiile date ale
</html> scriptului, responsabile de
verificarea corectitudinii completării
formularului.
20

În cadrul unui cod HTML a crea o formă cu cinci butoane la acţionarea


cărora să se verifice culoarea fundalului documentului HTML curent, astfel
interpretîndu-se evenimentul OnClickButton.

<html>
<head>
<title>Problema 10. Rotari Doina</title>
</head>
<body text=000000 bgcolor=ffffff>
<table border=0 align=center>
<tr><td><form>
<input type=button value="red" onClick="document.bgColor='ff0000'">
<input type=button value="yellow" onClick="document.bgColor='ffff00'">
<input type=button value="dark blue" onClick="document.bgColor='0000ff'">
<input type=button value="blue" onClick="document.bgColor='87ceeb'">
<input type=button value="corall" onClick="document.bgColor='ff7f50'">
</form></td>
</table>
</body>
</html>

Se interpretează evenimentul
OnClickButton a 5 butoane, la
acționarea cărora se verifică culoarea
fundalului documentului HTML
21
22

În cadrul unui cod HTML standard de a crea un script, care să modifice culoarea
fundalului documentului HTML curent, utilizând diverse funcţii matematice.
<html>
<head>
<title>Modificarea fundalului documentului.</title>
<script>
function bg_Array() {
this.length = bg_Array.arguments.length
for (var i = 0; i< this.length; i++)
this[i+1] = bg_Array.arguments[i]
}
var bg_Chars = "0123456789ABCDEF";
function Dec2Hex (Dec) {
var a = Dec % 16;
var b = (Dec - a)/16;
hex = "" + bg_Chars.charAt(b) + bg_Chars.charAt(a);
return hex;
}
function bg_Changer (begin, end, steps) {
steps = steps -1 ;
redA = begin.charAt(0) + begin.charAt(1);
red_valA = parseInt(redA,'16');
redB = end.charAt(0) + end.charAt(1);
red_valB = parseInt(redB,'16');
red_int = ((red_valB - red_valA) / steps) * -1;
grnA = begin.charAt(2) + begin.charAt(3);
grn_valA = parseInt(grnA,'16');
grnB = end.charAt(2) + end.charAt(3);
grn_valB = parseInt(grnB,'16');
grn_int = ((grn_valB - grn_valA) / steps) * -1;
bluA = begin.charAt(4) + begin.charAt(5);
blu_valA = parseInt(bluA,'16');
bluB = end.charAt(4) + end.charAt(5);
blu_valB = parseInt(bluB,'16');
blu_int = ((blu_valB - blu_valA) / steps) * -1;
step = 2;
red = red_valA;
grn = grn_valA;
blu = blu_valA;
document.bgColor = begin;
while ( steps >= step ) {
red -= red_int;
23

red_round = Math.round(red);
red_hex = Dec2Hex(red);
grn -= grn_int;
grn_round = Math.round(grn);
grn_hex = Dec2Hex(grn);
blu -= blu_int;
blu_round = Math.round(blu);
blu_hex = Dec2Hex(blu);
document.bgColor = red_hex + grn_hex + blu_hex;
step++;
}
document.bgColor = end;
}
for (j=0;j<5;j++) {
bg_Changer("ffff00","00ff00",50);
bg_Changer("00ff00","ff0000",50);
bg_Changer("ff0000","0000ff",50);
bg_Changer("0000ff","f0ffff",50);
bg_Changer("f0ffff","7fff00",50); Scriptul conține o
bg_Changer("7fff00","ff00ff",50); funcție care modifică
bg_Changer("ff00ff","00ffff",50);
fundalul documentului
bg_Changer("00ffff","eee8aa",50);
bg_Changer("eee8aa","ffb6c1",50); curent într-un interval
bg_Changer("ffb6c1","98fb98",50); de timp preconizat de
bg_Changer("98fb98","afeeee",50); timer de la alb la
}
</script>
albastru.
</head>
<body>
</body>
</html>
24

În cadrul unui cod HTML standard de a crea un script, care să deruleze un șir
în dependență de un timer.

<html>
<title>Problema 13. Rotari Doina</title>
<head>
<script language="JavaScript">
<!--hide
var scrtxt = "JAVASCRIPT!" +
"JAVASCRIPT!" +
"JAVASCRIPT!";
var len = scrtxt.length;
var width = 100;
var pos = -(width + 2);
function scroll(){
//scrierea textului in dreapta si creare timer//intoarcerea la pasul precedent
pos++;
//textul
var scroller="";
if(pos==len){
pos = -(width+2); }
if(pos<0){
for(var i=1;i<=Math.abs(pos);i++){
scroller = scroller+"";}
scroller = scroller + scrtxt.substring(0, width -i + 1); }
else{
scroller= scroller + scrtxt.substring(pos, width + pos); }
window.status = scroller;
setTimeout("scroll()",100); }
//-->
</script>
</head>
<body onLoad="scroll()" BACKGROUND="7.jpg">
My family- My World! </body>
</html>
25

S-ar putea să vă placă și