JAVASCRIPT TOUQUET Arnaud GI05 BLONDEEL Igor GM05

  • Published on
    03-Apr-2015

  • View
    102

  • Download
    0

Embed Size (px)

Transcript

<ul><li> Page 1 </li> <li> JAVASCRIPT TOUQUET Arnaud GI05 BLONDEEL Igor GM05 </li> <li> Page 2 </li> <li> Origines et buts JavaScript a t lanc par Netscape en 1995. Premier langage de script avoir t dvelopp pour le Web et demeure encore aujourdhui le plus rpandu. Permet dtendre les possibilits du HTML. Trs souvent utilis pour ajouter de petites fonctionnalits aux sites Web. </li> <li> Page 3 </li> <li> Quelques possibilits de JavaScript Ajout de messages dfilants dans la barre dtat du navigateur. Validation du contenu dun formulaire. Ralisation de calculs (ex: montant total dune commande). Affichage de messages dans une page Web ou dans une bote de dialogue. Cration de boutons anims (lors dun survol du curseur de la souris). Dtection du navigateur employ et affichage de contenus adapts aux diffrents navigateurs. etc. </li> <li> Page 4 </li> <li> Spcificits du langage Langage interprt ( compil). Code intgr au HTML. Code peu typ. Liaison dynamique : les rfrences des objets doivent tre vrifies au chargement. Accessibilit du code ( confidentialit) non crypt. Sr : ne peut pas crire sur le disque dur. Sensible la casse (ex : fonction Bonjour() fonction bonjour() ). </li> <li> Page 5 </li> <li> Les diffrents langages de scripts VBScript (cf. Visual Basic, rserv IE). JavaScript (bas sur le C++, pour tous les navigateurs). Applets Java (compiles JavaScript). CGI, PHP, JSP (excut par le serveur JavaScript qui est interprt par le navigateur) ActiveX (programmes Windows pouvant sexcuter dans une page web, ex: toute la gamme Office) </li> <li> Page 6 </li> <li> Insertion dans le HTML Utilisation de la balise Insertion interne du script dans le document HTML : //code de votre script document.write( .. ); . Insertion externe du script dans le document : </li> <li> Page 7 </li> <li> Quelques aspects pratiques Pour obtenir une meilleure clart de votre document HTML : Placer les scripts dfinissant des fonctions entre les balises Puis tous les autres scripts et les scripts faisant rfrences ces fonctions entre les balises </li> <li> Page 8 </li> <li> Ajouter des commentaires dans votre code Commentaire sur une ligne : // Commentaire sur plusieurs lignes : /* commentaires */ Afin que le script ne saffiche pas sur les anciens navigateurs ou les navigateurs non compatibles JavaScript, il faut encapsuler votre script par les repres suivants : </li> <li> Page 9 </li> <li> Votre 1 er script Affichage de la date sur un site web. Insrer le script Explication des diffrents mots-clefs Copier le script dans un fichier heure.js, puis appeler-le </li> <li> Page 10 </li> <li> Exemples Agrandir/rduire une image Dfilement dun texte dans la barre dtat Effet neige Curseur anim Effet spot </li> <li> Page 11 </li> <li> Ralisation dun petit questionnaire Tlcharger le script questionnaire.js Sur Dreamweaver : Cration dun groupe de 3 radio boutons (Onglet Formulaire ). Le champs name des 3 boutons radios doivent tre le mme! Ajouter un bouton de validation. Modifier le champs type du bouton de submit button Clic droit sur la balise du bouton --&gt; Modifier la balise, cliquer sur lvnement OnClick . Dans la zone de texte ajouter verif(nom_de_votre_formulaire) </li> <li> Page 12 </li> <li> Validation des donnes dun formulaire Tlcharger le script formulaire.js Sous dreamweaver : Crer un formulaire. Insrer 3 champs textes et affecter des noms distincts et explicites aux champs name . Ajouter un bouton, Remplacer le champs type = submit par type = button . Appeler la fonction champsok() par lintermdiaire de lvnement OnClick du bouton. </li> <li> Page 13 </li> <li> Ralisation dun diaporama Tlcharger le fichier diaporama.js Sous Dreamweaver : Crer un formulaire. Insrer 3 boutons dans ce formulaire. Modifier le champ type de chaque bouton de submit button . Chaque bouton doit appeler la fonction correspondante par lintermdiaire de lvnement Onclick= fonction_appele() . Insrer une image et nommer cette image ( name="image" par exemple). </li> <li> Page 14 </li> <li> O trouver des scripts ? Quelques liens: (possdent en gnral des tutoriaux, des exemples et de nombreuses sources assez bien commentes). http://www.editeurjavascript.com/scripts/scripts_search.php http://www.editeurjavascript.com/scripts/scripts_search.php www.allhtml.com (site en anglais, contient plus de 800 scripts!) www.allhtml.com http://www.javascriptcity.com/ (site en anglais) http://www.javascriptcity.com/ http://javascript.internet.com/ (idem) http://javascript.internet.com/ http://www.javascripts.com/ (idem) http://www.javascripts.com/ http://www.toutjavascript.com/ http://www.toutjavascript.com/ http://www.editeurjavascript.com/ (moteur de recherche externe) http://www.editeurjavascript.com/ </li> </ul>