0.1.9 • Published 6 years ago
jquery.asfarvoyages v0.1.9
jquery.asfarvoyages (not done yet)
==========
A booking widget for Asfarvoyages checkout demo page.
Usage
import javascript and styles files
<!-- style file are optional, you can create your own style if you want to -->
<link rel="stylesheet" href="jquery.asfarvoyages.css">
...
<script src="jquery.asfarvoyages.js"></script>
use in html element
...
<div id="asfarwidget"></div>
...
initial the widget
(function($) {
$('#asfarwidget').asfarRender();
/**
* initial datepicker plugin for departure & return date
* but you can use any other datepicker plugin
*/
$('#departure_date').datepicker({
language: 'fr-FR',
startDate: new Date(),
format: 'dd/mm/yyyy'
});
$('#return_date').datepicker({
language: 'fr-FR',
startDate: new Date(),
format: 'dd/mm/yyyy'
});
}(jQuery));
Options
all the options and thier default values, that you can change in you own :smile:
$('#asfarwidget').asfarRender({
title: "Réserver votre Ferry au meilleur prix",
action: "http://booking.asfarvoyages.com/resultats.php",
departure: 'Départ',
departure_title: 'Choisir ville de départ',
arrival: 'Arrivée',
arrival_title: 'Choisir ville d\'arrive',
departure_date: 'Date Aller',
departure_date_title: 'Choisir la date de départ',
return_date: 'Date Retour',
return_date_title: 'Choisir la date retour',
ar: 'Aller/Retour',
search_btn: 'Recherche',
format: "1",
skin: "default"
});
NOTE
formats in option are for who the widget is displayed, see the examples below: