Subversion Repositories Sites.tela-botanica.org

Rev

Rev 704 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 704 Rev 706
Line 8... Line 8...
8 
 * @copyright 2009
 8 
 * @copyright 2009
9 
 */
 9 
 */
Line 10... Line 10...
10 
 
 10 
 
11 
var url_service_jrest = "http://www.tela-botanica.org/client/annuaire_nouveau/actuelle/jrest/TelaUtilisateurs/";
 11 
var url_service_jrest = "http://www.tela-botanica.org/client/annuaire_nouveau/actuelle/jrest/TelaUtilisateurs/";
12 
$(document).ready(function() {
 - 
 
13
12 
$(document).ready(function() {
14 
	/**
 13 
	/**
15 
	 * Ajout de contenus : inscrits, connectés, et boutons précédents et suivants
 14 
	 * Ajout de contenus : inscrits, connectés, et boutons précédents et suivants
16 
	 * */
 - 
 
17
15 
	 * */
18 
	// On ajoute les champs Inscrits et connectés uniquement si JS obtient une réponse du service
 16 
	// On ajoute les champs Inscrits et connectés uniquement si JS obtient une réponse du service
19 
	$.getJSON(url_service_jrest,
 17 
	$.getJSON(url_service_jrest,
20 
	        function(data){
 18 
		function(data) {
21 
				if (data !=null) {
 19 
			if (data != null) {
22 
					//Réponse du service OK
 - 
 
23
20 
				//Réponse du service OK
24 
					var nbInscrits = data[0];
 21 
				var nbInscrits = data[0];
25 
					var nbVisiteurs = data[1];
 22 
				var nbVisiteurs = data[1];
26
23 
 
27 
					$("#zone-menu-haut ul").prepend('<li class="vert" id="connectes"> Visiteurs : <span class="gris">' + nbVisiteurs + '</span></li>');
24 
				$("#zone-menu-haut ul").prepend('<li class="vert" id="connectes"> Visiteurs : <span class="gris">' + nbVisiteurs + '</span></li>');
28 
					$("#zone-menu-haut ul").prepend('<li class="vert" id="inscrits"> Inscrits : <span class="gris">' + nbInscrits + '</span></li>');
 25 
				$("#zone-menu-haut ul").prepend('<li class="vert" id="inscrits"> Inscrits : <span class="gris">' + nbInscrits + '</span></li>');
29
26 
 
30 
					// les div de classe infoInscrits se voient automatiquement concaténé le nombre d'inscrits
 27 
				// les div de classe infoInscrits se voient automatiquement concaténé le nombre d'inscrits
31 
					if($(".infosInscrits") != null) {
 28 
				if($(".infosInscrits") != null) {
32 
						$(".infosInscrits").html(nbInscrits+$(".infosInscrits").html());
 - 
 
33 
					}
 - 
 
34 
				} else {
 - 
 
35 
					$("#zone-menu-haut").prepend('<span class="spacer125 hidden">&nbsp</span>');
29 
					$(".infosInscrits").html(nbInscrits+$(".infosInscrits").html());
36 
				}
 30 
				}
- 
 
 31 
			} else {
- 
 
 32 
				$("#zone-menu-haut").prepend('<span class="spacer125 hidden">&nbsp</span>');
- 
 
 33 
			}
Line 37... Line 34...
37 
	        });
 34 
		});
38
35
39 
	$("#bandeauProjets").addClass("overflow-hidden");
 36 
	$("#bandeauProjets").addClass("overflow-hidden");
40 
	$("#bandeauProjets").css("height", "100px");
 37 
	$("#bandeauProjets").css("height", "100px");
41 
	$("#bandeauProjets ul").addClass("overflow-hidden");
 - 
 
42 
	$("#bandeauProjets ul").css("width", "9000px");
 38 
	$("#bandeauProjets ul").addClass("overflow-hidden");
43
39 
	$("#bandeauProjets ul").css("width", "9000px");
44
40 
 
45 
	/********************************************************************************
 41 
	/********************************************************************************
46 
	 * Gestion des projets - menu defilant											*
 42 
	 * Gestion des projets - menu defilant
47 
	 ********************************************************************************/
 - 
 
48 
	 /*  Ajout à la volée des boutons suivant et précédent pour le menu défilant */
 43 
	 ********************************************************************************/
49 
	 /*
 44 
	/* Ajout à la volée des boutons suivant et précédent pour le menu défilant
50 
	  *		Attention : le contenu des projets doit être une liste d'éléments <li>.
 45 
	 * Attention : le contenu des projets doit être une liste d'éléments <li>.
51 
	  *		Ex :
46 
	 * Ex :
52 
	  *		<li><img src="" / ><h3>Projet 1</h3></li>
 47 
	 * <li><img src="" / ><h3>Projet 1</h3></li>
53 
	  *		<li><img src="" / ><h3>Deuxieme projet</h3></li>
48 
	 * <li><img src="" / ><h3>Deuxieme projet</h3></li>
54 
	  * */
 49 
	 * */
55
50 
 
56 
		$("#bandeauProjets").append("<div id='boutonPrecedent'>&nbsp;</div>");
 51 
	$("#bandeauProjets").append("<div id='boutonPrecedent'>&nbsp;</div>");
57 
		$("#bandeauProjets").append("<div id='boutonSuivant'>&nbsp;</div>");
 52 
	$("#bandeauProjets").append("<div id='boutonSuivant'>&nbsp;</div>");
58
53 
 
59 
		/* Variables pour le défilement*/
 54 
	/* Variables pour le défilement*/
60 
		var position = 0;
 55 
	var position = 0;
61 
		var increment = 269;
 56 
	var increment = 269;
62
57
- 
 
 58 
	$("#boutonSuivant").click(function()	{
- 
 
 59 
		//Un clic sur le bouton "Projet suivant" doit défiler la liste des projets
- 
 
 60 
		var ul = $(this).parent().children("ul");
- 
 
 61 
		var nbLi = ($(ul).children("li").size())-3;
- 
 
 62 
		if (position/increment < nbLi) {
- 
 
 63 
			position += increment;
- 
 
 64 
			$(ul).animate({marginLeft: '-' + position}, 400, function() {});
- 
 
 65 
		}
- 
 
 66 
	});
- 
 
 67 
 
- 
 
 68 
	$("#boutonPrecedent").click(function() {
- 
 
 69 
		//Un clic sur le bouton "Projet suivant" doit défiler la liste des projets
63 
		$("#boutonSuivant").click(function()	{
 70 
		if (position > 0) {
64 
			//Un clic sur le bouton "Projet suivant" doit défiler la liste des projets
 - 
 
65 
			var ul = $(this).parent().children("ul");
 - 
 
66 
			var nbLi = ($(ul).children("li").size())-3;
 - 
 
67 
			if (position/increment < nbLi)	{
 71 
			position -= increment;
68 
				position += increment;
 - 
 
69 
				$(ul).animate({marginLeft: '-' + position}, 400, function() {});
 - 
 
70 
			}
 - 
 
71 
		});
 - 
 
72
- 
 
73 
		$("#boutonPrecedent").click(function()	{
 - 
 
74 
			//Un clic sur le bouton "Projet suivant" doit défiler la liste des projets
 - 
 
75 
			if (position>0)	{
 - 
 
76 
				position -= increment;
 - 
 
77 
				var ul = $(this).parent().children("ul");
 - 
 
78 
				$(ul).animate({marginLeft: '-' + position}, 400, function() {});
 - 
 
79 
			}
 - 
 
80 
		});
 - 
 
81
- 
 
82 
		if (navigator.appName=='Microsoft Internet Explorer') {
 - 
 
83 
			$("#zone-titre").css("font-family", "optima2");
 72 
			var ul = $(this).parent().children("ul");
- 
 
 73 
			$(ul).animate({marginLeft: '-' + position}, 400, function() {});
- 
 
 74 
		}
- 
 
 75 
	});
- 
 
 76
- 
 
 77 
	if (navigator.appName == 'Microsoft Internet Explorer') {
84 
			$(".motsclefs").css("font-family", "Helveticaneue2");
 78 
		$("#zone-titre").css("font-family", "optima2");
85 
		}
 79 
		$(".motsclefs").css("font-family", "Helveticaneue2");
Line 86... Line 80...
86 
	}
 80 
	}
87 
);
 81 
});
88 
 
 82 
 
89 
/**
 83 
/**
90 
 * Vider le champ recherche lorsqu'on clique dessus.
 84 
 * Vider le champ recherche lorsqu'on clique dessus.
91 
 * */
 85 
 * */
92 
//TODO : mettre les versions EN...
 86 
//TODO : mettre les versions EN...
93 
function saisieChampRecherche(objet)	{
 87 
function saisieChampRecherche(objet) {
94 
	if (objet.value=="Rechercher dans le site") {
 88 
	if (objet.value == "Rechercher dans le site") {
95 
	 objet.value = "";
89 
		objet.value = "";