Mode d`emploi

Transcription

Mode d`emploi
Installation et paramétrage du widget de la gastronomie
alsacienne sur votre site :
Mode d’emploi
Mise en route
La balise <head> de votre page doit contenir :
·
·
·
La librairie jQuery (http://jquery.com/)
Le JavaScript de l’abécédaire
Le CSS de l’abécédaire
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://www.abc-gastronomie.alsace/abecedaire.min.js"></script>
<link rel="stylesheet"type="text/css"href="http://www.abc-gastronomie.alsace/abecedaire.min.css">
</head>
Affichage du widget
Exemple d’une page:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://www.abc-gastronomie.alsace/abecedaire.min.js"></script>
<link rel="stylesheet"type="text/css"href="http://www.abc-gastronomie.alsace/abecedaire.min.css">
<script>
jQuery(document).ready(function()
{
jQuery('#my_abc').abecedaire();
});
</script>
</head>
<body>
<div id="my_abc"></div>
</body>
</html>
Les options
Nom
width
language
defaultLanguage
Description
Défaut
Largeur du widget
Langue du widget (FR, EN, DE)
Langue par défaut si ‘language’ n’est pas
correct
350px
FR
EN
Valeur
possible
Taille en pixels
FR, EN, DE
FR, EN, DE
Exemple :
<script>
jQuery(document).ready(function()
{
jQuery('#my_abc').abecedaire({
'width' : '450px',
'language' : 'DE'
});
});
</script>
Le paramètre ‘language’ peut prendre une variable PHP, ASP …
Exemple :
<script>
jQuery(document).ready(function()
{
jQuery('#my_abc').abecedaire({
'language' : '<?php echo $variableLangue; ?>'
});
});
</script>
http://www.abc-gastronomie.alsace
Contacts :
Olivier GIHR : 03.88.15.45.84 - [email protected]
Françoise SCHMITT : 03.89.20 45 84 - [email protected]