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:
@@ -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
11
js/headerexpandauto.js
Normal 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
20
js/headerexpandmanual.js
Normal 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();
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user