Team:ATOMS-Turkiye/Templates/Head

Revision as of 09:06, 3 October 2013 (view source)

Bushra (Talk | contribs)

← Older edit

Latest revision as of 03:09, 5 October 2013 (view source)

Bushra (Talk | contribs)

(33 intermediate revisions not shown)

Line 4:

-

UpdateTableHeaders ~~= function~~ () {

+

function UpdateTableHeaders() {

-

/*

+

a = $(".persistmenu").eq(1);

-

~~var el~~ = $("~~#menu~~"),

+

b = $(".floatingHeader");

-

~~offset~~ = ~~el.offset~~(),

+

topasd = $(window).scrollTop();

-

~~scrollTop~~ = $(window).scrollTop(),

+

//console.log("asd "+topasd+" "+a.offset().top+" "+b.offset().top);

-

~~floatingHeader = $~~(".~~floatingHeader~~");

+

if( (topasd>a.offset().top) )

-

+

b.css("visibility","visible");

-

if ((~~scrollTop~~ > offset~~.top~~) ~~&& (scrollTop < offset~~.top ~~+ el.height(~~))~~) {~~

+

else

-

~~floatingHeader~~.css({

+

b.css("visibility","hidden");

-

"visibility": "visible"

+

-

});

+

-

} else {

+

-

~~floatingHeader~~.css({

+

-

"visibility": "hidden"

+

-

});

+

-

~~}*/~~

+

}

$(document).ready(function(){

-

$("#menu li ul").hide();

+

var clonedHeader = $("#menu").clone();

+

$("#menu").before(clonedHeader);

+

clonedHeader

+

.css("width", clonedHeader.width())

+

.css("z-index","100")

+

.addClass("floatingHeader");

+

$(window)

+

.scroll(UpdateTableHeaders)

+

.trigger("scroll");

+

$("#menu li").find("ul").hide();

$('#menu li').mouseenter(function(){

-

v=$(this).find('ul');

+

v=$(this).find('ul').eq(0);

v.show();

v.css("z-index","100");

+

if(v.hasClass("submenu"))

+

v.css({"display": "block", "z-index": "100", "left": "10em", "position": "absolute", "top": "0"});

});

Line 34:

Line 41:

});

-

~~clonedHeader =~~ $("#~~menu~~").~~clone();~~

+

$("#header a").css({ "background":"transparent", "padding":"0"});

-

$("~~#menu~~"~~).before(clonedHeder);~~

+

-

~~clonedHeader~~

+

-

~~.css(~~"~~width~~", ~~clonedHeader.width())~~

+

-

~~.addClass(~~"~~floatingHeader~~");

+

-

~~$(window)~~

-

~~.scroll(UpdateTableHeaders)~~

-

~~.trigger("scroll");~~

});

Line 48:

// DOM Ready

</script>

-

+

-

+

-

+

<div id="fbink" style="float:right;margin: 7px;display: inline-block;"/><a href="https://www.facebook.com/AtomsTurkiye"><image src="

-

+

https://static.igem.org/mediawiki/2013/6/68/Oncoli-fb-link.png"/></a></div>

+

<div id="twlink" style="float:right;margin: 7px;display: inline-block;"/><a href="https://twitter.com/Atoms_Turkiye"><image src="

+

https://static.igem.org/mediawiki/2013/8/8b/Oncoli-tw-link.png"/></a></div>

+

<div id="igemlogo" style="float:right;margin: 3px;display: inline-block;"/><a href="https://2013.igem.org/Main_Page"><image src="

+

https://static.igem.org/mediawiki/2013/a/aa/Oncoli-igem-link.png"/></a></div>

</div>

-

+

<li><a href="/Team:ATOMS-Turkiye/Project">Project</a>

-

<ul>

+

<ul>

-

<li><a href="/Team:ATOMS-Turkiye/Project">Overview</a></li>

+

<li><a href="/Team:ATOMS-Turkiye/Project">Overview</a></li>

-

<li><a href="/Team:ATOMS-Turkiye/Project">~~Background~~</a></li>

+

<li><a style="cursor:default">Modules</a>

-

<li><a href="/Team:ATOMS-Turkiye/Project">~~Modules~~</a></li>

+

-

</ul>

+

<li><a href="/Team:ATOMS-Turkiye/Project/Module1">Module I</a>

+

+

<li><a href="/Team:ATOMS-Turkiye/Project/Module1">Overview</a></li>

+

<li><a href="/Team:ATOMS-Turkiye/Project/Module1/Goals">Goals & Challenges</a></li>

+

<li><a href="/Team:ATOMS-Turkiye/Project/Module1/Design">Design</a></li>

+

<li><a href="/Team:ATOMS-Turkiye/Project/Module1/Experiment">Experiments & Results</a></li>

+

+

<li><a href="/Team:ATOMS-Turkiye/Project/Module1/Future">Future Plan</a></li>

+

</ul>

+

</li>

+

<li><a href="/Team:ATOMS-Turkiye/Project/Module2">Module II</a>

+

+

<li><a href="/Team:ATOMS-Turkiye/Project/Module2">Overview</a></li>

+

<li><a href="/Team:ATOMS-Turkiye/Project/Module2/Goals">Goals & Challenges</a></li>

+

<li><a href="/Team:ATOMS-Turkiye/Project/Module2/Design">Design</a></li>

+

<li><a href="/Team:ATOMS-Turkiye/Project/Module2/Experiment">Experiments & Results</a></li>

+

+

<li><a href="/Team:ATOMS-Turkiye/Project/Module2/Future">Future Plan</a></li>

+

</ul>

+

</li>

+

</ul>

+

</li>

+

<li><a href="http://parts.igem.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2013&group=ATOMS-Turkiye">BioBricks</a></li>

+

</ul>

</li>

-

<li style="width:15%"><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice">Human Practice</a>

+

<li style="width:16.5%"><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice">Human Practice</a>

<ul>

-

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice">Overview</a></li>

+

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/Overview">Overview</a></li>

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/SynPhilo">SynPhilo</a></li>

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/SynArt">SynArt</a></li>

-

~~<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/Game">Game</a></li>~~

-

~~<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/Public Outreach">Public Outreach</a></li>~~

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/Safety">SynSafe</a></li>

+

+

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/Public Outreach">Outreach</a></li>

+

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/Highschool">High School Achievements</a></li>

</ul>

</li>

-

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Safety">Safety</a>

+

<li style="width:11%"><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Safety">Safety</a>

<ul>

-

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Safety">~~Atoms~~ Safety</a></li>

+

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Safety/Oncoli">Oncoli Safety</a></li>

-

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Safety/~~igem~~">~~iGEM~~ Safety</a></li>

+

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Safety/Lab">Lab Safety</a></li>

-

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/~~Safety~~/~~synsafe~~">SynSafe</a></li>

+

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/Safety">SynSafe</a></li>

</ul>

</li>

-

+

<ul>

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Lab/Notebook">Notebook</a></li>

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Lab/Protocols">Protocols</a></li>

+

</ul>

</li>

-

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Achievements">Achievements</a></li>

+

<li style="width:15%"><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Achievements">Achievements</a></li>

-

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Attributions">Attributions</a>

+

<li style="width:15%"><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Attributions">Attributions</a>

<ul>

-

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Attributions/~~Collab~~">Collaborations</a></li>

+

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Attributions/Collaborations">Collaborations</a></li>

-

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Attributions/~~thanks~~">Our Thanks</a></li>

+

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Attributions/OurThanks">Our Thanks</a></li>

</ul>

</li>

</ul>

</html>

@@ Line 4: / Line 4: @@
-UpdateTableHeaders = function () {
+function UpdateTableHeaders() {
-/*
+ a = $(".persistmenu").eq(1);
-       var el             = $("#menu"),
+ b = $(".floatingHeader");
-           offset         = el.offset(),
+ topasd = $(window).scrollTop();
-           scrollTop      = $(window).scrollTop(),
+ //console.log("asd "+topasd+"  "+a.offset().top+" "+b.offset().top);
-           floatingHeader = $(".floatingHeader");
+ if( (topasd>a.offset().top) )
+   b.css("visibility","visible");
-       if ((scrollTop > offset.top) && (scrollTop < offset.top + el.height())) {
+ else
-           floatingHeader.css({
+   b.css("visibility","hidden");
-            "visibility": "visible"
-           });
-       } else {
-           floatingHeader.css({
-            "visibility": "hidden"
-           });
-       }*/
 }
 $(document).ready(function(){
-  $("#menu li ul").hide();
+ var clonedHeader = $("#menu").clone();
+ $("#menu").before(clonedHeader);
+ clonedHeader
+         .css("width", clonedHeader.width())
+         .css("z-index","100")
+         .addClass("floatingHeader");
+ $(window)
+    .scroll(UpdateTableHeaders)
+    .trigger("scroll");
+  $("#menu li").find("ul").hide();
   $('#menu li').mouseenter(function(){
-   v=$(this).find('ul');
+   v=$(this).find('ul').eq(0);
    v.show();
    v.css("z-index","100");
+  if(v.hasClass("submenu"))
+    v.css({"display": "block", "z-index": "100", "left": "10em", "position": "absolute", "top": "0"});
   });
@@ Line 34: / Line 41: @@
   });
-  clonedHeader = $("#menu").clone();
+  $("#header a").css({ "background":"transparent", "padding":"0"});
- $("#menu").before(clonedHeder);
- clonedHeader
-         .css("width", clonedHeader.width())
-         .addClass("floatingHeader");
- $(window)
-    .scroll(UpdateTableHeaders)
-    .trigger("scroll");
 });
@@ Line 48: / Line 48: @@
 // DOM Ready
 </script>
-<div id="header">
+<div id="header" style="background-image:url('https://static.igem.org/mediawiki/2013/4/45/Oncoli-head-bg.jpg');">
-<div id="teamlogo" class="headerimage" style="width:20%;"><image src="https://static.igem.org/mediawiki/2013/f/f0/Atoms-turkiye.jpg" style="max-width:100%; max-height:100%;"/></div>
+<div id="projectlogo" style="margin: 16px;margin-left: 40px;display: inline-block;"/><a href="/Team:ATOMS-Turkiye"><image src="https://static.igem.org/mediawiki/2013/a/ac/Oncoli-logo.png"/></a></div>
-<div id="projectlogo" class="headerimage" style="width:60%;font-size:80px;line-height: 1.5em;"><image src="https://static.igem.org/mediawiki/2013/d/d0/Oncoli-logo.jpg" style="max-width:100%; max-height:100%;"/></div>
+<div id="fbink" style="float:right;margin: 7px;display: inline-block;"/><a href="https://www.facebook.com/AtomsTurkiye"><image src="
-<div id="igemlogo" class="headerimage" style="width:20%;"><a href="https://2013.igem.org/"><img src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png"  width="130px" height="100px"/></a></div>
+https://static.igem.org/mediawiki/2013/6/68/Oncoli-fb-link.png"/></a></div>
+<div id="twlink" style="float:right;margin: 7px;display: inline-block;"/><a href="https://twitter.com/Atoms_Turkiye"><image src="
+https://static.igem.org/mediawiki/2013/8/8b/Oncoli-tw-link.png"/></a></div>
+<div id="igemlogo" style="float:right;margin: 3px;display: inline-block;"/><a href="https://2013.igem.org/Main_Page"><image src="
+https://static.igem.org/mediawiki/2013/a/aa/Oncoli-igem-link.png"/></a></div>
 </div>
-<ul id="menu" >
+<ul id="menu" class="persistmenu" >
 <li><a href="/Team:ATOMS-Turkiye">Home</a></li>
 <li><a href="/Team:ATOMS-Turkiye/Project">Project</a>
-   <ul>
+ <ul>
-     <li><a href="/Team:ATOMS-Turkiye/Project">Overview</a></li>
+   <li><a href="/Team:ATOMS-Turkiye/Project">Overview</a></li>
-    <li><a href="/Team:ATOMS-Turkiye/Project">Background</a></li>
+  <li><a style="cursor:default">Modules</a>
-     <li><a href="/Team:ATOMS-Turkiye/Project">Modules</a></li>
+   <ul class="submenu">
-   </ul>
+     <li><a href="/Team:ATOMS-Turkiye/Project/Module1">Module I</a>
+     <ul class="submenu">
+      <li><a href="/Team:ATOMS-Turkiye/Project/Module1">Overview</a></li>
+      <li><a href="/Team:ATOMS-Turkiye/Project/Module1/Goals">Goals & Challenges</a></li>
+      <li><a href="/Team:ATOMS-Turkiye/Project/Module1/Design">Design</a></li>
+      <li><a href="/Team:ATOMS-Turkiye/Project/Module1/Experiment">Experiments & Results</a></li>
+      <li><a href="/Team:ATOMS-Turkiye/Project/Module1/Data">Data</a></li>
+      <li><a href="/Team:ATOMS-Turkiye/Project/Module1/Future">Future Plan</a></li>
+     </ul>
+    </li>
+     <li><a href="/Team:ATOMS-Turkiye/Project/Module2">Module II</a>
+     <ul class="submenu">
+      <li><a href="/Team:ATOMS-Turkiye/Project/Module2">Overview</a></li>
+      <li><a href="/Team:ATOMS-Turkiye/Project/Module2/Goals">Goals & Challenges</a></li>
+      <li><a href="/Team:ATOMS-Turkiye/Project/Module2/Design">Design</a></li>
+      <li><a href="/Team:ATOMS-Turkiye/Project/Module2/Experiment">Experiments & Results</a></li>
+      <li><a href="/Team:ATOMS-Turkiye/Project/Module2/Data">Data</a></li>
+      <li><a href="/Team:ATOMS-Turkiye/Project/Module2/Future">Future Plan</a></li>
+     </ul>
+    </li>
+   </ul>
+   </li>
+  <li><a href="http://parts.igem.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2013&group=ATOMS-Turkiye">BioBricks</a></li>
+ </ul>
 </li>
 <li style="width:10%"><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Team">Team</a></li>
-<li style="width:15%"><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice">Human Practice</a>
+<li style="width:16.5%"><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice">Human Practice</a>
    <ul>
-     <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice">Overview</a></li>
+     <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/Overview">Overview</a></li>
      <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/SynPhilo">SynPhilo</a></li>
      <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/SynArt">SynArt</a></li>
-    <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/Game">Game</a></li>
-    <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/Public Outreach">Public Outreach</a></li>
      <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/Safety">SynSafe</a></li>
+    <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/Game">Game</a></li>
+    <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/Public Outreach">Outreach</a></li>
+    <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/Highschool">High School Achievements</a></li>
    </ul>
 </li>
-<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Safety">Safety</a>
+<li style="width:11%"><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Safety">Safety</a>
    <ul>
-     <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Safety">Atoms Safety</a></li>
+     <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Safety/Oncoli">Oncoli Safety</a></li>
-     <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Safety/igem">iGEM Safety</a></li>
+     <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Safety/Lab">Lab Safety</a></li>
-     <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Safety/synsafe">SynSafe</a></li>
+     <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice/Safety">SynSafe</a></li>
    </ul>
 </li>
-<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Lab">Lab</a>
+<li style="width:7.5%"><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Lab">Lab</a>
    <ul>
      <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Lab/Notebook">Notebook</a></li>
      <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Lab/Protocols">Protocols</a></li>
+    <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Lab/Data">Data</a></li>
    </ul>
 </li>
-<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Achievements">Achievements</a></li>
+<li style="width:15%"><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Achievements">Achievements</a></li>
-<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Attributions">Attributions</a>
+<li style="width:15%"><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Attributions">Attributions</a>
    <ul>
-     <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Attributions/Collab">Collaborations</a></li>
+     <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Attributions/Collaborations">Collaborations</a></li>
-     <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Attributions/thanks">Our Thanks</a></li>
+     <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Attributions/OurThanks">Our Thanks</a></li>
    </ul>
 </li>
 </ul>
 </html>

Team:ATOMS-Turkiye/Templates/Head

From 2013.igem.org

Latest revision as of 03:09, 5 October 2013