> From: Phil Turner
> Sent: Wednesday, May 02, 2007 3:52 PM
> Thanks for the response, heres the problem, client wants a pop up
> window to show some more info for no other reason than thats what
> they want........
> so I am looking for a css solution that will open up a small window
> to display whatever content is put in it.
>
> I 've created a page link here
> http://www.philturner-uk.com/kruger/davinci.html
>
> under roll towel click on the more product details link. -
> Thats what
> I want displayed as a small window not a big page.
Phil,
You are currently opening a new window using
<a href="rolltowels.html" target="_blank">More</a>
So opening size depends on user agent. You have a couple of options:
1) Use javascript to open window.
<a href="#" onClick="openWindow()">More</a>
...
<script language="Javascript" type="text/javascript">
function openWindow()
{
window.open("rolltowels.html", "WindowName",
"height=300,width=250,scrollbars=yes");
}
</script>
2) Display in "pop-up" CSS div.
<a href="#" onClick="showRollTowel(true)">More</a>
<script language="Javascript" type="text/javascript">
function showRollTowel(showIt)
{
var obj = document.getElementById('divRoll');
if (obj)
{
var clsName = "Show";
if (false == showIt) { clsName = "Hide"; }
obj.className = clsName;
}
}
</script>
<div id="divRoll">All the stuff from rolltowels.html <a href="#"
onClick="showRollTowel(false)">Hide</a></div>
<style>
div#divRoll
{
/* Include any positioning and borders */
}
div#divRoll.Show
{
display:block;
}
div#divRoll.Hide
{
display:none;
}
</style>
Many people hate pop-up windows and many browsers block them; CSS pop-up
requires a little additional work to print the contents. Also, you'll
probably get feedback about the method used to hide -- it may/may not play
nicely with some screen readers.
HTH.
--G
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
