13 Replies Latest reply on May 25, 2006 2:11 PM by NSurveyor

    Fundraising Thermometer Widget?

    Level 7
      I'm looking for some type of a widget that I can us on my site where I
      can enter data on an admin page and have it update a graphic showing the
      current fundraising status. I've Googled, etc, but there doesn't seem to
      be anything out there that's done dynamically with flash...

      Are there some resources for this that you know of?

      Thanks!

      Dave
        • 1. Re: Fundraising Thermometer Widget?
          Level 7
          "Dave Anderson" <Dave@DaveandHolly.com> wrote in message news:e4n2sr$8ap$1@forums.macromedia.com...
          > I'm looking for some type of a widget that I can us on my site where I can enter data on an admin page and have it update a
          > graphic showing the current fundraising status. I've Googled, etc, but there doesn't seem to be anything out there that's done
          > dynamically with flash...
          >
          > Are there some resources for this that you know of?
          >
          > Thanks!
          >
          > Dave

          If you can provide a range of values and what the graphic should look like I feel confident that someone could make one for you very
          quickly (if you don't want to do it yourself). If you mention what the fundraiser is for it may increase interest in the project.
          Do you have a particular admin page server technology now? Data in XML or text file or?
          good luck,
          tralfaz


          • 2. Re: Fundraising Thermometer Widget?
            NSurveyor Level 2
            Something like this?

            http://swf.befallin.com/experiments/thermometer.html

            All the variables can be set through querystring variables in the HTML file. I wasn't sure if you have Flash... but here's the FLA, along with the SWF and the HTML file: http://swf.befallin.com/experiments/thermometer.zip

            If you notice in the HTML code... we have:

            <object classid="clsid 27cdb6e-ae6d-11cf-96b8-444553540000" codebase=" http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="300" height="350" id="thermometer" align="middle">
            <param name="allowScriptAccess" value="sameDomain" />
            <param name="movie" value="thermometer.swf?min=0&max=200000&val=100000&goal=200000&majMark=50000&minMark=2500 0&tit=Fundraising%20Status" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="thermometer.swf?min=0&max=200000&val=100000&goal=200000&majMark=50000&minMark=25000& tit=Fundraising%20Status" quality="high" bgcolor="#ffffff" width="300" height="350" name="thermometer" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage=" http://www.macromedia.com/go/getflashplayer" />
            </object>

            Make note of:

            <param name="movie" value="thermometer.swf?min=0&max=200000&val=100000&goal=200000&majMark=50000&minMark=2500 0&tit=Fundraising%20Status" />

            and:

            <embed src="thermometer.swf?min=0&max=200000&val=100000&goal=200000&majMark=50000&minMark=25000& tit=Fundraising%20Status" quality="high" bgcolor="#ffffff" width="300" height="350" ....

            You have to put in the values twice for the querystrings to have cross-browser support (If I remember correctly ). And in case you don't understand what each variable represents:

            // QUERYSTRING VARIABLES
            //max = top of thermometer value
            //min = bottom of thermometer value
            //goal = value trying to reach
            //val = current value
            //majMark = distance between values for a mark with value
            //minMark = distance between values for a small mark
            //tit = title of thermometer

            Hope this helps
            • 3. Re: Fundraising Thermometer Widget? - COOL!!
              Level 7
              Nsurveyor,

              That is EXACTLY what I was looking for! Thank you SO MUCH.... Our youth
              camp is looking to raise money for a new building and wanted something
              like this on the site...

              I had to laugh when I saw it because we need to raise $200,000 by
              October 31st... The scale was already set for me!

              I was able to change the variables on the html page to reflect the money
              collected so far, but is there an easier way so that I can have someone
              plug a number into a form field on a page and have that value written to
              the thermometer.html page?

              The other question is how to embed it into my PHP page? It doesn't seem
              like inserting the .swf will work (I get an 'error' Title and no
              parameters when I try to run it). So is the best way to use an iFrame?

              Thanks!

              Dave


              NSurveyor wrote:
              > Something like this?
              >
              > <a target=_blank class=ftalternatingbarlinklarge
              > href=" http://swf.befallin.com/experiments/thermometer.html
              >
              > All"> http://swf.befallin.com/experiments/thermometer.html
              >
              > All</a> the variables can be set through querystring variables in the HTML
              > file. I wasn't sure if you have Flash... but here's the FLA, along with the SWF
              > and the HTML file: <a target=_blank class=ftalternatingbarlinklarge
              > href=" http://swf.befallin.com/experiments/thermometer.zip
              >
              > If"> http://swf.befallin.com/experiments/thermometer.zip
              >
              > If</a> you notice in the HTML code... we have:
              >
              > <object classid="clsid 27cdb6e-ae6d-11cf-96b8-444553540000" codebase="<a
              > target=_blank class=ftalternatingbarlinklarge
              > href=" http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#vers
              > ion=8,0,0,0""> http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.
              > cab#version=8,0,0,0"</a> width="300" height="350" id="thermometer"
              > align="middle">
              > <param name="allowScriptAccess" value="sameDomain" />
              > <param name="movie"
              > value="thermometer.swf?min=0&max=200000&val=100000&goal=200000&majMark=50000&min
              > Mark=25000&tit=Fundraising%20Status" /><param name="quality" value="high"
              > /><param name="bgcolor" value="#ffffff" /><embed
              > src="thermometer.swf?min=0&max=200000&val=100000&goal=200000&majMark=50000&minMa
              > rk=25000&tit=Fundraising%20Status" quality="high" bgcolor="#ffffff" width="300"
              > height="350" name="thermometer" align="middle" allowScriptAccess="sameDomain"
              > type="application/x-shockwave-flash" pluginspage="<a target=_blank
              > class=ftalternatingbarlinklarge
              > href=" http://www.macromedia.com/go/getflashplayer"">http://www.macromedia.com/go
              > /getflashplayer"</a> />
              > </object>
              >
              > Make note of:
              >
              > <param name="movie"
              > value="thermometer.swf?min=0&max=200000&val=100000&goal=200000&majMark=50000&min
              > Mark=25000&tit=Fundraising%20Status" />
              >
              > and:
              >
              > <embed
              > src="thermometer.swf?min=0&max=200000&val=100000&goal=200000&majMark=50000&minMa
              > rk=25000&tit=Fundraising%20Status" quality="high" bgcolor="#ffffff" width="300"
              > height="350" ....
              >
              > You have to put in the values twice for the querystrings to have cross-browser
              > support (If I remember correctly ). And in case you don't understand what each
              > variable represents:
              >
              > // QUERYSTRING VARIABLES
              > //max = top of thermometer value
              > //min = bottom of thermometer value
              > //goal = value trying to reach
              > //val = current value
              > //majMark = distance between values for a mark with value
              > //minMark = distance between values for a small mark
              > //tit = title of thermometer
              >
              > Hope this helps
              >
              • 4. Re: Fundraising Thermometer Widget?
                The_Beat_Suite
                Good luck with the fund raising
                • 5. Re: Fundraising Thermometer Widget?
                  NSurveyor Level 2
                  The Error message only shows up when the variables aren't being defined as shown in te above example. If you post the code you have now, maybe I can find the mistake...

                  I think it would be better if the flash file loaded the data, from a textfile. So, all you would have to do is update the text file. If you like this idea better, I'd be happy to fix it for you.
                  • 6. Re: Fundraising Thermometer Widget?
                    Level 7
                    Yes, I agree. I would prefer to embed the .swf file into the page. So it
                    would be a whole lot easier to have a text file to update. Would you
                    mind doing that? That would be great!

                    Thanks

                    Dave

                    NSurveyor wrote:
                    > The Error message only shows up when the variables aren't being defined as
                    > shown in te above example. If you post the code you have now, maybe I can find
                    > the mistake...
                    >
                    > I think it would be better if the flash file loaded the data, from a textfile.
                    > So, all you would have to do is update the text file. If you like this idea
                    > better, I'd be happy to fix it for you.
                    >
                    • 8. Re: Fundraising Thermometer Widget?
                      Level 7
                      Is this a new one? It looks the same to me. Anyhow, thanks again for
                      doing this!

                      One last thing: Width is really limited on my page, so I'm trying to
                      figure out a way to maybe do two things - move horizontal hash marks
                      behind the thermometer so they stick out a little on both sides (this
                      will allow the number scale to move in a bit). and also to move the
                      'amount raised' up under the title. I think that will help narrow things
                      up for me.

                      However, if you could please send me the new text file version before
                      any layout changes, that would be great as I could then use either.

                      Thanks again!

                      Dave

                      NSurveyor wrote:
                      > Is that alright?
                      >
                      > <a target=_blank class=ftalternatingbarlinklarge href=" http://swf.befallin.com/experiments/thermometer.zip">http://swf.befallin.com/experiments/t hermometer.zip</a>
                      • 9. Re: Fundraising Thermometer Widget?
                        NSurveyor Level 2
                        My bad... I forgot to stick the 2 after theromemeter:
                        http://swf.befallin.com/experiments/thermometer2.zip

                        I'll make the changes in about 12ish hours - have to go to school now.
                        • 10. Re: Fundraising Thermometer Widget?
                          Level 7
                          No problem... I really like the use of the text file. That will make it
                          much easier!

                          I noticed that the graphic seems to fade up from black. Is that
                          something you just added? Is it possible to switch that back? Just
                          curious...

                          Thanks again!

                          Dave

                          NSurveyor wrote:
                          > My bad... I forgot to stick the 2 after theromemeter:
                          > <a target=_blank class=ftalternatingbarlinklarge
                          > href=" http://swf.befallin.com/experiments/thermometer2.zip">http://swf.befallin.
                          > com/experiments/thermometer2.zip</a>
                          >
                          > I'll make the changes in about 12ish hours - have to go to school now.
                          >
                          • 11. Re: Fundraising Thermometer Widget?
                            NSurveyor Level 2
                            Ok, updated. (redownload thermometer2.zip)
                            • 12. Re: Fundraising Thermometer Widget?
                              Level 7
                              NSurveyor wrote:
                              > Ok, updated. (redownload thermometer2.zip)


                              Thanks! Exactly what I needed!

                              Dave
                              • 13. Re: Fundraising Thermometer Widget?
                                NSurveyor Level 2
                                You're welcome.