Team:METU-Ankara/Extras

From 2011.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 2: Line 2:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-
<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 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]-->
     <!--[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">
 +
$(document).ready(function() {
 +
     
 +
// Setup the nav drop-downs
 +
$('#nav').nmcDropDown({
 +
    show: {height: 'show', opacity: 'show'}
 +
});
 +
 
 +
// Setup the sidebar panel drop-downs
 +
$('#sidebarNav').nmcDropDown({
 +
    trigger: 'click',
 +
    submenu_selector: 'p',
 +
    show: {height: 'show'},
 +
    hide: {height: 'hide'}
 +
});
 +
 +
});
 +
 
 +
 
 +
/**
 +
* nmcDropDown plugin - v1.0.3
 +
* Author: Eli Van Zoeren
 +
* Copyright (c) 2009 New Media Campaigns
 +
* http://www.newmediacampaigns.com
 +
**/
 +
(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);
 +
 
 +
 
 +
/**
 +
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+
 +
* <http://cherne.net/brian/resources/jquery.hoverIntent.html>
 +
*
 +
* @param  f  onMouseOver function || An object with configuration options
 +
* @param  g  onMouseOut function  || Nothing (use configuration options object)
 +
* @author    Brian Cherne <brian@cherne.net>
 +
*/
 +
(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);
 +
 +
</script>
</head>
</head>
<body>
<body>
-
    <div id="wrapper">
+
 
-
       
+
-
        <div id="header">
+
-
            <h2 id="logo"><a href="{$base_url}">Site Name</a></h2>
+
-
           
+
             <ul id="nav">
             <ul id="nav">
                 <li><a href="#">Item One</a>
                 <li><a href="#">Item One</a>
Line 55: Line 84:
                 </li>
                 </li>
             </ul>
             </ul>
-
        </div>
 
-
       
 
-
        <div id="content">
 
-
            <div id="body">
 
-
                <h1>Page Title</h1>
 
-
               
 
-
                <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>
 
-
               
 
-
                <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>
 
-
   
 
-
    <h2>Nam accumsan dui at neque malesuada</h2>
 
-
               
 
-
                <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>
 
-
            </div>
 
-
           
 
-
            <div id="sidebar">
 
-
                <ul id="sidebarNav">
 
-
                    <li><a href="#">Item One</a>
 
-
                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu metus velit.</p>
 
-
                    </li>
 
-
                  <li><a href="#">Item Two</a>
 
-
                      <p>Nullam fermentum pulvinar porta. In hac habitasse platea dictumst. Phasellus non nunc diam, in lacinia dolor.</p>
 
-
                    </li>
 
-
                <li><a href="#">Item Three</a>
 
-
                      <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><a href="#">Item Three</a>
 
-
                      <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>
 
-
                </ul>
 
-
            </div>
 
-
        </div>
 
-
       
 
-
    </div>
 
-
<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']);

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"