Difference between revisions of "Template:TCU Taiwan/CSS"

Line 444: Line 444:
  
 
});
 
});
 +
</script>
 +
<script type="text/javascript">
 +
<!--
 +
var timeout = 100;
 +
var closetimer = 10;
 +
var ddmenuitem = 0;
 +
// open hidden layer
 +
function mopen(id)
 +
{
 +
// cancel close timer
 +
mcancelclosetime();
 +
// close old layer
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
// get new layer and show it
 +
ddmenuitem = document.getElementById(id);
 +
ddmenuitem.style.visibility = 'visible';
 +
}
 +
// close showed layer
 +
function mclose()
 +
{
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
}
 +
// go close timer
 +
function mclosetime()
 +
{
 +
closetimer = window.setTimeout(mclose, timeout);
 +
}
 +
// cancel close timer
 +
function mcancelclosetime()
 +
{
 +
if(closetimer)
 +
{
 +
window.clearTimeout(closetimer);
 +
closetimer = null;
 +
}
 +
}
 +
// close layer when click-out
 +
document.onclick = mclose;
 +
// -->
 
</script>
 
</script>
  
  
−
<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','');
 
−
 
−
 
−
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 , " ")  );
 
−
}
 
−
 
−
 
−
 
−
 
−
$('#accordion').find('.menu_item').click(function(){
 
−
 
−
//Expand or collapse this panel
 
−
submenu = $(this).find('.submenu');
 
−
submenu.toggle();
 
−
 
−
icon = $(this).find('.icon');
 
−
 
−
if ( !$( submenu ).is(':visible') ) {
 
−
icon.removeClass("less").addClass("plus");
 
−
}
 
−
else {
 
−
icon.removeClass("plus").addClass("less");
 
−
}
 
−
 
−
//Hide the other panels
 
−
$(".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();
 
−
});
 
−
 
−
 
−
});
 
−
 
−
 
−
 
−
 
−
</script>
 
  
 
</html>
 
</html>

Revision as of 01:07, 5 August 2016