Subversion Repositories Sites.tela-botanica.org

Rev

Rev 842 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

/**
 * Script JQuery du site
 * 
 * @author Grégoire Duché <jpm@tela-botanica.org>
 * @license GPL v3 <http://www.gnu.org/licenses/gpl.txt>
 * @license CECILL v2 <http://www.cecill.info/licences/Licence_CeCILL_V2-en.txt>
 * @version $Id$
 * @copyright 2009
 */

var url_service_jrest = "http://www.tela-botanica.org/client/annuaire_nouveau/actuelle/jrest/TelaUtilisateurs/";
$(document).ready(function() {
        /**
         * Ajout de contenus : inscrits, connectés, et boutons précédents et suivants
         * */
        // On ajoute les champs Inscrits et connectés uniquement si JS obtient une réponse du service
        $.getJSON(url_service_jrest,
                function(data) {
                        if (data != null) {
                                //Réponse du service OK
                                var nbInscrits = data[0];
                                var nbVisiteurs = data[1];

                                $("#zone-menu-haut ul #connectes span").prepend(nbVisiteurs);   
                                $("#zone-menu-haut ul #inscrits span").prepend(nbInscrits);

                                // les div de classe infoInscrits se voient automatiquement concaténé le nombre d'inscrits
                                if($(".infosInscrits") != null) {
                                        $(".infosInscrits").html(nbInscrits+$(".infosInscrits").html());
                                }
                        } else {
                                $("#zone-menu-haut").prepend('<span class="spacer125 hidden">&nbsp</span>');
                        }
                });
        
        $("#bandeauProjets").addClass("overflow-hidden");
        $("#bandeauProjets").css("height", "100px");
        $("#bandeauProjets ul").addClass("overflow-hidden");
        $("#bandeauProjets ul").css("width", "9000px");

        /********************************************************************************
         * Gestion des projets - menu defilant
         ********************************************************************************/
        /* Ajout à la volée des boutons suivant et précédent pour le menu défilant 
         * Attention : le contenu des projets doit être une liste d'éléments <li>.
         * Ex : 
         * <li><img src="" / ><h3>Projet 1</h3></li>
         * <li><img src="" / ><h3>Deuxieme projet</h3></li> 
         * */

        $("#bandeauProjets").append("<div id='boutonPrecedent'>&nbsp;</div>");
        $("#bandeauProjets").append("<div id='boutonSuivant'>&nbsp;</div>");

        /* Variables pour le défilement*/
        var position = 0;
        var increment = 269;
        
        $("#boutonSuivant").click(function()    {
                //Un clic sur le bouton "Projet suivant" doit défiler la liste des projets
                var ul = $(this).parent().children("ul");
                var nbLi = ($(ul).children("li").size())-3;
                if (position/increment < nbLi) {
                        position += increment;
                        $(ul).animate({marginLeft: '-' + position}, 400, function() {});
                }
        });

        $("#boutonPrecedent").click(function() {
                //Un clic sur le bouton "Projet suivant" doit défiler la liste des projets
                if (position > 0) {
                        position -= increment;
                        var ul = $(this).parent().children("ul");
                        $(ul).animate({marginLeft: '-' + position}, 400, function() {});
                }
        });
        
        if (navigator.appName == 'Microsoft Internet Explorer') {
                $("#zone-titre").css("font-family", "optima2");
                $(".motsclefs").css("font-family", "Helveticaneue2");
        }
});

/**
 * Vider le champ recherche lorsqu'on clique dessus.
 * */
//TODO : mettre les versions EN...
function saisieChampRecherche(objet) {
        if (objet.value == "Rechercher dans le site") {
                objet.value = "";
        }
}