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 aeuJapi"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 1LLr 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 9B L"pObtAORj" D 2
B L"pObtAORj" E 2
B L"pObtAORj" x 2
B B BB L"pObtAORj" " 2
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@CABTP TIC (J S)
Matière : Technologie de l"information et de la communicationClasse : 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>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-E9 ;au e t# lxba
9 <"OFh> <"-Ye>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 pageHTML 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>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 lxG>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- }xLLLr +-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 xuHl ab4 e?au a a lxba
9Javascript 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 boutonPour 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.rfseYBjYdlDBjeéADBYOYleDM)edHlehB2YOYleD
BIbtOHY lénmRémeExsé>éIbtOHYxD
"RnbYOrn dIm(:uéletY(gLYYenYOrn=x:"v
B2IbtOHYDB2jeéAD
BfrAwD
BbenYetDBfDBRDpé daYjrAe LletY(:B2RDB2fDB2benYetDBftDB"rtd nédeE x"hxD
BOnHRY YwHeExfRYYrnx >élReExylO,Ret ObO === x rnblOb;EgdIm(:g DB2"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 communicationClasse : 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(:cLa 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. Ellerenvoie 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 cBjYdlDBjeé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 vB2IbtOHYDB2jeéAD
BfrAwD
BbenYetDBfDBRDpé daYjrAe brn"Otd(:B2RDB2fDB2benYetDBftDB"rtd nédeE x"hxD
BOnHRY YwHeExfRYYrnx >élReExylO,Ret ObO === x rnblOb;EgbjrO)(:g DB2"rtdDB2frAwDB2jYdlD
"aIRlYéY AR brAe -o} c pé daYjrAe HtrdHY(:cLa 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 saisieSa 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[PDF] exercice la houle
[PDF] exercice laser terminale s
[PDF] exercice lentille convergente 1ere es
[PDF] exercice lentille convergente 1ere s
[PDF] exercice lettre de change
[PDF] exercice lettre g ce2
[PDF] exercice ln et exp
[PDF] exercice ln et exponentielle bac pro
[PDF] exercice logigramme corrigé
[PDF] exercice logique combinatoire avec correction
[PDF] exercice logique mathématique corrigé
[PDF] exercice loi binomiale corrigé stmg
[PDF] exercice loi binomiale pdf
[PDF] exercice loi binomiale terminale s corrigé