Help with a design idea for my web page

Hi im not a big java programmer and as a result im a little stuck with little time, I am wanting to create something a little funky for a web page im creating to display the total raised by my school for red nose day and would like a bandit style rollers to roll up the total; that I can set as it rises (nothing dynamic just every few days more money is collected!) and set the colour to red and maybe change the font style (thick n bubbly if your wondering). I hate to ask for a straight code dump or something of that nature but my skills in this area leave much to be desired. Not sure if it is straight java I will need or java script or another variation however it needs inserting into a web page written in CSS. Can anyone help?

Thank you in advance.
Karl
Karl248Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

CEHJCommented:
Straight CSS will do it, with JavaScript. Where are you going to get the sum raised from?
0
Karl248Author Commented:
Hi CEHJ

How do you mean where will I get it from? Either I will enter/change it in the code or I suppose it could be called from a text file, it will only change a few times over the next couple of weeks. Any ideas?

Thanks
Karl
0
PurpleSladeCommented:
What exactly are "bandit style rollers"?
0
Become a Microsoft Certified Solutions Expert

This course teaches how to install and configure Windows Server 2012 R2.  It is the first step on your path to becoming a Microsoft Certified Solutions Expert (MCSE).

KuldeepchaturvediCommented:
You dont need java for this a plain & simple HTML will do the job... you can design your HTML in frontpage or any other HTML authoring tool...
0
CEHJCommented:
Do you have a target sum to raise?
0
Karl248Author Commented:
Hi people thanks for the comments.

To PurpleSlade: The type of rollers you get on fruit machines/one arm bandits where fruit or some symbols revolve and if you get say three cherrys in a row you get a prize say £2 and three 'xxx' symbols is the jackpot. im wishing to have the rollers roll general numbers or just a blur of colour and then stop from the lowest digit i.e the pence then work up so it would display for example: £2,457.78p the £,.p symbols whould be good to have but not vital.

To Kuldeepchaturvedi: Unfortunatly me school does not have the frontpage software and no other html authoring that i an aware of. is it possible to implement motion with just html? of is xhtml or something else needed if i was to use just notepad?

To CEHJ: There is no target as such (just as much as possible)  i just wish to display the total we have collected; as the students where doing events such as washing teachers cars and now they are collecting the cash.

Has anyoney got any input on how, if at all i could o this task as i am nowhere near a java developer or newbie standards for that matter.

Thanks
Karl
0
CEHJCommented:
If you invent a target, you can take this approach:


<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title></title>
    <script language="JavaScript">
          var currentSumRaised = 500.00;
          
          var TARGET_SUM = 500.0;
          
          
          function drawMeter() {
                var meter = document.getElementById('meter');
                meter.style.width = Math.floor(400 * currentSumRaised / TARGET_SUM) + 'px';
                  meter.style.height ='10px';                
                  meter.style.backgroundColor ='red';
          }
    </script>
  </head>
  <body onload="drawMeter()">
        <div id="meterbkg" style="width:400px;height:10px;border-color:black;border-style:solid;border-width:1px">
              <div id="meter"></div>
        </div>
  </body>
</html>
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Karl248Author Commented:
Thanks for that CEHJ its certainly a useful tool; however I am wanted to show a more specific counter that would show the exact amount - I know am getting fussy but it could just be numbers that fade in from left to right like some of the PowerPoint functions for title you can get. I just want something to show the funds raised with a little more style and funk that just a static total written on the screen, any ideas?

Thanks again the help is much appreciated.
0
CEHJCommented:
You could adapt a hit counter
0
CEHJCommented:
:-)
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Scripting Languages

From novice to tech pro — start learning today.