>Can I ask how you invoked the layer switch?
>I am assuming on loosing the focus of the window, but I guess you could
have
>also used the events handlers!
Here was my test code you can cut and paste and play with:
-----------------------------------------------------
<script language="javascript">
var count = 0;
function movebar() {
box.style.visibility = "visible";
if (count < 66){count++;bar.value = bar.value+".";stopwatch();}
}
function stopwatch(){clearTimeout(timer);var timer=setTimeout("movebar()",
200);}
</script>
<style type="text/css">
<!--
#box { position:absolute;
visibility:hidden;
left:100; top:100;
background-color:#BBBBBB;
border-style:solid;
border-width:1px;
border-color:black;
width:300;
}
-->
</style>
<div id="box"><input type="Button" name="bar" value="."
style="background-color:red;color:red;"></div>
<a href="#" onclick="movebar()">Click Me</a>
-----------------------------------------------------
It's a bit sloppy, but it was just a test. The bar will popup instantly and
start moving when you click the link. Since the code is part of the
document, when the document is switched with a new page, the whole thing
disappears. In this example I used a button and changed the text in the
button by adding a "." after each timeframe. A cleaner way would be to use
a graphic or other DIV and just adjust the width, but it gives a nice 3D
look and feel so whatever floats your boat. Since I mainly use IE, don't
expect cross browser compatibility, but you can use the same logic and do
something similar for Netscape. If using this type of thing, I would
probably also set the position of the DIV so it was centered in the window.
Again, this was just a test so some modification needs to be done for
whatever the final effect is. Hope it helps...
Joby Bednar
Director of Internet Design
iNEOgroup.com
-----Original Message-----
From: Andrew Scott [mailto:[EMAIL PROTECTED]]
Sent: Thursday, February 01, 2001 2:14 AM
To: CF-Talk
Subject: RE: Progress bar
Can I ask how you invoked the layer switch?
I am assuming on loosing the focus of the window, but I guess you could have
also used the events handlers!
-----Original Message-----
From: Joby Bednar [mailto:[EMAIL PROTECTED]]
Sent: Thursday, 1 February 2001 12:55 PM
To: CF-Talk
Subject: RE: Progress bar
I did it in a rather simple way... doing it by creating a hidden layer that
has a "bar" (a graphic, button, etc.) in it. Create a function in
Javascript that shows the layer when you click something. The function
alters the size of the bar as time passes, say every 10th of a second. When
the browser finally loads the next page, the whole thing disappears. The
nice thing about it is that it acts like a popup status window rather than a
whole other page, and you can figure out the timing so if it ever reached
the end, the browser would normally timeout. The bad thing about it is that
you would have to have every page call the script and have the layer in it
and have each link call the function, but that's not too big of a deal.
Joby Bednar
Director of Internet Design
iNEOgroup.com
-----Original Message-----
From: John Anderson [mailto:[EMAIL PROTECTED]]
Sent: Wednesday, January 31, 2001 3:00 PM
To: CF-Talk
Subject: Progress bar
Has anyone here implemented a progress bar.
Similar to what happens on expedia when searching for travel information.
What is the key to this with a web based app?
Thanks,
John Anderson
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Structure your ColdFusion code with Fusebox. Get the official book at
http://www.fusionauthority.com/bkinfo.cfm
Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/
Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists
