[PDF] TP TIC (J S) Javascript est un langage de





Previous PDF Next PDF



Séance dExercices Dirigés HTML et JavaScript

7 juin 1999 <!doctype html public "-//w3c//dtd html 4.0 transitional//en">. <html>. <head>. <title>corrige exo1</title>. </head>. <body>. <p><form ...



tp-javascript.pdf

Exercice n°1.3 : code javascript dans des balises HTML . . . . . . . . . . . . . . . . . . . . . . 2 Séquence n°3 : vérification de formulaire.



Corrigé Type Exercice 1 : Questions de cours

(c) [1 Point] Que faut-il mettre dans un formulaire pour que le code JavaScript s'exécute et que l'URL de l'action ne soit pas chargée ?



JavaScript - Travaux Pratiques 1

Pour identifier et corriger les erreurs (bugs) il faut absolument utiliser la Écrire une page XHTML comportant un mini-formulaire composé d'un champ de ...



TP TIC (J S)

Javascript est un langage de scripts qui incorporé aux balises Html </form>. </body></html>. 3- Insertion du code JS à l'intérieur d'une balise html :.



Module Programmation Internet. Correction TD 2

Exercice 1. <html>. <head>. <title>. Exercice 1 TD 2 Programmation Internet. </title>. <script language="JavaScript"> function palindrome(mot).



FASCICULE DES TRAVAUX PRATIQUES

TP n°4 : Evénements et Formulaires du JS. TP n°5 : Le DOM en JavaScript. TP n°6 : Langage XML. TP n°7 : La validation XML avec DTD.



Cours et exercices corrigés

ou .des .scripts .JavaScript . . HTML .5 .et .CSS .3. Page 13 



Technologies de Script

Exercices en JavaScript ex1) Changement de la couleur de l'arrière plan. Ecrire un formulaire du type menu déroulant permettant de choisir la couleur de 



Séance dED n° 5 : HTML et JavaScript

une procédure de correction dynamique du questionnaire (écrit en JavaScript) un corrigé complet du test dans une page HTML. 1° Le formulaire type QCM.

Cours réalisé par : Ilahi Néjib

TP4 Page 1 sur 4

TP N°1 (L"ObjetAORj" Yt ) :ci

fsI-AORop i Savoir il"Orbr je tojb AS jal" elb RaYb dbJ. Savoir attOjbr aeu oJsbf" éornalf elb RaYb dbJ bl Otrivalf jb tojb AS.

Lr étl-pO A- mt- h- )YdYpAbRaO i

tabaleux l a a leux l x x euu a axll u axuu a ul a x x uae xbx l al tabaleux l e lx e l al l leux l mei "hasoefblf iti aeu

Japi"b" fnp b

lu u eaul a aeul uax l leux l b u ul e l au ulu x la l bxu !axu a a ulluel lubu l x l ue x l lu e uax l xue lu la l u au au abxa u tabaleux a x x xa b au " lea laax aul xb#eux % a !x a &''( au a !xu # )x a allx b taba* x ux aul l tabaleux tabaleux l e al uu a abxa ul " lea )x e !xu lx !ub lu* +xeul! a axul allx a % au xu l u -uu . / u ub !a0 axu a l -uu 1

LLr njFF-"O L"p.b-b t" Aje- )YdYpAbRaO i

2u euxu

l u l el tabaleux x ba !a abxa u x ue a3 tabaleux lea +4xa 5xu!6* x u uax a77 e u a6* e 8abaleux a a !u lxba 9

B L"pObtAORj" D 2

B L"pObtAORj" E 2

B L"pObtAORj" x 2

B B B

B L"pObtAORj" " 2

a l x x l l : ba x luu e e t# a l a a ;+ < ❖ , xl 1 a x=ul >x luu e tabaleux a l a ;+

Dr L"p-bORj" ajtb -g.AtORj" eRb-AO- i

l % xu e l>e a a x ul e?au a a ;+ a xba abxa u e 8abaleux l ae a l eul a a ? el % xu u @AB6@CAB

TP TIC (J S)

Matière : Technologie de l"information et de la communication

Classe : 4 SI

Enseignant : Ilahi Néjib Durée : 2 heures

Date : Janvier 08

A.S :2007/2008

Devoirs et examens sur : www.kiteb.net

Cours réalisé par : Ilahi Néjib

TP4 Page 2 sur 4

❖ =g-Fah-D 9 ;au e t# lxba 9 <"OFh> <"-Ye>=g-Fah-D =g-Fah- el-g.AtORj" eRb-AO- et Aje- IYdYpAbRaO

Er =g.AtORj" -" oj"AORj" elt" .d."-F-"O i

e l >au au abxa u ) 9 ,-* l eD xu u l>e lu a Ea l e eal e t# l ae a l a ;+ u @-$EB 6@C-$EB e l>e l ul > b u au x ub x xxla u ❖ =g-Fah-E

9 ;au e t# lxba

9 <"OFh> <"-Ye>=g-Fah-E xr L"p-bORj" et Aje- ): , hlR"O.bR-tb elt"- sYhRp- "OFh i

Certaines balises HTML acceptent de réagir à des événement soit provoqué par l"intervention

d"utilisateur soit provoqué par l"intervention du navigateur lui-même (chargement d"une page

HTML par exemple). Dans ce cas le code Javascript peut être insérer directement au niveau de la

balise comme suit : ❖ =g-Fah-x 9 ;au e t# lxba 9 <;f"0 j"+jYeMwIYdYpAbRaOi Yh-bO({;R-"d-"t- , A-OO- aYH-lc w2 j"#"hjYeMwIYdYpAbRaOi Yh-bO({8t b-djRblc2 w> L"p-bORj" et Aje- ): , hlR"O.bR-tb elt"- sYhRp- "OFh ❖ njFF-"OYRb- 9 >a a ! e x a!!xe?)* >l llx ul uaxl au > xxla u l e e? e>l a uaxl u a a a t# l ❖ njFF-"OYRb- 9 a l b x l>e ul a a l e?au au abxa u - F a a axl l>e ul > xxla u x a a

Devoirs et examens sur : www.kiteb.net

Cours réalisé par : Ilahi Néjib

TP4 Page 3 sur 4

1r 8aa-h et Aje- ): , aYbORb elt" oRA"R-b el-gO-"pRj" {lBIpll i

!axu a a el t# eux l a l l !xe?xul x u lx

G>8l>> a

l u a u e ueu l u xxlu el el a l >a ul al ;+ a a !xl bl b4 =g-Fah- i /jRb -g-Fah- hRdb- aYH- }x

LLLr +-p jsI-Op -O h-tb "R.bYbA"R-

tabaleux ba xbxlu a 8 l lu ba bl u u aeeu % el 8 l u xuu l x !ua x l l a xu HA l au xl ua x l x!!u l 8 l a e xu

Hl ab4 e?au a a lxba

9

Javascript va diviser cette page en objets et

surtout va vous permettre d"accéder à ces objets, d"en retirer des informations et de les manipuler.

Voyons d"abord une illustration des

différents objets qu"une page peut contenir.

Vous avez chargé la page suivante :

Cette page s"affiche dans une fenêtre. C"est

l'objet fenêtre.

Dans cette fenêtre, il y a un document Html. C"est l"objet document. Autrement dit (et c"est là que l"on voit apparaître la notion de la hiérarchie des objets Javacript), l"objet fenêtre contient l"objet

document.

Devoirs et examens sur : www.kiteb.net

Cours réalisé par : Ilahi Néjib

TP4 Page 4 sur 4

Dans ce document, on trouve un formulaire au sens

Html. C"est l"objet

formulaire. Autrement dit, l"objet fenêtre contient un objet document qui lui contient un objet formulaire.

Dans ce document, on trouve trois objets. Des boutons radio, un bouton classique et une zone de texte. Ce sont respectivement l"objet

radio, l"objet bouton, l"objet texte. Autrement dit l"objet fenêtre contient l"objet document qui contient l"objet formulaire qui contient à son tour l"objet radio, l"objet fenêtre contient l"objet document qui contient l"objet formulaire qui contient à son tour l"objet bouton et l"objet fenêtre contient l"objet document qui contient l"objet formulaire qui contient à son tour l"objet texte. La hiérarchie de l"objet bouton de cet exemple est donc windows document formulaire bouton

Pour accéder à un objet (vous l"avez peut-être déjà deviné), il faudra donner le chemin complet de l"objet en

allant du contenant le plus extérieur à l"objet à l"objet référencé. Soit par exemple pour le bouton radio "semaine" : (window).document.form.radio[0].

Nous avons mis l"objet window entre parenthèses car comme il occupe la première place dans la hiérarchie, il

est repris par défaut par Javascript et devient donc facultatif.

Et enfin pour les puristes, Javascript n"est pas à proprement parler un langage orienté objet tel que C++ ou Java.

On dira plutôt que Javascript est un langage basé sur les objets.

Devoirs et examens sur : www.kiteb.net

Cours réalisé par : Ilahi Néjib

TP5 Page 1 sur 4

TP N°1 (L""Objet AR Ye)Ye:c

ifsebYO"I c Savoir alli"Obr je tbAtb bt jbR YbRRadbRJ Savoir .a uotiou jseub YftOojbJ -o peI frOYeI Ae AOélrmRe c tab leuxb b e b bx ab baxb b b b a xb a abbax bx bbx

· e

x bx x xb

· e

x b eaeaxb a e

· e

x bab b exb a e b ab aex ea -oh c pé daYjrAe életY(:c bx ! bx ab xeb b el"bx # ae$% &e b eaeb aexx ea b nrdFAeFl.rfseYénY

BjYdlDBjeéADBYOYleDM)edHlehB2YOYleD

BIbtOHY lénmRémeExsé>éIbtOHYxD

"RnbYOrn dIm(:u

életY(gLYYenYOrn=x:"v

B2IbtOHYDB2jeéAD

BfrAwD

BbenYetDBfDBRDpé daYjrAe LletY(:B2RDB2fDB2benYetDBftD

B"rtd nédeE x"hxD

BOnHRY YwHeExfRYYrnx >élReExylO,Ret ObO === x rnblOb;EgdIm(:g D

B2"rtdDB2frAwDB2jYdlD

"aIRlYéY AR brAe

"edét,Re c La chaîne de caractère peut (et doit dans certains cas) contenir des caractères

marqués d"un antislash (\). Par exemple, si vous voulez écrire :

TP TIC (J S)

Matière : Technologie de l"information et de la communication

Classe : 4 SI

Enseignant : Ilahi Néjib Durée : 2 heures

Date : Janvier 08

A.S :2007/2008

Devoirs et examens sur : www.kiteb.net

Cours réalisé par : Ilahi Néjib

TP5 Page 2 sur 4

Message d'alerte : Au feu!!

Il faudra écrire le script suivant :

alert('Message d\'alerte \nAu feu!!'); -o0 c pé daYjrAe yrn"Otd(:c

La méthode confirm() est similaire à la méthode alert(), si ce n"est qu"elle permet un choix entre

"OK" et "Annuler". Lorsque l"utilisateur appuie sur "OK" la méthode renvoie la valeur true. Elle

renvoie false dans le cas contraire...Elle admet comme alert() un seul paramètre: une chaîne de

caractères... Sa syntaxe est : confirm('Chaîne de caractères'); ❖ M)edHle0 c

BjYdlDBjeéADBYOYleDM)edHle0B2YOYleD

BIbtOHY lénmRémeExsé>éIbtOHYxD

"RnbYOrn bjrO)(:u r;E yrn"Otd(g+rRle{ >rRI brnYOnRet#x:"

O"(r;:

uéletY(g+rRI éOde{ 8[ === g: "v elIeu életY(g+rRI n]/éOde{ HéI 8[ === g: "v v

B2IbtOHYDB2jeéAD

BfrAwD

BbenYetDBfDBRDpé daYjrAe brn"Otd(:B2RDB2fDB2benYetDBftD

B"rtd nédeE x"hxD

BOnHRY YwHeExfRYYrnx >élReExylO,Ret ObO === x rnblOb;EgbjrO)(:g D

B2"rtdDB2frAwDB2jYdlD

"aIRlYéY AR brAe -o} c pé daYjrAe HtrdHY(:c

La méthode prompt est un peu plus évoluée que les deux précédentes puisqu"elle fournit un

moyen simple de récupérer une information provenant de l"utilisateur, on parle alors de boîte

d"invite. La méthode prompt() requiert deux arguments :

· le texte d"invite

· la chaîne de caractères par défaut dans le champ de saisie

Sa syntaxe est donc la suivante :

prompt('Posez ici votre question','chaîne par défaut');

Cette boîte d"invite retourne la valeur de la chaîne saisie par l"utilisateur, elle retourne la valeur

null si jamais aucun texte n"est saisi...

Devoirs et examens sur : www.kiteb.net

Cours réalisé par : Ilahi Néjib

TP5 Page 3 sur 4

❖ M)edHle} cquotesdbs_dbs10.pdfusesText_16