Team:Grenoble/script

From 2012.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<script>
+
<script type="text/javascript">
-
var DDSPEED = 10;
+
$(document).ready(
-
var DDTIMER = 15;
+
function(){
 +
$("ul.topnav li").hover(
 +
function() {
 +
// Hover over
 +
$(this).parent().find("ul.subnav").hide();
 +
$(this).find("ul.subnav").show();
 +
// Hover out
 +
$(this).hover(
 +
function() {
 +
},
 +
function(){
 +
$(this).find("ul.subnav").hide();
 +
}
 +
);
 +
},
 +
function(){
 +
$(this).find("ul.subnav").hide();
 +
}
-
// main function to handle the mouse events //
+
);
-
function ddMenu(id,d){
+
}
-
  var h = document.getElementById(id + '-ddheader');
+
);
-
  var c = document.getElementById(id + '-ddcontent');
+
</script>
-
  clearInterval(c.timer);
+
-
  if(d == 1){
+
-
    clearTimeout(h.timer);
+
-
    if(c.maxh && c.maxh <= c.offsetHeight){return}
+
-
    else if(!c.maxh){
+
-
      c.style.display = 'block';
+
-
      c.style.height = 'auto';
+
-
      c.maxh = c.offsetHeight;
+
-
      c.style.height = '0px';
+
-
    }
+
-
    c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
+
-
  }else{
+
-
    h.timer = setTimeout(function(){ddCollapse(c)},50);
+
-
  }
+
-
}
+
-
// collapse the menu //
+
<!--<script type="text/javascript">
-
function ddCollapse(c){
+
$(document).ready(
-
  c.timer = setInterval(function(){ddSlide(c,-1)},DDTIMER);
+
function(){
-
}
+
$("ul.menu li").hover(
 +
function() {
 +
// Hover over
 +
$(this).parent().find("ul.submenu").hide();
 +
$(this).find("ul.submenu").show();
 +
// Hover out
 +
$(this).hover(
 +
function() {
 +
},
 +
function(){
 +
$(this).find("ul.submenu").hide();
 +
}
 +
);
 +
},
 +
function(){
 +
$(this).find("ul.submenu").hide();
 +
}
-
// cancel the collapse if a user rolls over the dropdown //
+
);
-
function cancelHide(id){
+
}
-
  var h = document.getElementById(id + '-ddheader');
+
);
-
  var c = document.getElementById(id + '-ddcontent');
+
</script>-->
-
  clearTimeout(h.timer);
+
 
-
  clearInterval(c.timer);
+
<script type="text/javascript">
-
  if(c.offsetHeight < c.maxh){
+
$(document).ready(
-
    c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
+
function(){
-
  }
+
$("ul.mini li").hover(
 +
function() {
 +
// Hover over
 +
$(this).parent().find("ul.maxi").hide();
 +
$(this).find("ul.maxi").show();
 +
// Hover out
 +
$(this).hover(
 +
function() {
 +
},
 +
function(){
 +
$(this).find("ul.maxi").hide();
 +
}
 +
);
 +
},
 +
function(){
 +
$(this).find("ul.maxi").hide();
 +
}
 +
 
 +
);
 +
}
 +
);
 +
</script>
 +
 
 +
<!--<script type="text/javascript">
 +
$(document).ready(
 +
function(){
 +
$("demo").hover(
 +
function() {
 +
// Hover over
 +
$(this).parent().find("to_hide").hide();
 +
$(this).find("to_hide").show();
 +
// Hover out
 +
$(this).hover(
 +
function() {
 +
},
 +
function(){
 +
$(this).find("to_hide").hide();
 +
}
 +
);
 +
},
 +
function(){
 +
$(this).find("to_hide").hide();
 +
}
 +
 
 +
);
 +
}
 +
);
 +
</script>-->
 +
 
 +
<script type="text/javascript">
 +
function swap_div(my_div, my_object)
 +
{
 +
if (document.getElementById(my_div).style.display == "none")
 +
{
 +
document.getElementById(my_div).style.display = "all";
 +
my_object.value = "Cacher";
}
}
 +
else
 +
{
 +
document.getElementById(my_div).style.display = "none";
 +
my_object.value = "Afficher";
 +
}
 +
}
 +
</script>
-
// incrementally expand/contract the dropdown and change the opacity //
+
 
-
function ddSlide(c,d){
+
<script type="text/javascript">
-
  var currh = c.offsetHeight;
+
// Méthode pour changer la visiblité d'une balise dont l'ID est passée en paramètre
-
  var dist;
+
function toggleVisibility(tagId) {
-
  if(d == 1){
+
if (!document.getElementById) {
-
    dist = (Math.round((c.maxh - currh) / DDSPEED));
+
msg = 'Votre navigateur est trop ancien pour profiter de votre visite\n';
-
  }else{
+
msg += 'Veuillez le mettre à jour ou vous en procurer un autre';
-
    dist = (Math.round(currh / DDSPEED));
+
return false;
-
  }
+
}
-
  if(dist <= 1 && d == 1){
+
var tagToToggle;
-
    dist = 1;
+
try { // On tente de récupérer la balise cible dont on doit changer la visibilité
-
  }
+
tagToToggle = document.getElementById(tagId);
-
  c.style.height = currh + (dist * d) + 'px';
+
} catch (e) { // Si échec de la récupération de la balise cible
-
  c.style.opacity = currh / c.maxh;
+
alert('Je n\'ai pas pu trouver la balise cible');
-
  c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')';
+
}
-
  if((currh < 2 && d != 1) || (currh > (c.maxh - 2) && d == 1)){
+
try { // Seulement pour les non IE
-
    clearInterval(c.timer);
+
if (tagToToggle.style.display == 'none') {
-
  }
+
tagToToggle.style.display = 'inline';
 +
} else {
 +
tagToToggle.style.display = 'none';
 +
}
 +
} catch (e) {
 +
}
 +
// Pour IE
 +
if (tagToToggle.style.visibility == 'hidden') {
 +
tagToToggle.style.visibility = 'visible';
 +
} else {
 +
tagToToggle.style.visibility = 'hidden';
 +
}
}
}
</script>
</script>
 +
 +
</html>
</html>

Latest revision as of 00:10, 26 September 2012