updating iCell-app

resources/library/interactive/iCell.wgt/js/script.js

@@ -1,94 +1,98 @@
 	
-	var opaciteDIV=0 //opacité de la div organites
+var opaciteDIV=0 //opacitй de la div organites
-	var opaciteINFOS=0 //opacité de la div informations
+var opaciteINFOS=0 //opacitй de la div informations
-	var INFOS_affiche=false //bool pour la fonction clicINFOS()
+var INFOS_affiche=false //bool pour la fonction clicINFOS()
-	var t_div //pour les setinterval d'animation
+var t_div //pour les setinterval d'animation
-	var t_inf
+var t_inf
-	var tempsAnim=25 //durée en milisecondes des animations de fondu
+var tempsAnim=25 //durйe en milisecondes des animations de fondu
-	var t_aura//pour l'animation de l'aura au passage de la souris
+var t_aura//pour l'animation de l'aura au passage de la souris
-	var opaciteAura=0// idem que t_aura
+var opaciteAura=0// idem que t_aura
-	var noyauSel = false //pour pouvoir accèder à l'ADN depuis le noyau
+var noyauSel = false //pour pouvoir accиder а l'ADN depuis le noyau
-	var loupe_on = false // permet d'accéder aux zooms de l'ADN et de l'ARN
+var loupe_on = false // permet d'accйder aux zooms de l'ADN et de l'ARN
-	var interactif_on = false // permet d'accéder aux parties interactives s'il y en a
+var interactif_on = false // permet d'accйder aux parties interactives s'il y en a
-	var elt_a_zoomer = "" //pour savoir s'il faut afficher adn_zoom.jpg ou arn_zoom.jpg
+var elt_a_zoomer = "" //pour savoir s'il faut afficher adn_zoom.jpg ou arn_zoom.jpg
-	var ZOOM_affiche=false //pour savoir si la div de zoom est affichées ou pas
+var ZOOM_affiche=false //pour savoir si la div de zoom est affichйes ou pas
-	var opaciteZOOM = 0
+var opaciteZOOM = 0
-	var t_zoom
+var t_zoom
-	var loaded = true
+var loaded = true
-
+var click_INFO = false;
-	
+var click_ZOOM = false;
-	function vesicule() {
+var click_EXIT = true;
+var click_Cacher = true;
+	
+function vesicule() {
     loupe_on = false
-		
+    //console.log("vesicule");
     afficherInfosOrganite(txt_vesicule)
     document.getElementById("img_organite").src="images/vesic_in.jpg"
     document.getElementById("div_organite").style.zIndex="1"
     document.getElementById("div_aura").style.zIndex="-1"
     t_div=setInterval(afficherDIV,tempsAnim)
-	}
+}
 	
-	function lysosome() {
+function lysosome() {
     loupe_on = false
-		
+    //console.log("lysosome");
     afficherInfosOrganite(txt_lysosome)
     document.getElementById("img_organite").src="images/lys_in.jpg"
     document.getElementById("div_organite").style.zIndex="1"
     document.getElementById("div_aura").style.zIndex="-1"
     t_div=setInterval(afficherDIV,tempsAnim)
-	}
+}
 	
-	function mitoch() {
+function mitoch() {
     loupe_on = false
-		
+    //console.log("mitoch");
     afficherInfosOrganite(txt_mitoch)
     document.getElementById("img_organite").src="images/mitoch_in.jpg"
     document.getElementById("div_organite").style.zIndex="1"
     document.getElementById("div_aura").style.zIndex="-1"
     t_div=setInterval(afficherDIV,tempsAnim)
-	}
+}
 	
-	function golgi () {
+function golgi () {
     loupe_on = false
-		
+    //console.log("golgi");
     afficherInfosOrganite(txt_golgi)
     document.getElementById("img_organite").src="images/golgi_in.jpg"
     document.getElementById("div_organite").style.zIndex="1"
     document.getElementById("div_aura").style.zIndex="-1"
     t_div=setInterval(afficherDIV,tempsAnim)
-	}
+}
 	
-	function rer() {
+function rer() {
     loupe_on = false
-		
+    //console.log("rer");
     afficherInfosOrganite(txt_rer)
     document.getElementById("img_organite").src="images/rer_in.jpg"
     document.getElementById("div_organite").style.zIndex="1"
     document.getElementById("div_aura").style.zIndex="-1"
     t_div=setInterval(afficherDIV,tempsAnim)
-	}
+}
 	
-	function noy() {
+function noy() {
     loupe_on = false
-		
+    //console.log("noy");
     afficherInfosOrganite(txt_noy)
     document.getElementById("img_organite").src="images/noy_in.jpg"
     noyauSel = true
     document.getElementById("div_organite").style.zIndex="1"
     document.getElementById("div_aura").style.zIndex="-1"
     t_div=setInterval(afficherDIV,tempsAnim)
-	}
+}
 	
-	function rel() {
+function rel() {
     loupe_on = false
-		
+    //console.log("rel");
     afficherInfosOrganite(txt_rel)
     document.getElementById("img_organite").src="images/rel_in.jpg"
     document.getElementById("div_organite").style.zIndex="1"
     document.getElementById("div_aura").style.zIndex="-1"
     t_div=setInterval(afficherDIV,tempsAnim)
-	}
+}
 	
-	function adn() {
+function adn() {
+    //console.log("adn");
     if(noyauSel) {
         elt_a_zoomer="ADN"
         loupe_on = true
@@ -109,81 +113,90 @@
         document.getElementById("div_aura").style.zIndex="-1"
         document.getElementById("div_ADN").style.zIndex="2"
     }
-	}
+}
 	
-	function rib() {
+function rib() {
     interactif_on="ARN"
     loupe_on = false
-		
+    //console.log("rib");
     afficherInfosOrganite(txt_rib)
     document.getElementById("img_organite").src="images/rib_in.jpg"
     document.getElementById("div_organite").style.zIndex="1"
     document.getElementById("div_aura").style.zIndex="-1"
     t_div=setInterval(afficherDIV,tempsAnim)
-	}
+}
 	
-	function centriole(){
+function centriole(){
     loupe_on = false
-		
+    //console.log("centriole");
     afficherInfosOrganite(txt_centr)
     document.getElementById("img_organite").src="images/centriole_in.jpg"
     document.getElementById("div_organite").style.zIndex="1"
     document.getElementById("div_aura").style.zIndex="-1"
     t_div=setInterval(afficherDIV,tempsAnim)
-	}
+}
 	
-	function arn(){
+function arn(){
     elt_a_zoomer="ARN"
     loupe_on = true
-		
+    //console.log("arn");
     afficherInfosOrganite(txt_arn)
     document.getElementById("div_zoom").innerHTML='<img src="images/'+elt_a_zoomer+'_zoom.jpg" alt="" />'
 		
     document.getElementById("img_organite").src="images/ARN_in.jpg"
     document.getElementById("div_organite").style.zIndex="1"
     document.getElementById("div_aura").style.zIndex="-1"
-	}
+}
 	
-	function nucl(){
+function nucl(){
     loupe_on = false
-		
+    //console.log(" nucl");
     afficherInfosOrganite(txt_nucl)
     document.getElementById("img_organite").src="images/nucl_in.jpg"
     document.getElementById("div_organite").style.zIndex="1"
     document.getElementById("div_aura").style.zIndex="-1"
     t_div=setInterval(afficherDIV,tempsAnim)
-	}
+}
 	
-	/*Fonctions relatives à la div d'infos*/
+/*Fonctions relatives а la div d'infos*/
-	function infos() {
+function infos() {
-		if(!INFOS_affiche){
+    //console.log(" infos");
+    if(!INFOS_affiche && !click_INFO){
         document.getElementById("div_infos").style.zIndex="4"
         t_inf=setInterval(afficherINFOS,50)
+        click_INFO = true;
     }
-	}
+}
 	
-	function afficherINFOS() {
+function afficherINFOS() {
+    //console.log("afficherINFOS");
     if (opaciteINFOS<1) {
         opaciteINFOS=opaciteINFOS+0.1
         document.getElementById("div_infos").style.opacity=opaciteINFOS
     } else {
-			clearInterval(t_inf)
+        clearInterval(t_inf);
         INFOS_affiche=true			
     }
 		
-	}
+}
+	
+function clicINFOS() {
 		
-	function clicINFOS() {
+    if (INFOS_affiche && click_INFO) {
-		if (INFOS_affiche) {
+        //console.log("INFOS_affiche");
         t_inf=setInterval(cacherINFOS,50)
+        click_INFO = false;
     }
 		
-		if (ZOOM_affiche) {
+    if (ZOOM_affiche && click_ZOOM) {
+        //console.log("ZOOM_affiche");
         t_zoom=setInterval(cacherZOOM,50)
+        click_ZOOM = false;
     }
-	}
+}
 	
-	function cacherINFOS() {
+function cacherINFOS() {
+    //console.log("cacherINFOS");
     if (opaciteINFOS>0) {
         opaciteINFOS=opaciteINFOS-0.1
         document.getElementById("div_infos").style.opacity=opaciteINFOS
@@ -192,12 +205,12 @@
         clearInterval(t_inf)
         INFOS_affiche=false
     }
-	}
+}
-	
-	/*Animations pour la div de zoom*/
 	
-	function loupe_interact(){
+/*Animations pour la div de zoom*/
 	
+function loupe_interact(){
+    //console.log("loupe_interact");
     if(loupe_on&&!ZOOM_affiche){
 			
         zoom()
@@ -209,25 +222,29 @@
         arn()
     }
 		
-	}
+}
 	
-	function zoom() {
+function zoom() {
+    //console.log("zoom");
     document.getElementById("div_zoom").style.zIndex="4"
-		t_zoom=setInterval(afficherZOOM,50)
+    t_zoom=setInterval(afficherZOOM,50);
-	}
+    ZOOM_affiche = true;
-	
+}
-	function afficherZOOM() {
 	
+function afficherZOOM() {
+    //console.log("afficherZOOM");
     if (opaciteZOOM<1) {
         opaciteZOOM=opaciteZOOM+0.1
         document.getElementById("div_zoom").style.opacity=opaciteZOOM
     } else {
         clearInterval(t_zoom)
         ZOOM_affiche=true
+        click_ZOOM = true;
     }
-	}
+}
 	
-	function cacherZOOM() {
+function cacherZOOM() {
+    //console.log("cacherZOOM");
     if (opaciteZOOM>0) {
         opaciteZOOM=opaciteZOOM-0.1
         document.getElementById("div_zoom").style.opacity=opaciteZOOM
@@ -236,23 +253,29 @@
         clearInterval(t_zoom)
         ZOOM_affiche=false
     }
-	}
+}
 	
 	
-	/*Animations relatives à la div organites*/
+/*Animations relatives а la div organites*/
-	function afficherDIV() {
+function afficherDIV() {
+    if(click_EXIT){
+        //console.log("afficherDIV");
         if (opaciteDIV<1) {
             opaciteDIV=opaciteDIV+0.1
             document.getElementById("div_organite").style.opacity=opaciteDIV
         } else {
             clearInterval(t_div)
+            click_EXIT = false;
+            click_Cacher = true;
         }			
     }
+}
 	
 	
-	function cacherDIV() {
+function cacherDIV() {
 
-		/*Instructions relatives à l'ADN*/
+    if(!click_EXIT){
+        //console.log("cacherDIV");
         interactif_on=false
         noyauSel = false
         document.getElementById("div_ADN").style.zIndex="-2"
@@ -262,16 +285,27 @@
             opaciteDIV=opaciteDIV-0.1
             document.getElementById("div_organite").style.opacity=opaciteDIV
         } else {
-			document.getElementById("div_organite").style.zIndex="-1"
+            document.getElementById("div_organite").style.zIndex="-1";
             clearInterval(t_div)
+            click_EXIT = true;
         }			
     }
+}
 	
-	function afficherInfosOrganite(nomOrg) {
+function cacherDivFunction(){
-		document.getElementById("div_infos").innerHTML=nomOrg
+    if(!click_EXIT && click_Cacher){
+        t_div=setInterval(cacherDIV,50);
+        click_Cacher = false;
     }
+}
+	
 	
-	/*Animation d'intro
+function afficherInfosOrganite(nomOrg) {
+    //console.log("afficherInfosOrganite");
+    document.getElementById("div_infos").innerHTML=nomOrg
+}
+	
+/*Animation d'intro
 	function intro() {
 		if (opaciteDIV<1) {
 			opaciteDIV=opaciteDIV+0.1
@@ -282,14 +316,16 @@
 		}
 	}*/
 	
-	/*Affichage de l'aura au passage de la souris*/
+/*Affichage de l'aura au passage de la souris*/
-	function aura(txt) {
+function aura(txt) {
+    //console.log("aura");
     document.getElementById("div_aura").style.zIndex="2"
     document.getElementById("img_aura").src="images/"+txt+"_aura.png"
     t_aura=setInterval(animAura,tempsAnim)
-	}
+}
 	
-	function animAura(){
+function animAura(){
+    //console.log("animAura");
     if (opaciteAura<1) {
         opaciteAura=opaciteAura+0.1
         document.getElementById("div_aura").style.opacity=opaciteAura
@@ -297,12 +333,13 @@
         opaciteAura=0
         clearInterval(t_aura)
     }
-	}
+}
 	
-	function auraOut(){
+function auraOut(){
+    //console.log("auraOut");
     clearInterval(t_aura)
     document.getElementById("div_aura").style.opacity=0
     document.getElementById("div_aura").style.zIndex="-1"
     document.getElementById("img_aura").src=""
-	}
+}
 	

resources/library/interactive/iCell.wgt/widget.html

@@ -76,7 +76,7 @@
 	</map>
 	
 	<map  name="mapOrganite" id="mapOrganite">
-		<area shape="circle" coords="364,477,19" onclick="t_div=setInterval(cacherDIV,50)" alt=""/>
+		<area shape="circle" coords="364,477,19" onclick="cacherDivFunction()" alt=""/>
 		<area shape="circle" coords="416,477,19" onclick="infos()" alt=""/>
 		<area shape="circle" coords="469,477,19" alt="" onclick="loupe_interact()"/>
 		<area shape="poly" coords="328,337,281,311,213,277,159,277,131,228,111,227,83,262,70,193,66,153,120,99,229,104,233,83,328,67,334,81,307,121,350,156,409,220,391,316" alt="" onclick="adn()"/>