Subversion Repositories Sites.tela-botanica.org

/**
 * 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").prepend('<li class="vert" id="connectes"> Visiteurs : <span class="gris">' + nbVisiteurs + '</span></li>');     
                                        $("#zone-menu-haut ul").prepend('<li class="vert" id="inscrits"> Inscrits : <span class="gris">' + nbInscrits + '</span></li>');
                                        
                                        // 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 = ""; 
        }
}