P. 1
Concepts Webdev 12

Concepts Webdev 12

4.8

|Views: 2,762|Likes:
Published by mechergui

More info:

Categories:Types, Brochures
Published by: mechergui on Dec 28, 2008
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF or read online from Scribd
See more
See less

07/27/2012

Un site est un ensemble de pages. Ces pages sont reliées entre elles grâce aux boutons
(ou aux liens). Un clic sur un bouton entraîne l’affichage d’une nouvelle page.

Pour afficher une nouvelle page, il faut se poser deux questions :
1. où afficher la page (nouveau navigateur, frame, ....) ?
2. quelle page afficher ?

Où afficher la page ?

L’affichage d’une page se fait dans une "destination" spécifique : page en cours, nouveau
navigateur, ...
La destination peut être définie :
-soit sous l’éditeur de pages : aucune programmation n’est nécessaire.
-soit sous l’éditeur de code, dans un traitement du bouton (ou du lien).

Sélection de la destination sous l’éditeur de pages (cas le plus courant)

Dans un bouton, pour définir la destination de la page à afficher :

- Affichez la description du
bouton ou du lien (clic
droit sur le champ, option
"Description").
- Dans la liste des destina-
tions, sélectionnez une
destination prédéfinie ou
une frame (dans le cas d’un frameset).

Remarque : Les destinations prédéfinies sont présentées dans les pages suivantes de ce
manuel.

Sélection de la destination sous l’éditeur de code

Lorsque la destination dépend d’un choix de l’internaute, cette destination doit être sélec-
tionnée par programmation. Par exemple, si l’internaute n’indique pas son mot de passe,
une page d’erreur apparaît dans un nouveau navigateur; sinon, la page suivante s’affiche
dans le navigateur en cours.
La fonction WLangage ChangeDestination permet de modifier par programmation la des-
tination d’une action. Cette fonction doit être utilisée dans un code navigateur.

Dessin.book Page 73 Vendredi, 22. février 2008 5:53 17

Partie 4 : Actions possibles dans une page

74

Choisir une destination

Lors du choix de la destination pour un bouton, un lien, une image clicable, une option de
menu,... il est possible de choisir :

-une destination prédéfinie : quatre destinations prédéfinies sont proposées:

- Navigateur en cours (_top pour les habitués)

- Frame en cours (_self)

- Frame parent (_parent)

- Nouveau navigateur (_blank). Dans ce cas, vous pouvez choisir les caractéristi-
ques du nouveau navigateur (présence de la barre de menu, de la barre de mes-
sage, ...).

-une frame du frameset en cours.

Remarque : dans ce schéma, la zone grisée représente la zone dans laquelle la page est affichée lors du clic sur
le bouton.

Navigateur en cours (_top)

Frame en cours (_self)

Page initiale

Nouvelle page affichée dans
la totalité du navigateur

Clic sur
le bouton

Page initiale

Nouvelle page affichée
dans la même frame

Clic sur
le bouton

Dessin.book Page 74 Vendredi, 22. février 2008 5:53 17

Partie 4 : Actions possibles dans une page

75

Frame parent (_parent)

Nouveau navigateur (_blank)

Page initiale
(imbrication de 2 framesets)

Nouvelle page affichée dans
la page contenant le
second frameset

Clic sur
le bouton

Page initiale

Nouvelle page affichée
dans une nouvelle
fenêtre du navigateur

Clic sur
le bouton

Fenêtre de définition des
caractéristiques du nouveau navigateur

Dessin.book Page 75 Vendredi, 22. février 2008 5:53 17

Partie 4 : Actions possibles dans une page

76

Quelle page afficher ?

La page à afficher peut être définie :
- soit sous l’éditeur de pages (aucune programmation n’est nécessaire).
- soit sous l’éditeur de code dans un traitement du bouton (du lien, de l’image
clicable,...).

Sélection de la page à afficher sous l’éditeur de pages (cas le plus courant)

Pour définir la page à afficher :

- Affichez la fenêtre de description
du champ (clic droit sur le champ,
option "Description").
- Dans la liste des actions, sélec-
tionnez la page à afficher.

Sélection de la page à afficher par programmation

Il est nécessaire de sélectionner la page à afficher par programmation lorsque :

- plusieurs pages peuvent être affichées (par exemple soit une page d’erreur si le mot
de passe n’est pas saisi, soit la page suivante du site).
-une action particulière doit être effectuée sur le serveur (calcul, lecture d’enregistre-

ment, ...).

Plusieurs fonctions du WLangage permettent d’ouvrir une nouvelle page (ou frameset).
Les principales fonctions sont : PageAffiche (pour les pages) et FramesetAffiche (pour les
framesets).

Dessin.book Page 76 Vendredi, 22. février 2008 5:53 17

Partie 4 : Actions possibles dans une page

77

Affichage d’une page dynamique : création du contexte associé

Nous savons que WebDev permet de créer des pages dynamiques. Le contenu dynamique
des pages est défini ‘‘à la volée’’ à l’exécution de la page (c’est-à-dire lorsque la page est
affichée sur le navigateur de l’internaute).

Pour chaque page dynamique affichée sur le navigateur, un "contexte de page" est créé
sur le serveur. Ce contexte contient toutes les informations relatives à la page (valeur des
variables en cours, contenu des champs, ....).

Chaque page dynamique (affichée sur le poste de chaque internaute) est associée à un
contexte de page.
Si la page permet d’afficher des données différentes (fiche produit avec boutons de par-
cours par exemple), à chaque nouvel enregistrement affiché, le contexte est modifié, et la
page est uniquement actualisée.

Poste Serveur

Contexte de page

Poste de
l’internaute

Dessin.book Page 77 Vendredi, 22. février 2008 5:53 17

Partie 4 : Actions possibles dans une page

78

Afficher ou Actualiser une page dynamique? PageAffiche ou
PageActualise?

Le WLangage propose deux fonctions pour afficher une page dynamique : PageAffiche et
PageActualise. Ces fonctions permettent d’afficher ou d’actualiser une page dynamique.
Ces deux concepts sont totalement différents.

Affichage d’une page = nouvelle page

L’affichage d’une page dynamique correspond à l’ouverture d’une "nouvelle page" sur le
navigateur. Par exemple, ouverture de la page "Visu_Produit" permettant de visualiser l’ar-
ticle sélectionné dans une table.

Attention : Si vous "affichez" une page précédemment ouverte, la page et son contexte
sont fermés puis réouverts. Toutes les données de la page sont ré-initialisées.

Actualisation d’une page = ré-affichage de la page (plus rapide)

L’actualisation d’une page dynamique consiste à ré-afficher une page déjà ouverte sous
le navigateur. L’action effectuée est identique à l’utilisation de la touche "Rafraîchir" du
navigateur.
Les données dynamiques présentes dans la page sont mises à jour en fonction des con-
textes présents sur le serveur. Seules les données modifiées sont réaffichées.

Exemple : Dans un site commercial, la page présentant la liste des produits sélectionnés
est actualisée lorsqu’un nouveau produit est commandé.

Conseil de performances :
Pour actualiser les données affichées dans une page dynamique, utilisez la fonction "Pa-
geActualise". Avec la fonction "PageAffiche", le temps de chargement de la page est
plus long.

Dessin.book Page 78 Vendredi, 22. février 2008 5:53 17

Partie 4 : Actions possibles dans une page

79

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->