View Full Version : Countdown clocks

08-04-2006, 06:25 PM
Hello! Let me introduce myself. My name is Krysta and I am in need of some assistance with coding. I want to include on my site a countdown clock but I want to use my own image..."nasclock.jpg" from site http://www.geocities.com/nascarkraz But I am dense when it comes to the complicated coding to do such thing, so any chance you might be able to help me by putting the coding using the above information together for this? (EXP Date:Aug 6, 2006; 14:00) Any assistance would be apprecaited. Thank You for your time!

08-04-2006, 10:59 PM
Hi and welcome to the forums!

I am glad to see that you posted this question in the forums as well. It is best to post first and ask specific questions to users after you receive a couple of replies. It allows loads more people to see your question and get it answered quicker and help others who may have the same problem.

Looking at your question, it seems like it might get moved to the javascript forums because a countdown clock would be best created using javascript. You may want to edit your post to include some more detailed information. I am assuming that you want the image "nasclock.jpg" to be the background for your clock.

Unfortunately, I am not the most savvy person when it comes to javascript. Dynamic Drive has loads of scripts that could help you out, not to mention, the individual scripts tell you which ones work in which browsers. Here (http://www.dynamicdrive.com/dynamicindex6/) is a list of several of their javascript clocks that would work better for you and this one here (http://www.dynamicdrive.com/dynamicindex6/universalcountdown.htm) is the one that I would recommend for you. It is compatible in all the major browsers and allows you to edit the layout, including the background.
This is how I would code the CSS to include "nasclock.jpg" as your background for the clock:

<style style="text/css">
.lcdstyle{ /*Example CSS to create LCD countdown look*/
background-image: url('nasclock.jpg');
font: bold 18px MS Sans Serif;
padding: 3px;

.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
font-size: 80%

A few more tips:
I would definitely check out w3schools.com (http://www.w3schools.com/) and learn more about HTML and CSS. I am not sure if you created your page using an HTML editor or if you did it yourself, but either way, w3schools will give you the tips to clean up your code a bit and make it not only easier to read, but easier for others to help you troubleshoot.
I went ahead and basically recoded your main page the best I could. You can look at the code here (http://www.doriennesmith.com/working/index.htm). Your original background is very busy and makes the text difficult to read. I used your background image once on the page; maybe you can think of something better to do with it. I also coded the entire page using xhtml transitional and css. It does not validate (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.doriennesmith.com%2Fworking%2Findex.htm) right now and will not validate as long as you use the <embed> tag for your flash swfs. Another big thing I changed was removing a lot of your unnecessary javascript for simple things like hover effects. The code is not 100% perfect, and of course, does not look completely correct in IE, but it will set you miles ahead of your original.

Hope this helps!

08-05-2006, 08:37 AM
this is summit i found on google it may be useful

The Countdown Clock/Javascript.asp (http://www.thecountdownclock.com/Javascript.asp)