Unable to hide a zFlow frame
7 views
Skip to first unread message
Tony
Dec 9, 2009, 7:55:58 PM12/9/09
to CSS Visual Effects
Hi, I'm using the zflow code very successfully in a webapp - except
that I cannot get rid of the flow once I display it. I'm trying to use
it with the WebApp frame work and the problem is it won't be
dismissed. I've created a very simple demonstration (no framework)
below to demonstrate the issue.
Basically when the link is clicked, the zflow demo should be displayed
for 5 seconds and then be hidden. What happens is the background is
hidden, but the zflow images remain.
Any ideas? Thanks, Tony
----------------------- Example --------------------------
<html><head>
<script type="text/javascript">
function show_for_5_seconds()
{
var o = document.getElementById("my_frame");
if (o != null) {
window.frames['my_frame'].location='http://css-vfx.googlecode.com/
svn/trunk/examples/zflow.html';
o.style.display = "";
setTimeout("hide();", 5000);
}
}
function hide()
{
document.getElementById('my_frame').style.display = 'none';
}
</script>
</head><body>
<a onclick="show_for_5_seconds(); return false;" href="#">Click Me</
a>
<iframe id="my_frame" src="" style="display:none; position:absolute;
width:100%; height:100%; top:0; left:0;"></iframe>
</body></html>
that I cannot get rid of the flow once I display it. I'm trying to use
it with the WebApp frame work and the problem is it won't be
dismissed. I've created a very simple demonstration (no framework)
below to demonstrate the issue.
Basically when the link is clicked, the zflow demo should be displayed
for 5 seconds and then be hidden. What happens is the background is
hidden, but the zflow images remain.
Any ideas? Thanks, Tony
----------------------- Example --------------------------
<html><head>
<script type="text/javascript">
function show_for_5_seconds()
{
var o = document.getElementById("my_frame");
if (o != null) {
window.frames['my_frame'].location='http://css-vfx.googlecode.com/
svn/trunk/examples/zflow.html';
o.style.display = "";
setTimeout("hide();", 5000);
}
}
function hide()
{
document.getElementById('my_frame').style.display = 'none';
}
</script>
</head><body>
<a onclick="show_for_5_seconds(); return false;" href="#">Click Me</
a>
<iframe id="my_frame" src="" style="display:none; position:absolute;
width:100%; height:100%; top:0; left:0;"></iframe>
</body></html>
Reply all
Reply to author
Forward
0 new messages