You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
345 lines
10 KiB
345 lines
10 KiB
|
|
var opaciteDIV=0 //opacitй de la div organites |
|
var opaciteINFOS=0 //opacitй de la div informations |
|
var INFOS_affiche=false //bool pour la fonction clicINFOS() |
|
var t_div //pour les setinterval d'animation |
|
var t_inf |
|
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 opaciteAura=0// idem que t_aura |
|
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 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 ZOOM_affiche=false //pour savoir si la div de zoom est affichйes ou pas |
|
var opaciteZOOM = 0 |
|
var t_zoom |
|
var loaded = true |
|
var click_INFO = false; |
|
var click_ZOOM = false; |
|
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() { |
|
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() { |
|
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 () { |
|
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() { |
|
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() { |
|
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() { |
|
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() { |
|
//console.log("adn"); |
|
if(noyauSel) { |
|
elt_a_zoomer="ADN" |
|
loupe_on = true |
|
noyauSel = false |
|
|
|
afficherInfosOrganite(txt_adn) |
|
document.getElementById("div_zoom").innerHTML='<img src="images/'+elt_a_zoomer+'_zoom.jpg" alt="" />' |
|
|
|
/*Uniboard 4 ne supportant pas bien les gifs...*/ |
|
if(window.sankore){ |
|
document.getElementById("img_ADN").src="images/adn.jpg" |
|
} else { |
|
document.getElementById("img_ADN").src="images/ADN.gif" |
|
} |
|
|
|
document.getElementById("img_organite").src="images/fond_ADN.png" |
|
document.getElementById("div_organite").style.zIndex="3" |
|
document.getElementById("div_aura").style.zIndex="-1" |
|
document.getElementById("div_ADN").style.zIndex="2" |
|
} |
|
} |
|
|
|
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(){ |
|
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(){ |
|
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(){ |
|
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*/ |
|
function infos() { |
|
//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() { |
|
//console.log("afficherINFOS"); |
|
if (opaciteINFOS<1) { |
|
opaciteINFOS=opaciteINFOS+0.1 |
|
document.getElementById("div_infos").style.opacity=opaciteINFOS |
|
} else { |
|
clearInterval(t_inf); |
|
INFOS_affiche=true |
|
} |
|
|
|
} |
|
|
|
function clicINFOS() { |
|
|
|
if (INFOS_affiche && click_INFO) { |
|
//console.log("INFOS_affiche"); |
|
t_inf=setInterval(cacherINFOS,50) |
|
click_INFO = false; |
|
} |
|
|
|
if (ZOOM_affiche && click_ZOOM) { |
|
//console.log("ZOOM_affiche"); |
|
t_zoom=setInterval(cacherZOOM,50) |
|
click_ZOOM = false; |
|
} |
|
} |
|
|
|
function cacherINFOS() { |
|
//console.log("cacherINFOS"); |
|
if (opaciteINFOS>0) { |
|
opaciteINFOS=opaciteINFOS-0.1 |
|
document.getElementById("div_infos").style.opacity=opaciteINFOS |
|
} else { |
|
document.getElementById("div_infos").style.zIndex="-1" |
|
clearInterval(t_inf) |
|
INFOS_affiche=false |
|
} |
|
} |
|
|
|
/*Animations pour la div de zoom*/ |
|
|
|
function loupe_interact(){ |
|
//console.log("loupe_interact"); |
|
if(loupe_on&&!ZOOM_affiche){ |
|
|
|
zoom() |
|
} |
|
if(interactif_on) { |
|
|
|
} |
|
if(interactif_on=="ARN") { |
|
arn() |
|
} |
|
|
|
} |
|
|
|
function zoom() { |
|
//console.log("zoom"); |
|
document.getElementById("div_zoom").style.zIndex="4" |
|
t_zoom=setInterval(afficherZOOM,50); |
|
ZOOM_affiche = true; |
|
} |
|
|
|
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() { |
|
//console.log("cacherZOOM"); |
|
if (opaciteZOOM>0) { |
|
opaciteZOOM=opaciteZOOM-0.1 |
|
document.getElementById("div_zoom").style.opacity=opaciteZOOM |
|
} else { |
|
document.getElementById("div_zoom").style.zIndex="-2" |
|
clearInterval(t_zoom) |
|
ZOOM_affiche=false |
|
} |
|
} |
|
|
|
|
|
/*Animations relatives а la div organites*/ |
|
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() { |
|
|
|
if(!click_EXIT){ |
|
//console.log("cacherDIV"); |
|
interactif_on=false |
|
noyauSel = false |
|
document.getElementById("div_ADN").style.zIndex="-2" |
|
document.getElementById("img_ADN").src="" |
|
|
|
if (opaciteDIV>0) { |
|
opaciteDIV=opaciteDIV-0.1 |
|
document.getElementById("div_organite").style.opacity=opaciteDIV |
|
} else { |
|
document.getElementById("div_organite").style.zIndex="-1"; |
|
clearInterval(t_div) |
|
click_EXIT = true; |
|
} |
|
} |
|
} |
|
|
|
function cacherDivFunction(){ |
|
if(!click_EXIT && click_Cacher){ |
|
t_div=setInterval(cacherDIV,50); |
|
click_Cacher = false; |
|
} |
|
} |
|
|
|
|
|
function afficherInfosOrganite(nomOrg) { |
|
//console.log("afficherInfosOrganite"); |
|
document.getElementById("div_infos").innerHTML=nomOrg |
|
} |
|
|
|
/*Animation d'intro |
|
function intro() { |
|
if (opaciteDIV<1) { |
|
opaciteDIV=opaciteDIV+0.1 |
|
document.getElementById("div_body").style.opacity=opaciteDIV |
|
} else { |
|
opaciteDIV=0 |
|
clearInterval(t_div) |
|
} |
|
}*/ |
|
|
|
/*Affichage de l'aura au passage de la souris*/ |
|
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(){ |
|
//console.log("animAura"); |
|
if (opaciteAura<1) { |
|
opaciteAura=opaciteAura+0.1 |
|
document.getElementById("div_aura").style.opacity=opaciteAura |
|
} else { |
|
opaciteAura=0 |
|
clearInterval(t_aura) |
|
} |
|
} |
|
|
|
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="" |
|
} |
|
|
|
|