// // drawer.js // Le tiroir en bas de page qui permet de comparer des mobiles. // // Created by Ned Baldessin on 2008-09-09. // Copyright 2008 Ned Baldessin. All rights reserved. // // // // Description // Sur certaines pages (page liste mobile, page produit, etc), l’utilisateur peut ajouter // des mobiles dans un tiroir comparateur qui apparaît en bas de page. // // En raison du faible support des standards du web par Internet Explorer, il y a trois // différentes versions de ce module. // — version IE6: pas de tiroir, pas de drag’n’drop, feedback par lightbox ; // — version IE7: tiroir, mais pas de drag’n’drop ; // — version standard: tiroir, drag’n’drop. // // Le backend n’a pas à s’occuper de conserver les mobiles sélectionnés, ils sont // gérés par le JS via un cookie. // Lors du renvoi sur l’URL du comparateur, ce module va envoyer via une requète GET // un tableau des mobiles sélectionnés. // Exemple: /comparateur.phpl?mobiles[]=mobile-id-1&mobiles[]=mobile-id-2&mobiles[]=mobile-id-3 ... // où mobile-id-1, mobile-id-2 et mobile-id-3 sont les ID uniques des mobiles. // // Directives d’implémentation // Les boutons "Comparer" doivent avoir un attribut "rel" qui pointe vers l’id (DOM) de l’image // du mobile à ajouter. Le contenu de cet attribut sera ce qui sera renvoyé sur l’URL du comparateur. // Dans les templates fournies, j’ai utilisé "mobile-id-xxx" (où xxx est un nombre unique). // // Pour ajouter le tiroir sur une page, il suffit de charger drawer.js dans le , comme dans // les exemples fournis. Il n’y de plus à faire. // // Options // — Il faut modifier l’URL du comparateur à deux endroits : // 1. dans la fonction exit_to_comparator() pour IE6 ; // 2. lors de l’instanciation pour les autres navigateurs, par exemple : // drawer = new Drawer({comparator_url:'comparateur.php'}) if (Prototype.Browser.IE && parseInt(navigator.appVersion.match( /msie (\d+)/i )[1]) == 6) { // ====================== // = START IE 6 VERSION = // ====================== // For IE6, we dumb down the whole widget: // when a user clicks a "Comparer" button, we display a lightbox. // Initialization stuff. document.write('