You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Expose specific div scroll-problem Created Aug 30, 2010

This thread is solved

Views: 636     Replies: 1     Last reply Aug 31, 2010  
You must login first before you can use this feature

gje

Posts: 2

Registered:
Aug 30, 2010

Expose specific div scroll-problem

Posted: Aug 30, 2010

Hi,
I hope you can help me - I've tried to find the answer in the forum, but I can't seem to find an answer that helps me.

The thing is...

I have a design with a topbanner, a content area and a footer (and a hole lot more, but these are the basiv divs). On a special event (I don't have a problem triggering the expose on the event), I need the content area to be exposed - and only the content area.

The problem is that expose resizes the window, and present scrolling-bars (because it resizes the maskId to window-size ). I somehow need to be able to first calculate the size of #contentArea, and make it fit to that area only (perhaps I can use fit() here, but I don't know how), and I just can't get my head around it :(


$("#overlay").expose({
	maskId: 'overlay',
	color: '#c3d940',
	opacity: 0.6
});



<div id="topBanner" style="height:100px;">Top</div>
<div id="contentArea" style="min-height:400px;">Content</div>
<div id="foot" style="height:20px;">Foot</div>

Can you please help me - and please feel free to ask me, if you don't understand my problem.

Thanks in advance :)

gje

Posts: 2

Registered:
Aug 30, 2010

» Expose specific div scroll-problem

Posted: Aug 31, 2010

Reply to: Expose specific div scroll-problem, from gj-creative
Hi again,
I've kind of made it work - I've got the size correct by changing this:


// line 47 in toolbox.expose.js (not minified)
//var d = $(document).height(), w = $(window).height();
var d = $("#middleContainer").height(), w = $("#middleContainer").height();

and this:


// line 59 in toolbox.expose.js (not minified)
//return [$(document).width(), $(document).height()]; 
return [$(document).width(), $("#middleContainer").height()];

It would be nice if that could be done more elegant, without changing toolbox.expose.js, but instead in the jQuery hoverIntent...

But!!!

I've made an online example here:http://gj-creative.dk/jQueryExpose/

As you can see, the div disappears after the hoverIntent and Expose. I've tried fixing it with styling, with no luck whatsoever. I've tried fixing it in toolbox.expose.js (line 100 -> 108), and I'm still lost :{

Any bright ideas - I'm stuck, perhaps my head is jammed :}

•