Team:METU-Ankara/Extras

From 2011.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
Line 1: Line 1:
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
 
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
     <!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" type="text/css" media="all" /><![endif]-->
-
+
     <!--[if IE 6]><link href="css/ie6.css" rel="stylesheet" type="text/css" media="all" /><![endif]-->
-
<head>
+
-
    <title>nmcDropDown Example Page</title>
+
-
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
-
    <meta name="language" content="en" />
+
-
+
-
    <link href="css/all.css" rel="stylesheet" type="text/css" media="all" />
+
-
     <!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" type="text/css" media="all" /><![endif]-->  
+
-
     <!--[if IE 6]><link href="css/ie6.css" rel="stylesheet" type="text/css" media="all" /><![endif]-->  
+
      
      
-
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>  
+
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
-
     <script src="js/site.js" type="text/javascript"></script>
+
     <script type="text/javascript">
-
</head>
+
$(document).ready(function() {
-
+
     
-
<body>
+
// Setup the nav drop-downs
-
     <div id="wrapper">  
+
$('#nav').nmcDropDown({
-
       
+
    show: {height: 'show', opacity: 'show'}
-
        <div id="header">  
+
});
-
            <h2 id="logo"><a href="{$base_url}">Site Name</a></h2>  
+
 
-
           
+
// Setup the sidebar panel drop-downs
-
             <ul id="nav">  
+
$('#sidebarNav').nmcDropDown({
-
                 <li><a href="#">Item One</a>  
+
    trigger: 'click',
-
                   <ul>  
+
     submenu_selector: 'p',
-
                     <li><a href="#">Sub-menu Item 1</a></li>  
+
    show: {height: 'show'},
-
                     <li><a href="#">Sub-menu Item 2</a></li>  
+
    hide: {height: 'hide'}
-
                     <li><a href="#">Sub-menu Item 3</a></li>  
+
});
-
                     <li><a href="#">Sub-menu Item 4</a></li>  
+
-
                   </ul>  
+
});
-
                 </li>  
+
 
-
              <li><a href="#">Item Two</a>  
+
 
-
                   <ul>  
+
/**
-
                     <li><a href="#">Sub-menu Item 1</a></li>  
+
* nmcDropDown plugin - v1.0.3
-
                     <li><a href="#">Sub-menu Item 2</a></li>  
+
* Author: Eli Van Zoeren
-
                     <li><a href="#">Sub-menu Item 3</a></li>  
+
* Copyright (c) 2009 New Media Campaigns
-
                     <li><a href="#">Sub-menu Item 4</a></li>  
+
* http://www.newmediacampaigns.com
-
                   </ul>  
+
**/
-
                 </li>  
+
(function(a){a.fn.nmcDropDown=function(b){var c=a.extend({},a.fn.nmcDropDown.defaults,b);return this.each(function(){menu=a(this);submenus=menu.children("li:has("+c.submenu_selector+")");if(c.fix_IE){menu.css("z-index",51).parents().each(function(d){if(a(this).css("position")=="relative"){a(this).css("z-index",(d+52))}});submenus.children(c.submenu_selector).css("z-index",50)}over=function(){a(this).addClass(c.active_class).children(c.submenu_selector).animate(c.show,c.show_speed);return false};out=function(){a(this).removeClass(c.active_class).children(c.submenu_selector).animate(c.hide,c.hide_speed);return false};if(c.trigger=="click"){submenus.toggle(over,out).children(c.submenu_selector).hide()}else{if(a().hoverIntent){submenus.hoverIntent({interval:c.show_delay,over:over,timeout:c.hide_delay,out:out}).children(c.submenu_selector).hide()}else{submenus.hover(over,out).children(c.submenu_selector).hide()}}})};a.fn.nmcDropDown.defaults={trigger:"hover",active_class:"open",submenu_selector:"ul",show:{opacity:"show"},show_speed:300,show_delay:50,hide:{opacity:"hide"},hide_speed:200,hide_delay:100,fix_IE:true}})(jQuery);
-
            <li><a href="#">Item Three</a>  
+
 
-
                   <ul>  
+
 
-
                     <li><a href="#">Sub-menu Item 1</a></li>  
+
/**
-
                     <li><a href="#">Sub-menu Item 2</a></li>  
+
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+
-
                     <li><a href="#">Sub-menu Item 3</a></li>  
+
* <http://cherne.net/brian/resources/jquery.hoverIntent.html>
-
                     <li><a href="#">Sub-menu Item 4</a></li>  
+
*
-
                   </ul>  
+
* @param  f  onMouseOver function || An object with configuration options
-
                 </li>  
+
* @param  g  onMouseOut function  || Nothing (use configuration options object)
-
            <li><a href="#">Item Three</a>  
+
* @author    Brian Cherne <brian@cherne.net>
-
                   <ul>  
+
*/
-
                     <li><a href="#">Sub-menu Item 1</a></li>  
+
(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery);
-
                     <li><a href="#">Sub-menu Item 2</a></li>  
+
-
                     <li><a href="#">Sub-menu Item 3</a></li>  
+
</script>
-
                     <li><a href="#">Sub-menu Item 4</a></li>  
+
</head>
-
                   </ul>  
+
 
-
                 </li>  
+
<body>
-
             </ul>  
+
 
-
        </div>
+
             <ul id="nav">
-
       
+
                 <li><a href="#">Item One</a>
-
        <div id="content">
+
                   <ul>
-
            <div id="body">
+
                     <li><a href="#">Sub-menu Item 1</a></li>
-
                <h1>Page Title</h1>
+
                     <li><a href="#">Sub-menu Item 2</a></li>
-
               
+
                     <li><a href="#">Sub-menu Item 3</a></li>
-
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu metus velit. Sed felis sem, venenatis at ullamcorper a, ornare sit amet nunc. Nunc id massa turpis. In dolor dui, ultricies sit amet mattis vel, cursus non eros. <a href="#">Pellentesque ut mi arcu</a>, ac scelerisque dolor. Phasellus neque nibh, tincidunt quis mattis vel, scelerisque et metus.</p>
+
                     <li><a href="#">Sub-menu Item 4</a></li>
-
               
+
                   </ul>
-
                <p>Nullam fermentum pulvinar porta. In hac habitasse platea dictumst. Phasellus non nunc diam, in lacinia dolor. Cras nec eros in metus elementum rhoncus. Phasellus viverra malesuada est, eu pharetra sapien mollis at.</p>
+
                 </li>
-
   
+
              <li><a href="#">Item Two</a>
-
    <h2>Nam accumsan dui at neque malesuada</h2>
+
                   <ul>
-
               
+
                     <li><a href="#">Sub-menu Item 1</a></li>
-
                <p>Curabitur vitae neque a lacus malesuada porta. Sed non condimentum risus. Nam malesuada, erat quis facilisis consectetur, neque felis varius ante, vel egestas dui urna a diam.</p>
+
                     <li><a href="#">Sub-menu Item 2</a></li>
-
            </div>
+
                     <li><a href="#">Sub-menu Item 3</a></li>
-
           
+
                     <li><a href="#">Sub-menu Item 4</a></li>
-
            <div id="sidebar">
+
                   </ul>
-
                <ul id="sidebarNav">
+
                 </li>
-
                    <li><a href="#">Item One</a>
+
            <li><a href="#">Item Three</a>
-
                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu metus velit.</p>
+
                   <ul>
-
                    </li>
+
                     <li><a href="#">Sub-menu Item 1</a></li>
-
                  <li><a href="#">Item Two</a>
+
                     <li><a href="#">Sub-menu Item 2</a></li>
-
                      <p>Nullam fermentum pulvinar porta. In hac habitasse platea dictumst. Phasellus non nunc diam, in lacinia dolor.</p>
+
                     <li><a href="#">Sub-menu Item 3</a></li>
-
                    </li>
+
                     <li><a href="#">Sub-menu Item 4</a></li>
-
                <li><a href="#">Item Three</a>
+
                   </ul>
-
                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu metus velit. Sed felis sem, venenatis at ullamcorper a, ornare sit amet nunc.</p>
+
                 </li>
-
                    </li>
+
            <li><a href="#">Item Three</a>
-
                <li><a href="#">Item Three</a>
+
                   <ul>
-
                      <p>Phasellus non nunc diam, in lacinia dolor. Cras nec eros in metus elementum rhoncus. Phasellus viverra malesuada est, eu pharetra sapien mollis at.</p>
+
                     <li><a href="#">Sub-menu Item 1</a></li>
-
                    </li>
+
                     <li><a href="#">Sub-menu Item 2</a></li>
-
                </ul>
+
                     <li><a href="#">Sub-menu Item 3</a></li>
-
            </div>
+
                     <li><a href="#">Sub-menu Item 4</a></li>
-
        </div>
+
                   </ul>
-
       
+
                 </li>
-
    </div>
+
             </ul>
-
<script type="text/javascript">  
+
 
-
+
 
 +
<script type="text/javascript">  
   var _gaq = _gaq || [];
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', 'UA-499901-76']);
   _gaq.push(['_setAccount', 'UA-499901-76']);
   _gaq.push(['_trackPageview']);
   _gaq.push(['_trackPageview']);
-
+
 
   (function() {
   (function() {
     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
Line 101: Line 96:
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
   })();
   })();
-
+
 
-
</script>  
+
</script>
-
</body>  
+
</body>
</html>
</html>

Latest revision as of 23:38, 5 August 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Retrieved from "http://2011.igem.org/Team:METU-Ankara/Extras"