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:

format: 1

format: 2