MOS
/
OpenBoard
5
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

updating iCell-app

Browse Source
preferencesAboutTextFull
unknown 13 years ago
parent 7a95ca19d6
commit f7a7e94a2b
2 changed files with 323 additions and 286 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 607
      resources/library/interactive/iCell.wgt/js/script.js
  2. 2
      resources/library/interactive/iCell.wgt/widget.html

607
resources/library/interactive/iCell.wgt/js/script.js
Unescape View File

@ -1,277 +1,311 @@
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
function vesicule() {
loupe_on = false
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
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
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
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
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
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
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() {
if(noyauSel) {
elt_a_zoomer="ADN"
loupe_on = true
noyauSel = false
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="" />'
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.uniboard){
document.getElementById("img_ADN").src="images/adn.jpg"
} else {
document.getElementById("img_ADN").src="images/ADN.gif"
}
/*Uniboard 4 ne supportant pas bien les gifs...*/
if(window.uniboard){
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
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
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="" />'
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
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
}
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
function clicINFOS() {
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() {
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 (INFOS_affiche && click_INFO) {
//console.log("INFOS_affiche");
t_inf=setInterval(cacherINFOS,50)
click_INFO = false;
}
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()
}
if(interactif_on) {
zoom()
}
if(interactif_on) {
}
if(interactif_on=="ARN") {
arn()
}
}
function zoom() {
document.getElementById("div_zoom").style.zIndex="4"
t_zoom=setInterval(afficherZOOM,50)
}
function afficherZOOM() {
}
if(interactif_on=="ARN") {
arn()
}
if (opaciteZOOM<1) {
opaciteZOOM=opaciteZOOM+0.1
document.getElementById("div_zoom").style.opacity=opaciteZOOM
} else {
clearInterval(t_zoom)
ZOOM_affiche=true
}
}
function 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 (opaciteDIV<1) {
opaciteDIV=opaciteDIV+0.1
document.getElementById("div_organite").style.opacity=opaciteDIV
} else {
clearInterval(t_div)
}
}
function cacherDIV() {
/*Instructions relatives à l'ADN*/
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)
}
}
function afficherInfosOrganite(nomOrg) {
document.getElementById("div_infos").innerHTML=nomOrg
}
/*Animation d'intro
}
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
@ -282,27 +316,30 @@
}
}*/
/*Affichage de l'aura au passage de la souris*/
function aura(txt) {
document.getElementById("div_aura").style.zIndex="2"
document.getElementById("img_aura").src="images/"+txt+"_aura.png"
t_aura=setInterval(animAura,tempsAnim)
}
function animAura(){
if (opaciteAura<1) {
opaciteAura=opaciteAura+0.1
document.getElementById("div_aura").style.opacity=opaciteAura
} else {
opaciteAura=0
clearInterval(t_aura)
}
}
function auraOut(){
clearInterval(t_aura)
document.getElementById("div_aura").style.opacity=0
document.getElementById("div_aura").style.zIndex="-1"
document.getElementById("img_aura").src=""
}
/*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=""
}

2
resources/library/interactive/iCell.wgt/widget.html
Unescape View File

@ -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()"/>

Write Preview
Loading…
Cancel
Save