One of the coolest tricks Xcelsius developers have been applying for years is the modal window trick. Using a background with partial transparency, and some nicely designed shades, it’s quite easy to create a popup modal window effect that is quite appealing. However, Xcelsius components are of course static in the sense that they cannot be moved across the canvas by the user, so these popups can be turned on or off. Well, what if you could popup a dialog that can be moved by the user across the screen…
By combining the capabilities of the label component in Xcelsius to call a javascript, and jquery ui dialog, you can accomplish just that. Click on the pop me link (html formattedĀ label component) to trigger the draggable dialog that contains another Xcelsius swf file. Enjoy all the source files here.
-
Archives
- October 2021
- June 2020
- June 2017
- March 2017
- September 2016
- June 2016
- February 2016
- November 2015
- July 2015
- May 2015
- March 2015
- January 2015
- September 2014
- August 2014
- July 2014
- June 2014
- March 2014
- February 2014
- January 2014
- December 2013
- October 2013
- August 2013
- July 2013
- June 2013
- April 2013
- March 2013
- February 2013
- December 2012
- November 2012
- October 2012
- September 2012
- August 2012
- July 2012
- June 2012
- May 2012
- April 2012
- March 2012
- February 2012
- January 2012
- December 2011
- November 2011
- October 2011
- September 2011
- August 2011
- July 2011
- June 2011
- May 2011
- April 2011
- March 2011
- February 2011
- January 2011
-
Meta
Very cool. This is a great blog. I came across it while pondering the future of xcelsius given html5 and flash’s weaknesses on ipad.
I downloaded the source files. when opening the index.html, it does not seem to pop the pie (works here on the blog). you have a static pop here. Do you use this to pass variables back and forth? E.g put sliders in the dialog? I have used the “poor man” approach in xcelsius, but this is slicker.
Thanks Ken, i suspect the pop not working is a browser compatibility issue. The pop hyperlink is done through an Xcelsius text component with html formatting. If you move this functionality to the html page, and use the jquery functionality, i’m sure it would be more compatible. You could use EIC to pass data between the 2 SWF files in the main and draggable window.