Subversion Repositories Sites.tela-botanica.org

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
616 gduche 1
/**
2
 * Script JQuery du site
3
 *
4
 * @author Grégoire Duché <jpm@tela-botanica.org>
5
 * @license GPL v3 <http://www.gnu.org/licenses/gpl.txt>
6
 * @license CECILL v2 <http://www.cecill.info/licences/Licence_CeCILL_V2-en.txt>
7
 * @version $Id$
8
 * @copyright 2009
9
 */
10
 
11
var url_service_jrest = "http://162.38.234.3/jrest_tela/TelaUtilisateurs";
12
$(document).ready(function() {
13
 
14
	/**
15
	 * Ajout de contenus : inscrits, connectés, et boutons précédents et suivants
16
	 * */
17
 
18
	// On ajoute les champs Inscrits et connectés uniquement si JS obtient une réponse du service
19
	$.getJSON(url_service_jrest,
20
	        function(data){
21
	        	var nbInscrits = data[0];
22
	        	var nbVisiteurs = data[1];
23
 
24
	        	$("#zone-menu-haut ul").prepend('<li class="vert" id="connectes"> Visiteurs : <span class="gris">' + nbVisiteurs + '</span></li>');
25
	        	$("#zone-menu-haut ul").prepend('<li class="vert" id="inscrits"> Inscrits : <span class="gris">' + nbInscrits + '</span></li>');
26
	        });
27
 
28
	/**
29
	 * Gestion des effets graphiques sur bandeau
30
	 * *
31
	TODO : supprimer les lignes ci-dessous
32
	$(".motsclefs").mouseover(function()	{
33
		//Changer la couleur du titre.
34
		$(this).addClass("grisclair");
35
		$(this).children("h3").children("span").addClass("grisfonce");
36
	});
37
 
38
	$(".motsclefs").mouseout(function()	{
39
		//Changer la couleur du titre.
40
		$(this).addClass("grisfonce");
41
		$(this).removeClass("grisclair");
42
		$(this).children("h3").children("span").removeClass("grisfonce");
43
		$(this).children("h3").children("span").addClass("grisclair");
44
	});*/
45
 
46
	$("#bandeauProjets").addClass("overflow-hidden");
47
	$("#bandeauProjets").css("height", "100px");
48
	$("#bandeauProjets ul").addClass("overflow-hidden");
49
	$("#bandeauProjets ul").css("width", "9000px");
50
 
51
 
52
	/********************************************************************************
53
	 * Gestion des projets - menu defilant											*
54
	 ********************************************************************************/
55
	 /*  Ajout à la volée des boutons suivant et précédent pour le menu défilant */
56
 
57
		$("#bandeauProjets").append("<div id='boutonPrecedent'>&nbsp;</div>");
58
		$("#bandeauProjets").append("<div id='boutonSuivant'>&nbsp;</div>");
59
 
60
		/* Variables pour le défilement*/
61
		var position = 0;
62
		var increment = 269;
63
 
64
		$("#boutonSuivant").click(function()	{
65
			//Un clic sur le bouton "Projet suivant" doit défiler la liste des projets
66
			var ul = $(this).parent().children("ul");
67
			var nbLi = ($(ul).children("li").size())-3;
68
 
69
			if (position/increment < nbLi)	{
70
				position += increment;
71
				$(ul).animate({marginLeft: '-' + position}, 400, function() {});
72
			}
73
		});
74
 
75
		$("#boutonPrecedent").click(function()	{
76
			//Un clic sur le bouton "Projet suivant" doit défiler la liste des projets
77
			if (position>0)	{
78
				position -= increment;
79
				var ul = $(this).parent().children("ul");
80
				$(ul).animate({marginLeft: '-' + position}, 400, function() {});
81
			}
82
		});
83
 
84
		if (navigator.appName=='Microsoft Internet Explorer') {
85
			$("#zone-titre").css("font-family", "optima2");
86
			$(".motsclefs").css("font-family", "Helveticaneue2");
87
		}
88
	}
89
);
90
 
91
/**
92
 * Vider le champ recherche lorsqu'on clique dessus.
93
 * */
94
//TODO : mettre les versions EN...
95
function saisieChampRecherche(objet)	{
96
	if (objet.value=="Rechercher dans le site") {
97
	 objet.value = "";
98
	}
99
}