Difference between revisions of "Template:Main2017"

Line 1: Line 1:
 
<html>
 
<html>
 +
 +
 +
 +
 +
<script>
 +
 +
// This is the jquery part of your template.  Try not modify any of this code since it makes your menu work.
 +
 +
$(document).ready(function() {
 +
 +
$("#HQ_page").attr('id','');
 +
 +
 +
 +
 +
 +
 +
 +
//name setup
 +
 +
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
 +
$("#team_name").html( wgPageName );
 +
}
 +
 +
else if (  ( (wgPageName.match(/\//g) || []).length ) == 0 ) {  // if it is the home page , just print the team's name
 +
$("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );
 +
}
 +
 +
else {
 +
// this adds the team's name as an h1
 +
$("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/")  ) );
 +
 +
// this adds the page's title as an h4
 +
$("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
 +
}
 +
 +
 +
 +
//menu functionality
 +
 +
$('#accordion').find('.menu_item').click(function(){
 +
 +
//Expand or collapse the panel that was clicked
 +
submenu = $(this).find('.submenu');
 +
submenu.toggle();
 +
 +
//Place the appropriate icon state on the panel that was clicked
 +
icon = $(this).find('.icon');
 +
 +
if ( !$( submenu ).is(':visible') ) {
 +
icon.removeClass("less").addClass("plus");
 +
}
 +
else {
 +
icon.removeClass("plus").addClass("less");
 +
}
 +
 +
//Hide the other panels and switch all other icons to closed state
 +
$(".submenu").not(submenu).hide();
 +
$(".icon").not(icon).removeClass("less").addClass("plus");
 +
});
 +
 +
 +
$(".collapsable_menu_control").click(function() {
 +
$(".menu_item").toggle();
 +
});
 +
 +
$( window ).resize(function() {
 +
$(".menu_item").show();
 +
});
 +
 +
 +
 +
 +
//image slider
 +
 +
$(function () {
 +
 +
var change_img_time  = 3000;
 +
var transition_speed    = 450;
 +
 +
var simple_slideshow  = $(".image_slider"),
 +
listItems  = simple_slideshow.children('li'),
 +
listLen = listItems.length,
 +
i = 0,
 +
 +
change_images = function () {
 +
 +
listItems.eq(i).fadeOut(transition_speed, function () {
 +
 +
i += 1;
 +
if (i === listLen) {
 +
i = 0;
 +
}
 +
 +
listItems.eq(i).fadeIn(transition_speed);
 +
});
 +
};
 +
 +
listItems.not(':first').hide();
 +
setInterval( change_images, change_img_time);
 +
 +
});
 +
 +
 +
 +
// load info from another page
 +
 +
// to use this function send the "source page" and then send the div's id to where you want to send it
 +
load_these_items ( "https://2016.igem.org/Archive #load_these_newsItems", "load_newsItems_here");
 +
 +
 +
});
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
</script>
 +
  
 
<style>
 
<style>

Revision as of 20:18, 9 November 2016

MENU 三