E-com DevBlog Spider-ball-vacuum

23Feb/090

Quickpost: nyroModal – another jQuery plug-in to keep an eye on

Over the last week or three Internal Apps had a problem where they wanted to display a page, but have a window appear with new contract terms visible. They also needed a scroll bar, buttons to accept/decline, print, and close the pop-up. They also needed a little twist, if the user declined the new contract, or closed the pop-window, the page should send them back to the log in page.

I thought about the problems, and I was thinking recommending to them FancyBox (our old standby for modal windows), but I had just read on another site about nyroModal. I recommended that they try it out (since it's jQuery you have all those great callback functions - that would cover the page redirection etc. - and those oh-so-tasty visual effects that would provide them with exactly what they had envisioned), and within a day they had a perfect set up. So if you find that you need a modal box (for whatever reason), I suggest you give nyroModal a try. We ourselves won't be dumping FancyBox anytime soon, but it is nice to have another option.

Print This Post Print This Post
1Nov/081

Unhide the “X” when displaying flash in fancybox

If it ever strikes your fancy to use FancyBox to display consoles or other flash content, you may run into a problem with the close button not displaying properly.

To correct this problem, you will need to add the line "so.addParam("wmode", "transparent");" to the
ProductNumber.html file, as shown below:

?View Code HTML4STRICT
<script type="text/javascript">
	// <![CDATA[
	var so = new SWFObject("console.swf", "console", "533", "531", "8");
	so.addVariable("xmlloc", "data/console.html");
	so.addVariable("product", "ProForm 450 Elliptical");
	so.addParam("wmode", "transparent");
	so.addVariable("image", "images/PFEL03907.jpg");
	so.write("flashcontent");
	// ]]>
</script>

This allows the flash content to show the button properly.

I discovered this after visiting the website of the providers of our SWFObject.js script: http://blog.deconcept.com/swfobject/"

Print This Post Print This Post