FP2000

B

Beverly W.

Hi all, I use FP2000.

I have a website that includes an order page. During the
processing part I would like to have dots move so the
customer knows that it's working.

Like this, processing ...

The dots behind processing go from one dot, then two dots
etc.

Is this possible?

Thanks for your help.
BW
 
J

Jon

Hi Beverly,
you can make an animated gif in your favourite graphics program or you can
use a little script. Making the animated gif would probably be easiest - if
you want to go the script route post back and I'll tell you how to do it

Jon
Microsoft MVP - FP
 
J

Jon

Hi Bev,
copy and paste this onto a page
<html><head>
<style type="text/css">
#searchTable{
font: bold 12px Verdana, Arial, Helvetica, sans-serif !important;
font-variant:small-caps;
color: #f93 !important;
width:150px !important;
border:none !important;}
#searchTable td{border-bottom:0px none white;}
..bordered{
width: 20px !important;
border: 1px solid #f93 !important;;
}
</style>
</head><body>
<table width=150 cellspacing=3 cellpadding=0 border=0 id="searchTable">
<tr><td>searching</td><td id="cell1" class="bordered">&nbsp;</td><td
id="cell2" class="bordered">&nbsp;</td>
<td id="cell3" class="bordered">&nbsp;</td><td id="cell4"
class="bordered">&nbsp;</td><td id="cell5" class="bordered">&nbsp;</td></tr>
</table>
<script type="text/javascript">
function searchTable(){
if(!document.getElementById)return;
if(counter>5){counter=1;
for(i=1;i<6;i++)document.getElementById('cell'+i).style.backgroundColor='#ff
f';}
document.getElementById('cell'+counter).style.backgroundColor='#f93';counter
++;}
var counter = 1;window.setInterval('searchTable()', 500);
</script>

If you want to see it in action go to www.bookhead.co.uk and search for an
obscure book, you'll see the little searching thingy while it's searching.
Normally it would be much easier to use an animated gif though - there's a
good technical reason why I couldn't on this site which really isn't worth
going into.

Jon
 
B

Beverly

Thanks Jon, you are great :)

keep in touch
Bev
-----Original Message-----
Hi Bev,
copy and paste this onto a page
<html><head>
<style type="text/css">
#searchTable{
font: bold 12px Verdana, Arial, Helvetica, sans-serif ! important;
font-variant:small-caps;
color: #f93 !important;
width:150px !important;
border:none !important;}
#searchTable td{border-bottom:0px none white;}
..bordered{
width: 20px !important;
border: 1px solid #f93 !important;;
}
</style>
</head><body>
<table width=150 cellspacing=3 cellpadding=0 border=0 id="searchTable">
<tr><td>searching</td><td id="cell1"
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top