La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

JAVASCRIPT TOUQUET Arnaud GI05 BLONDEEL Igor GM05.

Présentations similaires


Présentation au sujet: "JAVASCRIPT TOUQUET Arnaud GI05 BLONDEEL Igor GM05."— Transcription de la présentation:

1 JAVASCRIPT TOUQUET Arnaud GI05 BLONDEEL Igor GM05

2 Origines et buts JavaScript a été lancé par Netscape en Premier langage de script à avoir été développé pour le Web et demeure encore aujourdhui le plus répandu. Permet détendre les possibilités du HTML. Très souvent utilisé pour ajouter de petites fonctionnalités aux sites Web.

3 Quelques possibilités de JavaScript Ajout de messages défilants dans la barre détat du navigateur. Validation du contenu dun formulaire. Réalisation de calculs (ex: montant total dune commande). Affichage de messages dans une page Web ou dans une boîte de dialogue. Création de boutons animés (lors dun survol du curseur de la souris). Détection du navigateur employé et affichage de contenus adaptés aux différents navigateurs. etc.

4 Spécificités du langage Langage interprété ( compilé). Code intégré au HTML. Code peu typé. Liaison dynamique : les références des objets doivent être vérifiées au chargement. Accessibilité du code ( confidentialité) non crypté. Sûr : ne peut pas écrire sur le disque dur. Sensible à la casse (ex : fonction Bonjour() fonction bonjour() ).

5 Les différents langages de scripts VBScript (cf. Visual Basic, réservé à IE). JavaScript (basé sur le C++, pour tous les navigateurs). Applets Java (compilées JavaScript). CGI, PHP, JSP (exécuté par le serveur JavaScript qui est interprété par le navigateur) ActiveX (programmes Windows pouvant sexécuter dans une page web, ex: toute la gamme Office)

6 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 :

7 Quelques aspects pratiques Pour obtenir une meilleure clarté de votre document HTML : – Placer les scripts définissant des fonctions entre les balises – Puis tous les autres scripts et les scripts faisant références à ces fonctions entre les balises

8 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 repères suivants :

9 Votre 1 er script… Affichage de la date sur un site web. Insérer le script… Explication des différents mots-clefs Copier le script dans un fichier heure.js, puis appeler-le

10 Exemples Agrandir/réduire une image Défilement dun texte dans la barre détat Effet « neige » Curseur « animé » Effet « spot »

11 Réalisation dun petit questionnaire Télécharger le script « questionnaire.js » Sur Dreamweaver : – Création dun groupe de 3 radio boutons (Onglet « Formulaire »). – Le champs « name » des 3 boutons radios doivent être le même! – Ajouter un bouton de validation. – Modifier le champs « type » du bouton de « submit » à « button » – Clic droit sur la balise du bouton --> Modifier la balise, cliquer sur lévénement « OnClick ». Dans la zone de texte ajouter « verif(nom_de_votre_formulaire) »

12 Validation des données dun formulaire Télécharger le script formulaire.js Sous dreamweaver : – Créer un formulaire. – Insérer 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 lintermédiaire de lévénement OnClick du bouton.

13 Réalisation dun diaporama Télécharger le fichier « diaporama.js » Sous Dreamweaver : – Créer un formulaire. – Insérer 3 boutons dans ce formulaire. – Modifier le champ « type » de chaque bouton de « submit » à « button ». – Chaque bouton doit appeler la fonction correspondante par lintermédiaire de lévènement Onclick=« fonction_appelée() ». – Insérer une image et nommer cette image ( name="image" par exemple).

14 Où trouver des scripts ? Quelques liens: (possèdent en général des tutoriaux, des exemples et de nombreuses sources assez bien commentées). – – (site en anglais, contient plus de 800 scripts!) – (site en anglais) – (idem) – (idem) – – (moteur de recherche externe)


Télécharger ppt "JAVASCRIPT TOUQUET Arnaud GI05 BLONDEEL Igor GM05."

Présentations similaires


Annonces Google