I had a question regarding the contact form demo? I wanted to pass a variable to the php script being called.

Here's the scenario: there are many email addresses that the user can choose to email. He clicks on one. now, I want that email to be passed on to the php script. Can you recommend a 'clean' (and easy way) I can modify the existing files to mkae this work? I'm a noobie to jquery btw!

Just to let you know that I have got a simple solution and it works like a charm!

d.container.slideDown('slow', function() {
setTimeout(function() {
var dataHeight = $("#osx-modal-data").height() + title.height() + 20;
var viewportHeight = $(window).height();
var contentHeight = viewportHeight;
if (dataHeight < viewportHeight) {
contentHeight = dataHeight;
}
else {
contentHeight = viewportHeight;
}
d.container.animate(
{ height: contentHeight },
50,
function() {
$("div.close", self.container).show();
$("#osx-modal-data", self.container).show();
}
);
}, 50);
});

Cheers,
Giuliano M.

Firstly, thanks for the plugin. I am using the OSX style one.

I have got a requirement to satisfy users with different screen resolutions. I want the modal container to slide down to fully cover the browser's viewport depending on the current resolution.

Therefore if the resolution is:

- 1024x768px: The modal slides down fully within the browser's viewport, so it touches the browser's status bar. The text of the modal container is bigger than the browsers' viewport. Thus, a scrollbar is needed.
- Higher than the above: The modal slides down fully within the browser's viewport, so it touches the browser's status bar. A scrollbar is not needed as the text is fully displayed.

So, I changed the OSX plugin slightly but couldn't get the desired outcome.

#osx-modal-data {overflow: auto}; for the scrollbar to appear only within the content data. Also, I changed the js file slightly trying different things in the height variable of the slidedown function but no success.

Have you got any ideas?

Cheers,
Giuliano

I've been messing with SimpleModal, in order to use it like a LightBox to display a single image. But there seems to be a bug with it.
I removed all the paddings and margins (also defined width/height as auto), so the image would fit perfectly, but there's always a space of 5px height on the bottom. All of the other margins are good.
I tried different sizes, but that 5px are always there.
I got a workaround for it (but it's stupid): give the container the same background color as the borders; increase the top, left and right borders to 5px and remove the bottom one.

It's kind of stupid, but it works.

Thanks for considering the db access.

Thanks