Le JavaScript.. Histoire Langage créé en 1995 par Brendan Eich pour la Netscape Communications Corporation. Est inspiré de nombreux langages, notamment.

Slides:



Advertisements
Présentations similaires
LE LANGAGE JAVASCRIPT LES FENETRES.
Advertisements

Conception de Site Webs dynamiques Cours 5
Algorithmes et structures de données avancées Partie Conception de Sites Web dynamiques Cours 9 Patrick Reuter.
TOUQUET Arnaud ▪ GI05 BLONDEEL Igor ▪ GM05
Création de pages Web dynamiques et sympathiques.
SVG: Scalable Vector Graphics
Présentation des tables des matières j puis appuyez sur F5 ou cliquez sur Diaporama > Du début. Pour commencer le cours, dans la barre des messages, cliquez.
Introduction aux Web Services Partie 1. Technologies HTML-XML
Présentation de la séquence de cours sur les interactions HTML-javascript Laure Walser, 11 juin 2010.
28 novembre 2012 Grégory Petit
Introduction au langage PHP Réfs : Chap 3 p 49. Présentation PHP (Hypertext PreProcessor) est un langage de développement Web créé en 1994 par Rasmus.
Découverte de la feuille de style. CSS Cascading Style Sheets Il ne s'agit pas ici de faire un cours de code CSS ! Il faudrait un certain nombre de chapitres.
Créer une adresse avec laposte.net
Le langage Javascript pour le web
Le langage Javascript pour le web et application au DHTML
Maîtriser le langage HTML Les Formulaires. Dans cette section on verra comment diviser un formulaire en plusieurs blocs principaux avec un titre pour.
Manipulation de formulaires en Javascript
1. 2 PLAN DE LA PRÉSENTATION - SECTION 1 : Code HTML - SECTION 2.1. : CSS (Méthode 1) - SECTION 2.2. : CSS (Méthode 2) - SECTION 3 : JavaScript - SECTION.
JavaScript PhD. Wajdi GARALI INSAT 2010
Créer son propre BLOG/Site web pédagogique
PHP 2° PARTIE : FONCTIONS ET FORMULAIRE
Animateur : Med HAIJOUBI
TracenPoche Insérer une figure TepWeb >.  Contenu de l'archive tepweb.zip Contenu de l'archive tepweb.zip  Quelques notions de html Quelques notions.
-Présentation de l’équipe -Cadre du projet -Enjeux -Choix du sujet.
Javascript 1° PARTIE : LES BASES
TP n°2 Javascript EVENEMENTS ET OBJETS
Jquery.
Évènement Petites fonction déjà toute faites Exemple : Construction onLoad (au chargement) = "ce qui doit se passer" onLoad s’exécute toujours dans le.
Le langage XHTML 420-S4W-GG Programmation Web Client
Module Internet (3) 1 Département Technologie de l’Information et de la Communication Internet.
Javascript 2° PARTIE : EVENEMENTS ET OBJETS
PROGRAMMATION WEB FRONT-END.
JavaScript Nécessaire Web.
Cliquez pour modifier le style du sous-titre Cliquez pour modifier le style du titre.
Introduction à JavaScript
JavaScript.
Manuel Kervarker.org : l'accueil
Les événements Ils sont au cœur de l’interactivité des pages.
Les balises HTML et les objets JavaScript correspondants Objet document L'objet document est important dans la mesure ou il contient tous les objets du.
Cliquez pour modifier le style du titre
S'initier au HTML et aux feuilles de style CSS Cours 5.
Comment trouver un document dans la base de données du CDI
Dynamic HTML Regroupement de trois éléments : le HTML
S'initier au HTML et aux feuilles de style CSS Cours 5.
Initiation au JavaScript
1 Tutoriel SPIP Rédacteur. 2 Sommaire Connexion Interface SPIP Menu SPIP Rédiger un article Interface de création d’un article Fonctionnalités de base.
Html et css.
24 octobre 2012 Grégory Petit
M2202 – Algorithmique – T.BAUSER. Objectifs Utiliser Jquery pour : - modifier/ajouter/supprimer un élément/un attribut/une classe, - créer des animations,
Principes et variables
Master 1 SIGLIS Java Lecteur Stéphane Tallard Correction du TD Chapitre 3.
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation de Dreamveawer
SI28 - Écriture multimédia interactive – A2004 Présentation Dreamweaver Partie 2 Pierre Malet GSU05.
Flash MX – Séance 2 Interactions & ActionScript David Rapin Si28 P06.
Dreamweaver le retour Avec Les Formulaires Les Calques
FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
SI28 - Écriture interactive et multimédia Laurent FETZER GSU04, Lucie SOLA GSU06 P PRESENTATION Dreamweaver 2.
EXPOSE FLASH 2 SI 28 24/10/2006 Delphine GODREAU Hélène PERRIER.
DREAMWEAVER MX2 - Séance 2 Les calques Les comportements Les scénarios Les formulaires Les feuilles de style Les modèles Les cadres Mise en ligne Jérôme.
Dreamweaver 2éme séance Murat Keles. Présentation I.CSS et Dreamweaver II.Les calques III.Les scénarios IV.Les comportements V.Les cadres VI.Mise en ligne.
Introduction au HTML Qu’est ce que le HTML ?
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
PRESENTATION FLASH 2 MAURIN Marion BERETTI Vincent.
SI28 : Dreamweaver 2 Feuilles de styles Calques Template / Modèle Comportements Scénarios Mise en ligne Clément BLONDEL GSM04 Christelle CHATENET GB04.
JavaScript.
Transcription de la présentation:

Le JavaScript.

Histoire Langage créé en 1995 par Brendan Eich pour la Netscape Communications Corporation. Est inspiré de nombreux langages, notamment de Java en simplifiant la syntaxe JavaScript na rien a voir avec le Java

Qu'est-ce que le Javascript? Une extension du langage HTML. Est incluse dans le code. apporte des améliorations au langage HTML Une fois l’HTML rendu dynamique grâce au JavaScript on appel cela du DynamicHTML (DHTML)

A quoi ressemble un script? Est une portion de code qui vient s'insérer dans une page HTML. Les balises annonçant un code Javascript sont les suivantes: Placez ici le code de votre script

Les spécification du langage. 1) La portée des variables. 2) Déclaration des variables. 3) Concaténation. 4) Appel de fonction.

Les spécification du langage. 1) La portée des variables. Une variable déclarée au début du script, avant toute fonction, sera globale. Elle peut être utilisée n'importe où dans le script. Une variable déclarée explicitement dans une fonction sera locale (disponible que dans la fonction)

Les spécification du langage. 2) Déclaration des variables. Il suffit de précéder la variable du mot clé var Exemple : var MaVariable; var MaVariable2 = 3; MaVariable = 2; alert(MaVariable*MaVariable2); // un message d’alerte affichera "6"

Les spécification du langage. 3) Concaténation La concaténation ce fait avec le signe + var a = "Salut"; var b = "Toto"; var c = a + " " + b; // c contiendra : "Salut Toto"

Les spécification du langage. 4) Appel de fonction JavaScript est un langage orienté objet. Sans vous apprendre les subtilité de la POO voici un exemple d’appel de fonction. var a = "Salut"; alert(a. length()); //la fonction length compte le nombre de char. //un message d’alert affichera 5

Les événement. Vous avez aussi la possibilité de placé du JavaScript dans des balises HTML grâce au événement. Voici un exemple : Salut Quand vous allez cliqué sur le "Salut" un message d’alerte vous dira "Bonjour". onclick est un événement JavaScript.

Les événement. Voici quelque exemples d’événement : onclick = se produit quand le bouton de la souri est cliqué au-dessus d'un élément. ondblclick = se produit quand le bouton de la souri est double-cliqué au-dessus d'un élément. onmouseover = se produit quand la souri est déplacé sur un élément. onmouseout = se produit quand la souri est déplacé en dehors d'un élément. onkeypress = se produit quand une touche est pressée puis relâchée au-dessus d'un élément. Vous pouvez trouvez une liste complète sur google et cherchant " w3c interact event "

Modifier du HTML et du CSS Sélectionner une balise HTML Modifier son style Modifier son html

Modifier du HTML et du CSS Sélectionner une balise HTML Nous allons utiliser la methode getElementById On attribut un id a une balise HTML : Dans un script JavaScript nous allon crée une variable (un objet) qui représentera l’input var maBalise = document.getElementById("a")

Modifier du HTML et du CSS Modifier son style var maBalise = document.getElementById("a"); maBalise.style.color = "red"; Le texte toto devien rouge. Vous pouvez cherché un atribut css sur le site de W3C il vous donnera la correspondence en javascript.

Modifier du HTML et du CSS Modifier son html Salut var maBalise = document.getElementById("titre"); maBalise.innerHTML = "coucou"; Le titre "Salut" est devenu "coucou" grace au JavaScript