Commit 7deb0792 authored by Anne Cavalier's avatar Anne Cavalier

review #51 suppression de jquery, alignement de la doc sur les scripts

parent c72a97a7
......@@ -40,6 +40,10 @@ Amélioration des modules, notamment sur le plan de l'accessibilité :
- attribut aria-expanded true|false sur le bouton déclencheur
- ajout d'un effet au focus et au hover sur le bouton déclencheur
Dépendances :
Suppression du fichier jquery.min.js, c'est désormais à l'utilisateur de choisir la version qui lui convient et de l'importer dans son projet. La documentation reflète ce nouveau process.
Documentation :
- Liens dans modules/readme vers les pages de doc/démo sur le site du PiDILA
......
# Scripts javascript
<p class="info-file">Fichiers du répertoire /scampi/js/</p>
Les scripts communs à Scampi sont placés dans le répertoire **js/**
## Description des fichiers
### libs
Trois types de scripts sont utilisés avec Scampi :
Ce fichier est à importer tel quel.
* modernizr.js présent dans js/libs/ à importer dans le head;
* jquery en dépendance (à installer soi-même et à importer en fin de body);
* les scripts propres à chaque module utilisé pour un projet (à concaténer ensemble et importer en fin de body, après jquery).
- **modernizr.js** ajoute des classes sur `<body>` qui permettront d’appliquer des règles en fonction des *features* supportées.
### modernizr.js
### Dépendances
**modernizr.js** ajoute des classes sur `<body>` qui permettront d’appliquer des règles en fonction des *features* supportées.
- **jQuery** (optionnel selon votre projet)
### jquery.js
Plusieurs de nos modules s'appuient sur jQuery (version 2.2.0). La bibliothèque n'est pas incluse dans Scampi et vous devrez [la télécharger](https://code.jquery.com/jquery-2.2.0.min.js "Télécharger la version 2.2.0 minifiée de jQuery")</a> au besoin.
Plusieurs de nos modules s'appuient sur jQuery (version 2.2.0 minimum). La bibliothèque n'est pas incluse dans Scampi et vous devrez [la télécharger](https://code.jquery.com/jquery-2.2.0.min.js "Télécharger la version 2.2.0 minifiée de jQuery") au besoin.
Si vous utilisez une autre bibliothèque javascript pensez à adapter les scripts des modules.
## Ordre des imports
**modernizr.js** doit être importé dans le head.
Les autres scripts sont importés à la fin du fichier html, juste avant la fermeture du body. Nous recommandons de les compiler afin de n'en importer qu'un.
### Scripts propres aux modules
<div class="focus">
<p>En savoir plus sur <a href="../../developpement/integration/tag-html.html">le contenu du head et l'ordre d’appel des scripts</a>.</p>
</div>
Les scripts nécessaires au fonctionnement des modules sont présents dans le répertoire du module concerné. Nous recommandons de copier dans un répertoire dédié tous les scripts des modules utilisés dans un projet et de les concaténer pour n'importer qu'un seul fichier en fin de body.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment