HTML - I Need A Specififc Type Of Countdown (irregular)
Hi,
I would be very grateful if someone would help me with the following: I need a countdown script for my site. And not teh ki9nd that counts down to a date or an hour or sm.. I need the kind that would produce the following effect: 1) when the visitor arrives to the site the number says 20 (example) 2) 10 minutes into his session it says 19 3) 20 minutes into his session it says 18 and so on... I am sure that can be done but I don't know how to do it. Any help is very appreciated. Similar Tutorialsstill learning both photoshop and html and I'm wondering if there's a way to extend an irregularly shaped header using html? I know that my header is in a fixed resolution image so viewing the site in a higher resolution display will 'cut' it down. Here's the site I'm working on: In IE7, some of my pages are displaying white space at the top of the page when they load. If you switch to a different tab and then switch back, they appear fine. Just the initial loading is goofy. Some pages show more than others and I cannot seem to figure out why. I am using this page to test with at this point. http://labsysgrp.com/au2.htm I detatched it from the template in DW, validated it, it passes. The problem appears to be the length of the page... I just haven't figured out what the problem is yet. It appears to place the white space at the top once the body (id="c2") section of page exceeds a certain length. As long as it does not go past that length, the page is fine. Conflict between Mime Type and Document Type... Morning - I have recently been learning CSS and have been upgrading my site to Semantically correct code. The first templat I am building is the following page http://www.colletts.co.uk/colletts_n...ndexflash.html and validates here validates... sort of. Should I be worried about the mime type, what effect will this have on the page. If I follow the instructions and change the file extension to xhtml all hell breaks loose - http://www.colletts.co.uk/colletts_n...dexflash.xhtml IE Error - can't open thios document etc... What am I doing wrong??? Best, Mas Hello, I need a countdown clock thats big and counts down for 14 minutes and 43 sec and then resets itself, is it possible? It's for www.keepmyteenalive.org any other website suggestion are welcome, as it is my first website. thank you I am looking for HTML code that I can cut and paste for a countdown clock. I wanted to display a countdown from the 2009 NFL Draft which is 4/25/2009 at 3 PM Eastern time. If anyone has any suggestions on where to find this that would be great. well im looking for a code (maybe java) that will tell me how many times a link has been clicked or even better yet have a count down code. for example it will say 15 Clicks To Go! then after user A clicks it... 14 Clicks To Go! after user B clicks it... 13 Clicks To Go! after user C clicks it... etc, then finally when user J clicks it (or any following users)... Completed Challenge, Thank You! Hi everybody I hav a download website and im trying to create a coundown before the download botton appears just like (rapidshare and other file sharing websites) but i didnt found a solution i thought about a flash animation but i think its easier to index in html. so if someone hav an idea plz help me! thnx Hi Guys, I hope someone can help me out with this. I have a salespage at: http://www.conqueryourpart3.com I want to add a countdown timer to the top of this salespage. I have designed it and it works fine he http://www.conqueryourpart3.com/countdown1.htm I have copied the code from the countdown timer page and inserted it at the top of my salespage. However, the countdown timer doesn't work, it's no longer in the middle of the page and the text lower down the page now goes too close to the margins! See he http://www.conqueryourpart3.com/combined.htm Can anyone help me with this as I can't figure out what I've done wrong. Thanks, Simon how to make java script (countdown) like rapidsahre/4shared? please...the code..!! to insert in blogger post? Ok I am getting some validation errors on my site and at least some of them appear to be because I am using xhtml in an html strict doc. So which is better.... to fix the errors or use something other than the html strict doc type. fyi-here is the site: http://www.h51school.com/1/home_page.asp Thanks~ Hi I see a lot of these type of borders on the internet, even when signing up on this site. How can I do this myself? I thought I had once knew how to do this this in Dreamweaver but am not able to find it anymore. Thanks basicaly what the title says i have no idea what they do. Please explain in nooob terms hi, i was wondering what is the best filetype to use for a video on the internet? i need to embed a video which can be viewed by as many people as possible so i was thinking maybe .wmv or something that can be played through windows media play and most other common video player Hi, I am having a huge problem When ever I design a page everything looks great. When I publish it and look at it from other machines the type appears fuzzy or not sharp. I am using Dreamweaver MX on a Mac PowerBook G4 and have tried leaving the type font default, setting it to Arial, Times New Roman, and others. I have tried setting the font on the page and working with CSS. Doesn't matter what I do it is always the same. Can someone please tell me what I am doing wrong? Troy Hey there, Could anyone please explain why it tells me that it is not a valid doc type, Well that is what it says here http://validator.w3.org/check?verbos...iplayer.com%2F The actual site is http://www.online-multiplayer.com Thanks in advance for any help. Hey guys, I'm having trouble typing in Canvas. I tried combining the jquery keyboard (http://net.tutsplus.com/tutorials/ja...ss-and-jquery/) with the canvas in order to directly type on the canvas, but I'm having trouble doing so. Does anyone have any suggestions? I really appreciate any help you can give me! Below is pasted the code I have tried so far... <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Online Keyboard</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> <style> body { margin: 0px; padding: 0px; } #myCanvas { border: 1px solid #9C9898; } </style> <script> window.onload = function(){ var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); var x = 50; var y = 50; context.font = "12pt Calibri"; //context.fillStyle = "orange"; // text color context.fillText($(function(){ var $write = $('#write'), shift = false, capslock = false; $('#keyboard li').click(function(){ var $this = $(this), character = $this.html(); // If it's a lowercase letter, nothing happens to this variable // Shift keys if ($this.hasClass('left-shift') || $this.hasClass('right-shift')) { $('.letter').toggleClass('uppercase'); $('.symbol span').toggle(); shift = (shift === true) ? false : true; capslock = false; return false; } // Caps lock if ($this.hasClass('capslock')) { $('.letter').toggleClass('uppercase'); capslock = true; return false; } // Delete if ($this.hasClass('delete')) { var html = $write.html(); $write.html(html.substr(0, html.length - 1)); return false; } // Special characters if ($this.hasClass('symbol')) character = $('span:visible', $this).html(); if ($this.hasClass('space')) character = ' '; if ($this.hasClass('tab')) character = "\t"; if ($this.hasClass('return')) character = "\n"; // Uppercase letter if ($this.hasClass('uppercase')) character = character.toUpperCase(); // Remove shift once a key is clicked. if (shift === true) { $('.symbol span').toggle(); if (capslock === false) $('.letter').toggleClass('uppercase'); shift = false; } // Add the character $write.html($write.html() + character); }); }); , x, y); }; </script> </head> <body> <body onmousedown="return false;"> <canvas id="myCanvas" width="578" height="200"> </canvas> <div id="container"> <textarea id="write" rows="6" cols="60"></textarea> <ul id="keyboard"> <li class="symbol"><span class="off">`</span><span class="on">~</span></li> <li class="symbol"><span class="off">1</span><span class="on">!</span></li> <li class="symbol"><span class="off">2</span><span class="on">@</span></li> <li class="symbol"><span class="off">3</span><span class="on">#</span></li> <li class="symbol"><span class="off">4</span><span class="on">$</span></li> <li class="symbol"><span class="off">5</span><span class="on">%</span></li> <li class="symbol"><span class="off">6</span><span class="on">^</span></li> <li class="symbol"><span class="off">7</span><span class="on">&</span></li> <li class="symbol"><span class="off">8</span><span class="on">*</span></li> <li class="symbol"><span class="off">9</span><span class="on">(</span></li> <li class="symbol"><span class="off">0</span><span class="on">)</span></li> <li class="symbol"><span class="off">-</span><span class="on">_</span></li> <li class="symbol"><span class="off">=</span><span class="on">+</span></li> <li class="delete lastitem">delete</li> <li class="tab">tab</li> <li class="letter">q</li> <li class="letter">w</li> <li class="letter">e</li> <li class="letter">r</li> <li class="letter">t</li> <li class="letter">y</li> <li class="letter">u</li> <li class="letter">i</li> <li class="letter">o</li> <li class="letter">p</li> <li class="symbol"><span class="off">[</span><span class="on">{</span></li> <li class="symbol"><span class="off">]</span><span class="on">}</span></li> <li class="symbol lastitem"><span class="off">\</span><span class="on">|</span></li> <li class="capslock">caps lock</li> <li class="letter">a</li> <li class="letter">s</li> <li class="letter">d</li> <li class="letter">f</li> <li class="letter">g</li> <li class="letter">h</li> <li class="letter">j</li> <li class="letter">k</li> <li class="letter">l</li> <li class="symbol"><span class="off">;</span><span class="on">:</span></li> <li class="symbol"><span class="off">'</span><span class="on">"</span></li> <li class="return lastitem">return</li> <li class="left-shift">shift</li> <li class="letter">z</li> <li class="letter">x</li> <li class="letter">c</li> <li class="letter">v</li> <li class="letter">b</li> <li class="letter">n</li> <li class="letter">m</li> <li class="symbol"><span class="off">,</span><span class="on"><</span></li> <li class="symbol"><span class="off">.</span><span class="on">></span></li> <li class="symbol"><span class="off">/</span><span class="on">?</span></li> <li class="right-shift lastitem">shift</li> <li class="space lastitem"> </li> </ul> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="js/keyboard.js"></script> </body> </html> How would I make a search-type form that would insert what the user typed in a text box into a web address and go to that address? (for example, if they type 'help' and click the submit button, it would go to the page "http://www.websitename.com/help.html") I know the general form code, but I can't figure out if I would use a tag in the 'onSubmit' portion, or use javascript, or something else altogether. Hi, Using servlets and javascript. When I upload a file based on the mime type I operations are delegated from servlet. picture.gif file's mime type is image/gif Problem I am facing is when I remove the file extension of any file say picture.gif file to picture mime type is application/octet-stream. How can I detect the mime type of a file given the filestream or any other solution to this problem Thanks. I have the following tables coded in an e-mail which I send to new contacts to invite them to subscribe to our information network - there is more to the message but the rest seems to be working fine. When a contact receives the message and is just reading it, she or he can check the selections or the button to select the information category or the method of communication, but when she or he replies to or forwards the e-mail the selections disappear. Is there a way to retain the selections on the reply or forward? I also need this functionality for other e-mail requests. Any suggestions would be gratefully received. Please note: I am very much a novice and have inherited a lot of documents etc from my predecessor, i.e. the original e-mail is not of my own creation but one that I am attempting to modify to do what I need it to do. <TABLE class=resultscolor1> <TBODY> <FORM> <TR> <TD colSpan=5><BR> <DIV class=inputlabel1><FONT style="FONT-SIZE: 12pt; FONT-FAMILY: 'Times New Roman'" color=#0000ff size=4><B>Which of the following notices would you like to receive from GFTC? (Click to check a category; please select all that apply.) <BR></DIV></B></FONT> <TR> <TD vAlign=top><INPUT type=checkbox></TD> <TD><STRONG>Upcoming Courses & Events</STRONG></TD></TR> <TR> <TD vAlign=top><INPUT type=checkbox></TD> <TD><STRONG>GFTC Newsletter</STRONG> (Email editions in March & September. Print editions in June & December)</TD></TR> <TR> <TD vAlign=top><INPUT type=checkbox></TD> <TD><STRONG>Innovation Seminar Notices</STRONG> (events held for Members only; occasionally attendance is offered to Non-Members also; GFTC reserves the right to determine membership status)</TD></TR> <TR> <TD vAlign=top><INPUT type=checkbox></TD> <TD><STRONG>Industry Alerts</STRONG></TD></TR></FORM></TBODY></TABLE><TD colspan="5"><BR>How would you prefer to receive GFTC information updates? (Please select one.)<BR><BR> <DIV></DIV> <TABLE> <FORM> <TBODY> <TR> <TD><INPUT type=radio value="Email, Post" name=key4> </FONT>Email & Post<BR><INPUT type=radio value=Email name=key4> Email Only<BR><INPUT type=radio value="Fax, Post" name=key4> Fax & Post<BR><INPUT type=radio value=Fax name=key4> Fax Only<BR><INPUT type=radio value=Post name=key4> Post Only</TD></FORM></TR> </TBODY> </TABLE> |