Team:ATOMS-Turkiye/Templates/Head

Revision as of 08:51, 30 September 2013 (view source)

Bushra (Talk | contribs)

← Older edit

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

Bushra (Talk | contribs)

(46 intermediate revisions not shown)

Line 3:

+

function UpdateTableHeaders() {

+

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

+

b = $(".floatingHeader");

+

topasd = $(window).scrollTop();

+

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

+

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

+

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

+

else

+

b.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(){

-

$(this).find('ul').show();

+

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 13:

Line 40:

$(this).find('ul').hide();

});

+

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

+

});

+

// DOM Ready

</script>

-

+

-

<div id="~~teamlogo" class="headerimage~~" style="~~width~~:~~20%~~;">ATOMS-~~TÜRKİYE~~</div>

+

-

<div id="~~projectlogo~~" ~~class~~="~~headerimage~~" style="~~width~~:~~60%~~;~~font-size~~:~~80px~~;~~line~~-~~height~~: 1.~~5em;~~">~~oncoli~~</div>

+

<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="https://2013.igem.org/Team:ATOMS-Turkiye/~~Project~~">~~Project~~</a>

+

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

+

<ul>

+

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

+

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

+

+

<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: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">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/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 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/Oncoli">Oncoli 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/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 style="width:15%"><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/Attributions">Attributions</a>

<ul>

-

<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/~~Project~~">~~Overview~~</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/~~Project">Background</a></li>~~

+

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

-

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

+

</ul>

</li>

-

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

-

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

-

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

-

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

-

~~<li><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>~~

</ul>

</html>

@@ Line 3: / Line 3: @@
 <script>
+function UpdateTableHeaders() {
+ a = $(".persistmenu").eq(1);
+ b = $(".floatingHeader");
+ topasd = $(window).scrollTop();
+ //console.log("asd "+topasd+"  "+a.offset().top+" "+b.offset().top);
+ if( (topasd>a.offset().top) )
+   b.css("visibility","visible");
+ else
+   b.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(){
-   $(this).find('ul').show();
+   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 13: / Line 40: @@
    $(this).find('ul').hide();
   });
+ $("#header a").css({ "background":"transparent", "padding":"0"});
 });
+// 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%;">ATOMS-TÜRKİYE</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;">oncoli</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="https://2013.igem.org/Team:ATOMS-Turkiye">Home</a></li>
+<li><a href="/Team:ATOMS-Turkiye">Home</a></li>
-<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Project">Project</a>
+<li><a href="/Team:ATOMS-Turkiye/Project">Project</a>
+ <ul>
+  <li><a href="/Team:ATOMS-Turkiye/Project">Overview</a></li>
+  <li><a style="cursor:default">Modules</a>
+   <ul class="submenu">
+    <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: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">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/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 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/Oncoli">Oncoli 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/HumanPractice/Safety">SynSafe</a></li>
+  </ul>
+</li>
+<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 style="width:15%"><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/Attributions">Attributions</a>
    <ul>
-     <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Project">Overview</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/Project">Background</a></li>
+     <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Attributions/OurThanks">Our Thanks</a></li>
-    <li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Project">Modules</a></li>
    </ul>
 </li>
-<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Team">Team</a></li>
-<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/HumanPractice">Human Practice</a></li>
-<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Safety">Safety</a></li>
-<li><a href="https://2013.igem.org/Team:ATOMS-Turkiye/Lab">Lab</a></li>
-<li><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>
 </ul>
 </html>

Team:ATOMS-Turkiye/Templates/Head

From 2013.igem.org

Latest revision as of 03:09, 5 October 2013