Oracle HTML DB, téléchargement d'images, définition de styles de pages.

RCI Informatique, Juillet 2004 - Septembre 2006
Cet exemple, basé sur la version 1.5 d'Oracle HTML DB est facilement transposable à la version 2.2 d'Oracle Application Express.

1 - Objectif

Lors de la création automatique d'une application, un style est apppliqué.
Par exemple, ici, dans l'entête de la page on a le sigle d' Oracle.
L'objectif de cet exercice, et de télécharger sur le serveur Oracle HTML DB de nouvelles images, et de modifier les attributs de mise en page, de façon à ce que ces images soient utilisées, dans les entêtes et les pieds de pages.
 




2 - Téléchargement des images vers le serveur HTML DB

On est, avec Oracle HTML DB, dans un environnement de développement "navigateur seul", avec un grand nombre possible de développeurs simultanés. Il n'est donc pas conseillé, pour des raisons de sécurité et de gestion des droits, que chaque programmeur puisse accéder directement au disque(s) du serveur en utilisant le système d'exploitation.
Oracle HTML DB va donc utiliser la capacité des formulaires HTML à "télécharger" des fichiers depuis le disque dur de l'ordinateur sur lequel fonctionne le navigateur HTML, vers le serveur, via le protocole HTTP.

Sélectionnons une image à télécharger :

Une image, destinée à être un bandeau, en format JPEG, nommée paysage.jpg de taille 38 k:

 

- Pour télécharger des images destinées à être intégrées dans les pages "applicatives", nous allons utiliser un des utilitaires d'Application Builder, accessible par le sous-menu "Gérer des feuilles de style CSS et des fichiers d'image" :

 

- Accéder au "Référentiel d'images", onglet "Images". Cliquer sur le bouton "Créer" pour ajouter la nouvelle image :

- Indiquer que l'image a télécharger sera spécifique à l'application, et sélectionner cette image sur le disque local :

- Une fois l'image sélectionnée, son chemin "local" figure dans l'élément "file" du formulaire HTML. En cliquant sur le bouton "Télécharger", on lance le transfert de l'image, du poste local vers le serveur :

- La nouvelle image est accessible dans le "référentiel d'images" :

 

3 - Paramétrage de l'utilisation de la nouvelle image dans les différentes pages

- On va commencer par créer un nouveau "modèle de page", en utilisant l'onglet "modèles" d' Application Builder.

Le nouveau modèle sera nommé MonModele :

Ce nouveau modèle, dérivé d'un des modèles prédéfinis, sera modifié de la façon suivante, qui fait référence à l'image nommée paysage.jpg :

Les libellés entre caractères # sont appelées des variables de substitution. Avant l'envoi des pages HTML dynamiques au navigateur du poste "client", ces variables sont remplacées par le chemin (réel ou virtuel).

- Il ne reste plus qu'à indiquer pour l'application, qu'elle doit utiliser le style de page nommé MonModele :

 

- Dès que l'on exécute à nouveau l'application, l'apparence de toutes les pages est modifiée, la photographie téléchargée ayant remplacé le logo d'Oracle :
 

 



Revenir au sommaire Application Express






Tous droits réservés, RCI Informatique SA, 2004 - 2006

rci@wanadoo.fr

www.rci-informatique.fr