Skip to content

O
OpenBoard
Commit f7a7e94a authored by unknown's avatar unknown
Browse files
Options

updating iCell-app

parent 7a95ca19
Hide whitespace changes
Inline Side-by-side
Showing with 323 additions and 286 deletions
resources/library/interactive/iCell.wgt/js/script.js
View file @ f7a7e94a
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 //dure 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 accder l'ADN depuis le noyau var noyauSel = false //pour pouvoir accиder а l'ADN depuis le noyau
var loupe_on = false // permet d'accder 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'accder 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 affiches 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;
loupe_on = false var click_Cacher = true;
afficherInfosOrganite(txt_vesicule) function vesicule() {
document.getElementById("img_organite").src="images/vesic_in.jpg" loupe_on = false
document.getElementById("div_organite").style.zIndex="1" //console.log("vesicule");
document.getElementById("div_aura").style.zIndex="-1" afficherInfosOrganite(txt_vesicule)
t_div=setInterval(afficherDIV,tempsAnim) document.getElementById("img_organite").src="images/vesic_in.jpg"
} document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
function lysosome() { t_div=setInterval(afficherDIV,tempsAnim)
loupe_on = false }
afficherInfosOrganite(txt_lysosome) function lysosome() {
document.getElementById("img_organite").src="images/lys_in.jpg" loupe_on = false
document.getElementById("div_organite").style.zIndex="1" //console.log("lysosome");
document.getElementById("div_aura").style.zIndex="-1" afficherInfosOrganite(txt_lysosome)
t_div=setInterval(afficherDIV,tempsAnim) document.getElementById("img_organite").src="images/lys_in.jpg"
} document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
function mitoch() { t_div=setInterval(afficherDIV,tempsAnim)
loupe_on = false }
afficherInfosOrganite(txt_mitoch) function mitoch() {
document.getElementById("img_organite").src="images/mitoch_in.jpg" loupe_on = false
document.getElementById("div_organite").style.zIndex="1" //console.log("mitoch");
document.getElementById("div_aura").style.zIndex="-1" afficherInfosOrganite(txt_mitoch)
t_div=setInterval(afficherDIV,tempsAnim) document.getElementById("img_organite").src="images/mitoch_in.jpg"
} document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
function golgi () { t_div=setInterval(afficherDIV,tempsAnim)
loupe_on = false }
afficherInfosOrganite(txt_golgi) function golgi () {
document.getElementById("img_organite").src="images/golgi_in.jpg" loupe_on = false
document.getElementById("div_organite").style.zIndex="1" //console.log("golgi");
document.getElementById("div_aura").style.zIndex="-1" afficherInfosOrganite(txt_golgi)
t_div=setInterval(afficherDIV,tempsAnim) document.getElementById("img_organite").src="images/golgi_in.jpg"
} document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
function rer() { t_div=setInterval(afficherDIV,tempsAnim)
loupe_on = false }
afficherInfosOrganite(txt_rer) function rer() {
document.getElementById("img_organite").src="images/rer_in.jpg" loupe_on = false
document.getElementById("div_organite").style.zIndex="1" //console.log("rer");
document.getElementById("div_aura").style.zIndex="-1" afficherInfosOrganite(txt_rer)
t_div=setInterval(afficherDIV,tempsAnim) document.getElementById("img_organite").src="images/rer_in.jpg"
} document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
function noy() { t_div=setInterval(afficherDIV,tempsAnim)
loupe_on = false }
afficherInfosOrganite(txt_noy) function noy() {
document.getElementById("img_organite").src="images/noy_in.jpg" loupe_on = false
noyauSel = true //console.log("noy");
document.getElementById("div_organite").style.zIndex="1" afficherInfosOrganite(txt_noy)
document.getElementById("div_aura").style.zIndex="-1" document.getElementById("img_organite").src="images/noy_in.jpg"
t_div=setInterval(afficherDIV,tempsAnim) noyauSel = true
} document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
function rel() { t_div=setInterval(afficherDIV,tempsAnim)
loupe_on = false }
afficherInfosOrganite(txt_rel) function rel() {
document.getElementById("img_organite").src="images/rel_in.jpg" loupe_on = false
document.getElementById("div_organite").style.zIndex="1" //console.log("rel");
document.getElementById("div_aura").style.zIndex="-1" afficherInfosOrganite(txt_rel)
t_div=setInterval(afficherDIV,tempsAnim) document.getElementById("img_organite").src="images/rel_in.jpg"
} document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
function adn() { t_div=setInterval(afficherDIV,tempsAnim)
if(noyauSel) { }
elt_a_zoomer="ADN"
loupe_on = true function adn() {
noyauSel = false //console.log("adn");
if(noyauSel) {
elt_a_zoomer="ADN"
loupe_on = true
noyauSel = false
afficherInfosOrganite(txt_adn) afficherInfosOrganite(txt_adn)
document.getElementById("div_zoom").innerHTML='<img src="images/'+elt_a_zoomer+'_zoom.jpg" alt="" />' document.getElementById("div_zoom").innerHTML='<img src="images/'+elt_a_zoomer+'_zoom.jpg" alt="" />'
/*Uniboard 4 ne supportant pas bien les gifs...*/ /*Uniboard 4 ne supportant pas bien les gifs...*/
if(window.uniboard){ if(window.uniboard){
document.getElementById("img_ADN").src="images/adn.jpg" document.getElementById("img_ADN").src="images/adn.jpg"
} else { } else {
document.getElementById("img_ADN").src="images/ADN.gif" document.getElementById("img_ADN").src="images/ADN.gif"
} }
document.getElementById("img_organite").src="images/fond_ADN.png" document.getElementById("img_organite").src="images/fond_ADN.png"
document.getElementById("div_organite").style.zIndex="3" document.getElementById("div_organite").style.zIndex="3"
document.getElementById("div_aura").style.zIndex="-1" document.getElementById("div_aura").style.zIndex="-1"
document.getElementById("div_ADN").style.zIndex="2" document.getElementById("div_ADN").style.zIndex="2"
} }
} }
function rib() { function rib() {
interactif_on="ARN" interactif_on="ARN"
loupe_on = false loupe_on = false
//console.log("rib");
afficherInfosOrganite(txt_rib) afficherInfosOrganite(txt_rib)
document.getElementById("img_organite").src="images/rib_in.jpg" document.getElementById("img_organite").src="images/rib_in.jpg"
document.getElementById("div_organite").style.zIndex="1" document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1" document.getElementById("div_aura").style.zIndex="-1"
t_div=setInterval(afficherDIV,tempsAnim) t_div=setInterval(afficherDIV,tempsAnim)
} }
function centriole(){ function centriole(){
loupe_on = false 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="" />'
afficherInfosOrganite(txt_centr) document.getElementById("img_organite").src="images/ARN_in.jpg"
document.getElementById("img_organite").src="images/centriole_in.jpg" document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_organite").style.zIndex="1" document.getElementById("div_aura").style.zIndex="-1"
document.getElementById("div_aura").style.zIndex="-1" }
t_div=setInterval(afficherDIV,tempsAnim)
} function nucl(){
loupe_on = false
function arn(){ //console.log(" nucl");
elt_a_zoomer="ARN" afficherInfosOrganite(txt_nucl)
loupe_on = true 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
}
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 clicINFOS() {
loupe_on = false
afficherInfosOrganite(txt_nucl) if (INFOS_affiche && click_INFO) {
document.getElementById("img_organite").src="images/nucl_in.jpg" //console.log("INFOS_affiche");
document.getElementById("div_organite").style.zIndex="1" t_inf=setInterval(cacherINFOS,50)
document.getElementById("div_aura").style.zIndex="-1" click_INFO = false;
t_div=setInterval(afficherDIV,tempsAnim) }
}
/*Fonctions relatives la div d'infos*/
function infos() {
if(!INFOS_affiche){
document.getElementById("div_infos").style.zIndex="4"
t_inf=setInterval(afficherINFOS,50)
}
}
function 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) {
t_inf=setInterval(cacherINFOS,50)
}
if (ZOOM_affiche) {
t_zoom=setInterval(cacherZOOM,50)
}
}
function 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(){
if(loupe_on&&!ZOOM_affiche){ 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() zoom()
} }
if(interactif_on) { if(interactif_on) {
} }
if(interactif_on=="ARN") { if(interactif_on=="ARN") {
arn() arn()
} }
}
function zoom() {
document.getElementById("div_zoom").style.zIndex="4"
t_zoom=setInterval(afficherZOOM,50)
}
function afficherZOOM() {
if (opaciteZOOM<1) { }
opaciteZOOM=opaciteZOOM+0.1
document.getElementById("div_zoom").style.opacity=opaciteZOOM function zoom() {
} else { //console.log("zoom");
clearInterval(t_zoom) document.getElementById("div_zoom").style.zIndex="4"
ZOOM_affiche=true t_zoom=setInterval(afficherZOOM,50);
} ZOOM_affiche = true;
} }
function cacherZOOM() { function afficherZOOM() {
if (opaciteZOOM>0) { //console.log("afficherZOOM");
opaciteZOOM=opaciteZOOM-0.1 if (opaciteZOOM<1) {
document.getElementById("div_zoom").style.opacity=opaciteZOOM opaciteZOOM=opaciteZOOM+0.1
} else { document.getElementById("div_zoom").style.opacity=opaciteZOOM
document.getElementById("div_zoom").style.zIndex="-2" } else {
clearInterval(t_zoom) clearInterval(t_zoom)
ZOOM_affiche=false ZOOM_affiche=true
} click_ZOOM = true;
} }
}
/*Animations relatives la div organites*/ function cacherZOOM() {
function afficherDIV() { //console.log("cacherZOOM");
if (opaciteDIV<1) { if (opaciteZOOM>0) {
opaciteDIV=opaciteDIV+0.1 opaciteZOOM=opaciteZOOM-0.1
document.getElementById("div_organite").style.opacity=opaciteDIV document.getElementById("div_zoom").style.opacity=opaciteZOOM
} else { } else {
clearInterval(t_div) document.getElementById("div_zoom").style.zIndex="-2"
} clearInterval(t_zoom)
} ZOOM_affiche=false
}
}
function cacherDIV() {
/*Instructions relatives l'ADN*/ /*Animations relatives а la div organites*/
interactif_on=false function afficherDIV() {
noyauSel = false if(click_EXIT){
document.getElementById("div_ADN").style.zIndex="-2" //console.log("afficherDIV");
document.getElementById("img_ADN").src="" if (opaciteDIV<1) {
opaciteDIV=opaciteDIV+0.1
if (opaciteDIV>0) { document.getElementById("div_organite").style.opacity=opaciteDIV
opaciteDIV=opaciteDIV-0.1 } else {
document.getElementById("div_organite").style.opacity=opaciteDIV clearInterval(t_div)
} else { click_EXIT = false;
document.getElementById("div_organite").style.zIndex="-1" click_Cacher = true;
clearInterval(t_div) }
} }
} }
function afficherInfosOrganite(nomOrg) {
document.getElementById("div_infos").innerHTML=nomOrg function cacherDIV() {
}
if(!click_EXIT){
/*Animation d'intro //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() { function intro() {
if (opaciteDIV<1) { if (opaciteDIV<1) {
opaciteDIV=opaciteDIV+0.1 opaciteDIV=opaciteDIV+0.1
...@@ -282,27 +316,30 @@ ...@@ -282,27 +316,30 @@
} }
}*/ }*/
/*Affichage de l'aura au passage de la souris*/ /*Affichage de l'aura au passage de la souris*/
function aura(txt) { function aura(txt) {
document.getElementById("div_aura").style.zIndex="2" //console.log("aura");
document.getElementById("img_aura").src="images/"+txt+"_aura.png" document.getElementById("div_aura").style.zIndex="2"
t_aura=setInterval(animAura,tempsAnim) document.getElementById("img_aura").src="images/"+txt+"_aura.png"
} t_aura=setInterval(animAura,tempsAnim)
}
function animAura(){
if (opaciteAura<1) { function animAura(){
opaciteAura=opaciteAura+0.1 //console.log("animAura");
document.getElementById("div_aura").style.opacity=opaciteAura if (opaciteAura<1) {
} else { opaciteAura=opaciteAura+0.1
opaciteAura=0 document.getElementById("div_aura").style.opacity=opaciteAura
clearInterval(t_aura) } else {
} opaciteAura=0
} clearInterval(t_aura)
}
function auraOut(){ }
clearInterval(t_aura)
document.getElementById("div_aura").style.opacity=0 function auraOut(){
document.getElementById("div_aura").style.zIndex="-1" //console.log("auraOut");
document.getElementById("img_aura").src="" 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
View file @ f7a7e94a
...@@ -76,7 +76,7 @@ ...@@ -76,7 +76,7 @@
</map> </map>
<map name="mapOrganite" id="mapOrganite"> <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="416,477,19" onclick="infos()" alt=""/>
<area shape="circle" coords="469,477,19" alt="" onclick="loupe_interact()"/> <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()"/> <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()"/>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment