Wiki source code of Adélia Web - Utilisation de scripts et styles multiples dans plusieurs programmes via un canevas
Last modified by Julien EYMERY on 2015/10/07 17:00
Hide last authors
| author | version | line-number | content |
|---|---|---|---|
| |
1.1 | 1 | Il arrive que dans un application web comportant plusieurs programmes, il soit nécessaire de faire appels aux mêmes scripts et styles dans plusieurs pages. |
| 2 | |||
| 3 | Plutôt que de les gérer via des ressources à affecter à chaque programme, ce qui peut être contraignant si on a beaucoup de programmes en cas de changements réguliers des scripts ou styles, il peut être intéressant de le faire plutôt via un canevas. | ||
| 4 | ((( | ||
| 5 | == Application de scripts et styles dans un canevas == | ||
| 6 | ))) | ||
| 7 | |||
| 8 | Le principe d'un canevas est qu'il permet d'adjoindre des programmes Web Adélia spécifiques dans les quatre directions par rapport aux programmes auxquels il est affecté. | ||
| 9 | |||
| 10 | Par contre, seul le contenu des balises body est utilisé, le contenu des balises <head> éventuel est supprimé pour être remplacé par le <head> de celui du programme central. | ||
| 11 | |||
| 12 | Il est donc nécessaire de placer vos styles et scripts dans le <body> des programmes du canevas, via des balises <style> ou <script>, et surtout pas dans le <head>, contrairement à ce qui peut se faire habituellement. | ||
| 13 | |||
| 14 | Traditionnellement, on placera les styles dans le canevas du haut (un header) et les scripts dans celui du bas (un footer). | ||
| 15 | |||
| 16 | Ainsi, en cas de modification à faire sur des scripts ou des styles de votre application, vous pourrez vous contenter de modifier le programme du canevas concerné, et re-générer tous les programmes utilisant le canevas, sans avoir à modifier leur code individuellement. | ||
| 17 | ((( | ||
| 18 | == Articles connexes == | ||
| 19 | ))) | ||
| 20 | |||
| 21 | Les articles connexes apparaissent ici en fonction des étiquettes que vous avez sélectionnées. Cliquez pour modifier la macro et ajouter ou modifier des étiquettes. | ||
| 22 | |||
| 23 | {{liveData sort="doc.date:desc" source="liveTable" properties="doc.title,doc.date,doc.author" description="Recently updated" limit="5" filters="tag=web" sourceParameters="translationPrefix=platform.index."}}{{/liveData}} | ||
| 24 | |||
| 25 |