|
|
| Line 456: |
Line 456: |
| | | | |
| | | | |
| − |
| |
| − | <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>
| |
| | | | |
| | </html> | | </html> |
