Modification To The Alarm Clock Script
Jun 4, 2009How can I change the behavior of the alarm clock script from Javascript Kit located here [url] to make it so that it displays a simple alert message instead of following a link?
View 3 Replies
ADVERTISEMENT
Count Down/up Script /alarm Clock
Apr 9, 2004This script counts up, counts down and incorperates an alarm clock!
<html>
<head>
<script type="text/javascript">
var hv;
var mv;
var sv;
var timer;
var timer2;
function set(){
hv=document.getElementById("h").value*1;
mv=document.getElementById("m").value*1;
sv=document.getElementById("s").value*1;
}
function countup(){
if(sv!=59){
sv++
}
else if(mv!=59){
mv++
sv=0;
}
else if(hv!=59){
hv++
mv=0;
sv=0;
}
else{
alert("Finished counting up!")
clearTimeout(timer);
}
if(sv<10){
sv2="0"+sv;
}
else{sv2=sv}
if(mv<10){
mv2="0"+mv;
}
else{mv2=mv}
if(hv<10){
hv2="0"+hv;
}
else{hv2=hv}
document.getElementById("h").value=hv2;
document.getElementById("m").value=mv2;
document.getElementById("s").value=sv2;
}
function countdown(){
if(sv!=00){
sv--
}
else if(mv!=00){
mv--
sv=59;
}
else if(hv!=00){
hv--
mv=59;
sv=59;
}
else{
alert("Finished counting down!")
clearTimeout(timer2);
}
if(sv<10){
sv2="0"+sv;
}
else{sv2=sv}
if(mv<10){
mv2="0"+mv;
}
else{mv2=mv}
if(hv<10){
hv2="0"+hv;
}
else{hv2=hv}
document.getElementById("h").value=hv2;
document.getElementById("m").value=mv2;
document.getElementById("s").value=sv2;
}
function thetime(){
var d=new Date();
var hours=d.getHours();
var mins=d.getMinutes();
var secs=d.getSeconds();
if(hours<10){
hours="0"+hours;
}
if(mins<10){
mins="0"+mins;
}
if(secs<10){
secs="0"+secs;
}
document.getElementById("times").value=hours+":"+mins+":"+secs;
if(timer==true && hours==hv && mins==mv && secs==sv){
alert("Alarm ringing!")
}
}
function alarmonoff(){
if(document.getElementById("alarmbut").value=="Turn alarm on/set"){
timer=true;
document.getElementById("alarmbut").value="Turn alarm off/set";
}
else{
timer=false;
document.getElementById("alarmbut").value="Turn alarm on/set";
}
}
</script>
</head>
<body onload="setInterval('thetime()',500)">
<table border="0">
<tr>
<td colspan="2"><input value="00" size="2" id="h">:<input value="00" size="2" id="m">:<input value="00" size="2" id="s"></td>
</tr>
<tr>
<td><input type="text" size="8" id="times"></td>
<td><input type="button" value="Stop" onclick="set(); clearTimeout(timer); clearTimeout(timer2)"></td>
</tr>
<tr>
<td><input type="button" value="Count up" onclick="set(); timer=setInterval('countup()',1000)"></td>
<td><input type="button" value="Count down" onclick="set(); timer2=setInterval('countdown()',1000)"></td>
</tr>
<tr>
<td colspan="2"><input type="button" value="Turn alarm on/set" onclick="set(); alarmonoff()" id="alarmbut"></td>
</tr>
</table>
</body>
</html>
To count up, enter time to count up from. stops and alerts at 59:59:59. Press stop to stop.
To count down, enter time to count down from. Stops and alerts at 00:00:00. Press stop to stop.
To set alarm, enter time. Click Turn alarm on/set once or Turn alarm off/set twice. Click Turn alarm off/set to cancel alarm.
Any comments/suggestions welcome.
Alarm Clock With Target Will Open In New Window
Apr 10, 2011I have here codes for alarm clock but the thing is that I want the specified target URL to open in new window. If and only if I have a background with this programming maybe I could do it. I found this code from javascriptkit (credit to them)
<html>
<head>
<style type="text/css">
#jsalarmclock{
font-family: Tahoma;
font-weight: bold;
font-size: 12px;
} .....
Creating A LED To Trigger An Alarm?
Jul 6, 2011I'm looking to create an LED like this:
in Javascript. I didn't know if this was possible at all. I have an program written in C that starts an agent and updates an XML file with data. I wanted to turn the LED on when the alarm was running, and have it off when the alarm was not running. I tried searching "LED in Javascript" but nothing came up. The image above is a LED created in a program called Labview, which I use frequently. I just trying to figure out how exactly to create one in Javascript.
Modification Of TreeMenu Code
Jun 29, 2009I am using the treemenu from here [url] It works great, but my clients wants to have the functionality that (if there was only two levels) that if you expand into one level and view all the sub items and then click on the another main node that it would contract all existing items and then display the new sub node?
View 2 Replies View RelatedDOM Modification Speed - Adding Elements
Nov 12, 2010I'm justing wondering about the behavior of JS in regards to adding elements, suppose I have something like this:
I'm just wondering at the point I hit that "// DO SOMETHING WITH ONE OF THESE DIVS", are all the divs I have added in the DOM available to access?
I ask because I have some code at work in which a tester is reporting an error that happens which I can't reproduce, and they and others have had it a few times.
The only way I can explain it in my mind is if the div is not available to me at the time of execution. So I'm just looking to rule it out or confirm my hunch.
Is document.getElementById("myDiv").appendChild(obj); synchronous and the next line of code wont execute until the DOM is ready or is it in fact a asynchronous call and therefore adding alot of elements to the DOM could result in a lag so some divs or not available straight away.
Auto Sum Order Form Modification
Jul 14, 2010I needed to calculate my prices on-the-fly and display it in textbox with javascript. Well I did succeed with values of radio button an checbox, but as I know very little javascript, I don't know how to expand the code I got from here: [URL].
How can I make this happen: I have a textbox:
HTML Code:
<input type="text" name="podstranice" size="19" class="podstr" onkeyup="this.form.total.value=calculateTotal(this);">
And when a user inputs a number in it, javascript multiplies it with some other number, say 10 (its a price*quantity thing) and adds it to the total price along with data from checkboxes and radio buttons. And so, this is my javascript. It is basically identical to one on the link, but you can view it better this way I think.
Code:
// Calculate the total for items in the form which are selected.
function calculateTotal(inputItem) {
with (inputItem.form) {
// Process each of the different input types in the form.
if (inputItem.type == "radio") {
// Process radio buttons .....
Logic Error On Limiting The Modification To The Maxvalue ?
Feb 26, 2011How to create a function that would allow me to add to or subtract from a maxvalue, and thankfully I got help regarding that. However, something's got me stumped for the past few weeks that I still can't resolve...
This is the relevant code:
As it stands, it works as long as the total value is less than or equal to the limit (for advantages it's 15, for disadvantages it's 10). However, the moment it goes past the limit -- for instance, if you change Antisocial's value from 2 to 7, or if you add several additional checkboxes with any values -- the whole thing starts going crazy; specifically, maxvalue doesn't revert to 40 when the all the checkboxes are unchecked.
What I'd want to happen is that the user cannot select or apply advantages or disadvantages if the maximum advantage is greater than 15 or the maximum disadvantages is greater than 10.
I'm thinking that a button for adding disadvantage points to/subtracting advantage points from the maxvalue (that becomes disabled if the user goes past his limit on advantages/disadvantages) is useful at this point, but I'm really stumped on the implementation of the idea. An alternate idea of mine is that all other advantage/disadvantage checkboxes would become disabled if their value is greater than the remaining number of points, but I don't know how that is possible either.
Image Gallery Thumbnail Modification Mystery?
Feb 8, 2010I have been looking into the following lightweight image gallery:[URL]... It does everything I want except for displaying thumbnail images (it crops the original images). Some dude has posted details as to how this may be done, but I am baffled as to why it will not work. Here is the javascript:
[Code]...
JQuery :: Title Attribute Style Modification And Wrap?
Jun 21, 2011I'm adding title attribute to some elements by using mouseenter function. But I would like to hide the shadow which comes by default nehind the tooltip frame and wrap the text in 2 lines!
[Code]...
Update Order Form Without Page Refresh Modification
Feb 4, 2010[URL]. I looked at this script and I tried playing around with it but could not figure out how to: Instead of having a check box field and then a radio box field, have 2 radio box fields, so the user picks from one group of radio boxes and then another. Then change the math behind it so the values in the first field are multiplied by 100 and then the values in the second field tack on a percentage (ex value in first field is 1.5 so 1.5x100 = 150 and value in second field is .5 so total is 225).
View 1 Replies View RelatedJQuery :: Using $(document).ready(function() On Elements That Are Created Via DOM Modification?
Mar 14, 2011I use the following code to add a "click" behaviour to an element:
$(document).ready(function(){
$("#element_id").click (function(){
...... do something ....
[Code]....
Part of the node I clone is the element from the first piece of code I quoted. The addRowJob function also changed the ID of every element in the node I cloned. This way all IDs remain unique. Lets say the element in question has the ID "#element_id". Now I clone the node (which includes the element) and the cloned element gets its ID changed to "#element_id_new".
Of course I now want this newly append element ("#element_id_new") to have a click event attached to, but even if extend my $(document).ready(function() to:
$(document).ready(function(){
$("#element_id").click (function(){
...... do something ....
});
[Code].....
I simply doesn't work for the appended element.
My guess is that the $(document).ready(function(){ only fires when the document is finished loading. At this stage there is no element with the ID "#element_id_new" and therefore the click event can't be attached to the element. Makes senses...
But how do I get this click event attached to the newly appended element with the ID "#element_id_new"?
Ajax :: Modification - Function To Load Text File Information From The Server
Sep 24, 2011I have been successfully using the following "myAjax" function to load text file information from the server.
ajax.js:
After I load the text file, I store the text "records" into an array by doing something like this:
Where the '}' character is my record delimiter. It could just as easily be ' ' or ' ' or the like.
Again, I am not having any problems doing it this way as it suits my current needs.
Now the question(s)
1. Does the call to read the text data from the external file always read in the entire contents or can I read one line or delimited record at a time and store it to the array directly without the text storage?
2. If the text is always read completely (my suspicion), can I safely delete the "TextInformation" after I convert to the array format? Is there any memory penalty for doing it this way as the text information can be somewhat lengthly and I don't like the idea of having doubled memory usage when I only need the information in array format anyway?
This is the idea I am considering, but I don't know if there are drawback to this method of if there is a better way to accomplish the task.
ajax.js:
Form Posting To Itself Wipes Out Dom Modification When Redrawing Form
Jan 16, 2011I have a webpage with a form inside it. Below the form is a div. When you submit the form it executes some javascript that adds a bunch of html to the div. I can step through the code in the Chrome debugger and see my dom changes are there, but disappear as I get to the original tags in the page. Is there anyway to prevent this?
[Code]....
Clock - Won't Update Every Second
Oct 18, 2009I'm somewhat new to JavaScript and for my website, I decided to make a clock for the website in this format:
Saturday, October 17, 2009 5:56:14 p.m. The only issue is that it won't update every second. Below is the coding:
External JavaScript:
function dateClock()
{
// Coding
}
setTimeout("dateClock()", 1000);
[Code]...
Get 1 Tenth Of A Second For My Clock?
Apr 4, 2010How can I get 1 tenth of a second for my clock? (bad typo for clock. I had to edit it. I'm saying that for the admin because I know you're not suppose to edit excessively)
View 5 Replies View RelatedClock That Follows Your Mouse
Oct 20, 2003Add this to your page and you will have a Clock and Date that follows your mouse wherever it goes ......
View 2 Replies View RelatedClock Code
Oct 31, 2005I hoping one of you guys can help i'm developing an ecommerce site that has items available for next day delivery. The cut off point for receiving an item next day is 2.00pm.
If possible i need a script that if the time is before 2.00pm i just need some text displaying tomorrows date and when the time goes after 2.00pm the date shown will the day after tomorrows date. If poss i need it in this format "28 October 2005"
Countdown Clock
Oct 10, 2005I am looking for a simple countdown clock that displays a countdown in days, hours, minutes and seconds. I do have one on my sites's CPanel, but I don't really like the look of it. I'm not really looking for anything specific, if it looks good then I'll use it.
I wondered if anyone knows where I can get a countdown clock from?
Make A Second Clock?
Feb 26, 2010How can i make a second clock taking time from some point, like for example from 23.4.2001 09:46:23?
View 3 Replies View RelatedDisplay Clock In An Input Box?
Jun 29, 2009This script displays a time and date using a document write tag, I want to display it in a input form box, I tried using this tag but just don't know how to write it:
document.form.date.value=""
<form name='form'>
<input type='text' name='date' size='30'>
[code]....
World Clock - Add Day To The Output
Jun 22, 2010How I would output the day as well in this
[url] world clock example?
Stop And Then Start JS Clock
Jan 3, 2011I am trying to stop and then start my clock, but something goes wrong
<script type="text/javascript">
function start_clock(){
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
[Code]...
Adding Clock To Website?
Jan 7, 2011I want to add a list of several clocks to my website, with different time zones. I found this code and thought that if I repeated it a few times - see below, and simply put a '-4' or whatever after the hours to make the different time, that would be fine. However, it only works for the first one.
<form name="Tick">
<input type="text" size="11" name="Clock">
</form>
<script>
[Code]....
Images Used In A Digital Clock?
Jan 20, 2011I have to make a digital clock (which i did figure out) but the number needs to be images with the numbers on them. (ex.: (an image of the number 1+an image of the number 2+image of number 0+images of number8) would be 11:08))
Here's what I have so far. Do I need to use <img src=""> in a function then call the function for my images?
Add Leading Zero To Hours In Clock?
Jun 10, 2011I am trying to edit one small thing in the javascript below but cannot get it to work correctly
What I am wanting to do is have the time with a 0 before the hour all the time except for 10, 11 or 12 o clock (e.g 09:00) I tried adding the following code it works but only for AM time and not PM time: -
// Pad the Hours with leading zeros, if required
currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
Heres the code:
function init ( )
{
timeDisplay = document.createTextNode ( "" );
[Code]....