Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Help with a design idea for my web page

Posted on 2007-03-20
10
Medium Priority
?
239 Views
Last Modified: 2010-04-16
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
0
Comment
Question by:Karl248
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
10 Comments
 
LVL 86

Expert Comment

by:CEHJ
ID: 18760414
Straight CSS will do it, with JavaScript. Where are you going to get the sum raised from?
0
 

Author Comment

by:Karl248
ID: 18760481
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
 
LVL 2

Expert Comment

by:PurpleSlade
ID: 18760800
What exactly are "bandit style rollers"?
0
A new era in Cloud training has arrived.

A day that will go down in Cloud history.. But are you ready for it? Will you accept this Cloud challenge?

 
LVL 19

Expert Comment

by:Kuldeepchaturvedi
ID: 18762033
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
 
LVL 86

Expert Comment

by:CEHJ
ID: 18762419
Do you have a target sum to raise?
0
 

Author Comment

by:Karl248
ID: 18762600
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
 
LVL 86

Accepted Solution

by:
CEHJ earned 1500 total points
ID: 18762607
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
 

Author Comment

by:Karl248
ID: 18762941
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
 
LVL 86

Expert Comment

by:CEHJ
ID: 18762948
You could adapt a hit counter
0
 
LVL 86

Expert Comment

by:CEHJ
ID: 18779461
:-)
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

A solution for Fortify Path Manipulation.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
This tutorial covers a step-by-step guide to install VisualVM launcher in eclipse.
Viewers will learn how to properly install Eclipse with the necessary JDK, and will take a look at an introductory Java program. Download Eclipse installation zip file: Extract files from zip file: Download and install JDK 8: Open Eclipse and …

688 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question