 Objet window, la fenêtre du navigateur

Slides:



Advertisements
Présentations similaires
1 JavaScript V0 : Nauer. 2 JavaScript Quid ? Langage de programmation lié à HTML. Code JavaScript intégré aux pages HTML. Code interprété par le navigateur.
Advertisements

LE LANGAGE JAVASCRIPT LES FENETRES.
Prise en main des machines Bureautique M1. 2/56 Le bureau Raccourci des applications (icônes) Corbeille (que lon peut vider, clic droit) Est un répertoire.
Conception de Site Webs dynamiques Cours 6
DTD Sylvain Salvati
TOUQUET Arnaud ▪ GI05 BLONDEEL Igor ▪ GM05
Gérer un site avec Kompozer
Premiers pas avec PowerPoint
TP 3-4 BD21.
Formulaire HTML Introduction. Définition de formulaire.
La fonction Style Permet de créer des types de texte, par exemple
Principe de défilement du document dans un traitement de texte
Navigation.
Enregistrement d’un document
Création de sites Web a.Création dun site Web: 1.Activer le menu « Fichier », 2.Choisir la commande « Nouveau… », 3.Dans le volet doffice qui saffiche.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
FICHIERS : Définition : Algorithme général:
 Ecriture dynamique des Calques, des tableaux HTML
Le langage Javascript pour le web et application au DHTML
Feuilles de styles CSS Syntaxe d'application d'un style à une balise HTML : Les différents types de style : Pourquoi utiliser un style ? Possibilité étendue.
Animateur : Med HAIJOUBI
TP n°2 Javascript EVENEMENTS ET OBJETS
Le langage XHTML 420-S4W-GG Programmation Web Client
Javascript 2° PARTIE : EVENEMENTS ET OBJETS
PROGRAMMATION WEB FRONT-END.
Windows 7 et son explorateur
Cours de programmation web
Programmation événementielle
Lancement de Microsoft Word
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.
Technologies web et web sémantique TP3 - XML. XML eXtensible Markup Language (langage extensible de balisage) – Caractéristiques: méta-langage = un langage.
Traitement de texte +.
SMIL Synchronized Multimedia Integration Language
Guide de référence rapide sur © 2012 Microsoft Corporation. Tous droits réservés. Lync Web App Participer à une réunion Lync avec le système audio de votre.
Dynamic HTML Regroupement de trois éléments : le HTML
 Formulaires HTML : traiter les entrées utilisateur
Initiation au JavaScript
Création JJ Pellé octobre 2014 Il suffit de faire un clic gauche sur l’onglet « Nouveau dossier » Et le nouveau dossier est créé ! Il ne reste plus.
Éléments de présentation
Lancement de Microsoft Word 1. Cliquer avec le bouton droit de la souris sur le raccourci de « Microsoft Office Word 2003 » sur le bureau, 2. Dans le menu.
Conception des pages Web avec
M2202 – Algorithmique – T.BAUSER. Objectifs Utiliser Jquery pour : - modifier/ajouter/supprimer un élément/un attribut/une classe, - créer des animations,
HTML Rappels des fondamentaux
D é veloppement de sites web statiques Par DRISS AIT EL HADJ Par DRISS AIT EL HADJ Avril 2012.
WINDOWS SEVEN.
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.
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Dreamweaver MX.
Présentation Dreamweaver 8 (1) Nina BOUAZIZ et Matthieu DI RUSSO SI28.
DreamWeaver Séance 2 HMIDA Ahmed A2008. Plan 1.Calques 2.CSS 3.Modèles 4.Formulaires 5.Comportements 6.Mise en ligne.
DREAMWEAVER Première séance Villaron Audrey – Shibly Tarek.
Présentation Dreamweaver – Partie 2 Mickaël PIQUE – Automne 2004.
SI28 - Écriture multimédia interactive – A2004 Présentation Dreamweaver Partie 2 Pierre Malet GSU05.
Dreamweaver le retour Avec Les Formulaires Les Calques
Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web :  Propriétés d’une page  Création de cadres  Création.
Dreamweaver (2) ● les calques (layers) ● les comportements
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.
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.
On va découvrir la magie de ....
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.
Séance 2 Marie Lavogez Justine Leleu Dreamweaver MX.
DREAMWEAVER SÉANCE 2 SI28 Jonathan Barone – Thomas Lulé.
SI28 : D REAMWEAVER 2 Audrey BUISSON – GSU05 Romain LASSALLE – GI05 1 SI28 – Ecriture interactive et multimedia.
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
Transcription de la présentation:

 Objet window, la fenêtre du navigateur Document Object Model Les objets Javascript respectent une hiérarchie. L'objet de plus haut niveau est la fenêtre du navigateur. Celui-ci contient le document HTML, et ainsi de suite… Cette hiérarchie est décrite par le Document Object Modele (DOM) Fenêtre du navigateur Document HTML Formulaire Boutons radio Cette hiérarchie, indispensable pour accéder à un objet donné, sera vue en détail pour chaque objet étudié. C'est un concept de programmation orientée objets

 Objet window, la fenêtre du navigateur Propriétés : Une seule propriété nous intéresse plus particulièrement pour cet objet, la propriété status, qui permet d'écrire un commentaire dans la barre d'état. Méthodes : 3 méthodes permettent de "dialoguer" avec l'internaute, dans un script : alert( ), confirm( ) et prompt( ) Les méthodes print( ) et close( ) permettent, respectivement, d'imprimer de fermer la fenêtre

 Objet window, la fenêtre du navigateur Exemples Pratiques Le contenu d'une page HTML doit pouvoir être imprimé en cliquant sur une icône Mais le contenu de la page web ne peut tenir sur une page papier. Il s'agit alors au préalable de redimensionner(zoom) le corps (body) du document HTML par un style (propriété zoom). Schéma d'exécution : Insertion de l'image (nommée imprimer.gif, par ex.) dans le corps (body) du document HTML Définition d'un style pas la balise <style>, mais pour le média de type print uniquement, à distinguer du média de type screen. Un style zoom sera appliqué au corps du document. Associer un lien sur l'image de l'imprimante. Lorsque l'on clique sur le lien, la méthode print( ) est appliquée à l'objet window. Note : l'attribut href de la balise de lien hypertexte peut faire référence à une commande javascript suivant : <a href="javascript:window.print() >… </a>

 Objet window, la fenêtre du navigateur Méthode de contrôle d'ouverture d'une nouvelle fenêtre : La méthode open( ) permet d'ouvrir une page HTML dans une nouvelle fenêtre. On préférera cette méthode, qui permet un contrôle précis de cette nouvelle fenêtre, plutôt que l'attribut target de la balise de lien hypertexte a. Paramètres de contrôle de la fenêtre URL de la page à télécharger Nom de la fenêtre

 Objet window, la fenêtre du navigateur Exemples Pratiques Ecrire un script qui permet l'ouverture d'une page HTML dans une nouvelle fenêtre dont on contrôlera la position et les dimension, puis la présence ou non d'une barre d'adresse, de menu, etc.., le redimensionnement autorisé ou non de la fenêtre, … Cette méthode sera appelée lors d'un clic sur un lien hypertexte, en altrenative à l'utilisation de l'attribut target. Schéma d'exécution : Définir un lien hypertexte dans le corps du document HTML. Choisir pour valeur de l'attribut href l'exécution d'une fonction javascript, nommée ouvrirURL(). La fonction ouvrirURL( ) applique la méthode open( argument1,argument2, argument3) de l'objet window, où, notamment l'argument 3, permettra de tester les multiples contrôles d'ouverture de la nouvelle fenêtre. Note : l'attribut href de la balise de lien hypertexte peut exécuter une fonction javascript suivant : <a href="javascript:nom_fonction() >… </a>