2
0
mirror of https://github.com/ACSPRI/queXS synced 2024-04-02 12:12:16 +00:00

Added HEADER_EXPANDER_MANUAL config directive to allow for manual expanding/contracting (via clickable image) of the header area

Images from OpenIconLibrary: http://openiconlibrary.sourceforge.net/gallery2/?./Icons/actions
This commit is contained in:
azammitdcarf
2011-02-03 01:25:54 +00:00
parent 56272934f7
commit d0ccbdc372
8 changed files with 69 additions and 19 deletions

View File

@@ -1,21 +1,16 @@
//Apply to all items of class header
$(document).ready(function(){
$(".header").hover(
//function on mouse over
function(){
$(".header").css("height","30%");
$(".content").css("height","70%");
$(".content").css("top","30%");
$(".box:not(.important)").css("display","");
},
function headerexpand()
{
$(".header").css("height","30%");
$(".content").css("height","70%");
$(".content").css("top","30%");
$(".box:not(.important)").css("display","");
}
//function on mouse out
function(){
$(".header").css("height","5%");
$(".content").css("height","95%");
$(".content").css("top","5%");
$(".box:not(.important)").css("display","none");
}
);
function headercontract()
{
$(".header").css("height","5%");
$(".content").css("height","95%");
$(".content").css("top","5%");
$(".box:not(.important)").css("display","none");
});
}

11
js/headerexpandauto.js Normal file
View File

@@ -0,0 +1,11 @@
//Apply to all items of class header
$(document).ready(function(){
$(".header").hover(
//function on mouse over
headerexpand,
//function on mouse out
headercontract
);
});

20
js/headerexpandmanual.js Normal file
View File

@@ -0,0 +1,20 @@
//Apply to all items of class header
$(document).ready(function(){
$("#headerexpandimage").click(headertogglemanual);
});
function headertogglemanual()
{
if ($("#headerexpandimage").attr('src') == './images/arrow-up-2.png')
{
$("#headerexpandimage").attr('src',"./images/arrow-down-2.png");
headercontract();
}
else
{
$("#headerexpandimage").attr('src',"./images/arrow-up-2.png");
headerexpand();
}
}