Template:METU-Ankara header

From 2011.igem.org

(Difference between revisions)
Line 205: Line 205:
-
.homesec{
+
#home.sec{
     width:96px;
     width:96px;
     height: 30px;
     height: 30px;
     background: url("http://ascmedikal.com/igem/home_h.png") no-repeat;
     background: url("http://ascmedikal.com/igem/home_h.png") no-repeat;
}
}
-
.projectsec {
+
#project.sec {
     width:127px;
     width:127px;
     height: 38px;
     height: 38px;
     background: url("http://ascmedikal.com/igem/project_h.png") no-repeat;
     background: url("http://ascmedikal.com/igem/project_h.png") no-repeat;
}
}
-
.wetlabsec {
+
#wetlab.sec {
     width:145px;
     width:145px;
     height: 30px;
     height: 30px;
     background: url("http://ascmedikal.com/igem/wetlab_h.png") no-repeat;
     background: url("http://ascmedikal.com/igem/wetlab_h.png") no-repeat;
}
}
-
.humanpracsec {
+
#humanprac.sec {
     width:268px;
     width:268px;
     height: 31px;
     height: 31px;
     background: url("http://ascmedikal.com/igem/humanprac_h.png") no-repeat;
     background: url("http://ascmedikal.com/igem/humanprac_h.png") no-repeat;
}
}
-
.safetysec {
+
#safety.sec {
     width:112px;
     width:112px;
     height: 37px;
     height: 37px;
     background: url("http://ascmedikal.com/igem/safety_h.png") no-repeat;
     background: url("http://ascmedikal.com/igem/safety_h.png") no-repeat;
}
}
-
.futurework {
+
#future.work {
     width:223px;
     width:223px;
     height: 30px;
     height: 30px;
     background: url("http://ascmedikal.com/igem/futurework_h.png") no-repeat;
     background: url("http://ascmedikal.com/igem/futurework_h.png") no-repeat;
}
}
-
.extrassec {
+
#extras.sec {
     width:117px;
     width:117px;
     height: 30px;
     height: 30px;
     background: url("http://ascmedikal.com/igem/extras_h.png") no-repeat;
     background: url("http://ascmedikal.com/igem/extras_h.png") no-repeat;
}
}
-
.teamsec {
+
#team.sec {
     width:94px;
     width:94px;
     height: 30px;
     height: 30px;
Line 246: Line 246:
}
}
</style>
</style>
-
<script language="javascript" type="text/javascript">
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
-
   
+
//Jquery kütüphanemizi ekliyoruz
-
        function changeCssClass(objDivID)
+
-
        {
+
<script type="text/javascript">
-
            if(document.getElementById(objDivID).className=='home')
+
 
-
            {
+
$(document).ready(function(){  
-
                document.getElementById(objDivID).className = 'homesec';
+
      var link = location.href;//Tarayıcıdan linki(url) çekiyoruz.
-
            }
+
          if (link == "https://2011.igem.org/Team:METU-Ankara/"){  
-
            if(document.getElementById(objDivID).className=='project')
+
          $("#home").addClass("sec"); /*hm id'li nesneye secili classını ekletiyoruz.
-
            {
+
Bu nesne yukarıdaki html kodlarında görülebileceği gibi anasayfa seçeneği. */
-
                document.getElementById(objDivID).className = 'projectsec';
+
-
            }
+
-
            if(document.getElementById(objDivID).className=='wetlab')
+
-
            {
+
-
                document.getElementById(objDivID).className = 'wetlabsec';
+
-
            }
+
-
            if(document.getElementById(objDivID).className=='humanprac')
+
-
            {
+
-
                document.getElementById(objDivID).className = 'humanpracsec';
+
-
            }
+
-
            if(document.getElementById(objDivID).className=='safety')
+
-
            {
+
-
                document.getElementById(objDivID).className = 'safetysec';
+
-
            }
+
-
            if(document.getElementById(objDivID).className=='futurework')
+
-
            {
+
-
                document.getElementById(objDivID).className = 'futureworksec';
+
-
            }
+
-
            if(document.getElementById(objDivID).className=='extras')
+
-
            {
+
-
                document.getElementById(objDivID).className = 'extrassec';
+
-
            }
+
-
            if(document.getElementById(objDivID).className=='team')
+
-
            {
+
-
                document.getElementById(objDivID).className = 'teamsec';
+
-
            }
+
       }
       }
 +
          else if(link == "https://2011.igem.org/Team:METU-Ankara/Project"){
 +
/* else if  kontrolü ile diğer eşitlik durumları için de stillerimizi ekliyoruz.*/
 +
          $("#project").addClass("sec"); 
 +
      }
 +
          else if(link == "http://www.kodbeyin.com/2011/06/arsiv.html"){
 +
          $("#wetlab").addClass("sec"); 
 +
      }
 +
          else if(link == "http://www.kodbeyin.com/2011/06/iletisim.html"){
 +
          $("#humanprac").addClass("secili");
 +
      }
 +
          else if(link == "http://www.kodbeyin.com/2011/06/arsiv.html"){
 +
          $("#wetlab").addClass("sec"); 
 +
      }
 +
          else if(link == "https://2011.igem.org/Team:METU-Ankara/Safety"){
 +
          $("#safety").addClass("sec"); 
 +
      }
 +
          else if(link == "http://www.kodbeyin.com/2011/06/arsiv.html"){
 +
          $("#futurework").addClass("sec"); 
 +
      }
 +
          else if(link == "http://www.kodbeyin.com/2011/06/arsiv.html"){
 +
          $("#extras").addClass("sec"); 
 +
      }
 +
          else if(link == "https://2011.igem.org/Team:METU-Ankara/Team"){
 +
          $("#team").addClass("sec"); 
 +
      }
 +
      };       
 +
});
 +
</script>
</script>
-
<script type="text/javascript">
 
-
    $(function () {
 
-
          $("#menu ul li a:eq(" + aktif_menu + ")").removeClass("li_menu");
 
-
            $("#menu ul li a:eq(" + aktif_menu + ")").addClass("on");
 
-
        });
 
-
    </script>
 
-
    <script type="text/javascript">
 
-
        var aktif_menu = 1;
 
-
    </script>
 
</html>
</html>

Revision as of 21:24, 25 August 2011

//Jquery kütüphanemizi ekliyoruz