JavaScript - Adding 1000 Days To A Date

I am trying to figure out how to calculate the date 30 days ago. I also will need to be able to change the interval.

Anyone have a piece of code that does this?

Hello everyone,

I have a date script, but I want it to be adjusted so for example today it's September 17th 2009, but I want it to say September 15th 2009, so it removes automaticly 2 days.. I tried allot of things but I am not a javascript expert, I hope someone can help me out!

Code:

<script language="JavaScript" type="text/javascript">
<!--
var
month = new Array();
month[0]="January";
month[1]="February";
month[2]="March";
month[3]="April";
month[4]="May";
month[5]="June";
month[6]="July";
month[7]="August";
month[8]="September";
month[9]="October";
month[10]="November";
month[11]="December";
var
day = new Array();
day[0]="Sunday";
day[1]="Monday";
day[2]="Tuesday";
day[3]="Wednesday";
day[4]="Thursday";
day[5]="Friday";
day[6]="Saturday";
today = new Date();
date = today.getDate();
day = (day[today.getDay()]);
month = (month[today.getMonth()]);
year = (today.getFullYear());
suffix = (date==1 || date==21 || date==31) ? "st" : "th" &&
(date==2 || date==22) ? "nd" : "th" && (date==3 || date==23) ? "rd" : "th"
function print_date()
{
document.write(day + "," + "&nbsp;" + date + "<sup>" + suffix + "</sup>" + "&nbsp;" +
month + "," + "&nbsp;" + year);
}
// -->
</script>
<script>
<!--
print_date();
//-->
</script>

I've written a js function to find the difference between two dates. the format being used is dd/mm/yyyy hh:mm. The function returns correct value when give one set of values, but go wrong with another set. examples are given below.

set 1 : Time 1 = 24/02/2011 09:30 , time 2 = 24/02/2011 16:00

Output is corret here. It gives 6 Hours & 30 Minutes (after converting the difference)

set 2: Time 1 = 24/02/2011 09:30 , time 2 = 25/02/2011 16:00

Here, it gives 31 days, 6 Hours & 30 Minutes. My code is given below. Also the alert of dates display strange values. Don't know if it is timezone issue. I wonder what is going wrong here
Code:

function compareDateTime(frmtime,totime)
{
	var date1 = new Date(frmtime);
	var date2 = new Date(totime);
	var diff = new Date();
	alert(date1);
	alert(date2);
	diff = (date2.getTime()-date1.getTime());
	if (diff<0)
	{
		alert("From Time cannot be later than To Time!");
		return 0;
	}
	else if (diff==0)
		{
			alert("From Time cannot be equal with To Time!");
			return 0;
		}
 
	else
	{
		return diff;
	}
}

The returned diff value is broken down as following:
Code:

if (diff>0)
	{
		days = Math.floor(diff / (1000 * 60 * 60 * 24));
 		diff -= days * (1000 * 60 * 60 * 24);
 		hours = Math.floor(diff / (1000 * 60 * 60));
 		diff -= hours * (1000 * 60 * 60);
 		mins = Math.floor(diff / (1000 * 60));
 		alert(days+","+hours+","+mins);
		return true;
	}

what am i doing wrong here?

I am working on an HTML project that displays a field with a number in the field by each day. What it does is start at 0 on day one. Each day it adds a 1 to the field. Day 2, the field would say 1, then day 3 would say 2, and so on. I am not sure how to approach this. This is also displayed in an HTML format. I want to to be automatic and change as the date changes. I will also need a way to reset it back to zero if possible.

hi, i'm trying to keep a copy of a variable at 4 digits.. this is what i came up with.. it's working but i'm only a noob, so i would very like to know is there any other simpler and/or elegant way to do this..


also i would appreciate it if you could point out any bad syntax or something..



Code:

page = 100



function makeit4digits(){

page4digit = page


if (page<10)
  {
page4digit = "000"+ page

  }
else if (page<100)
  {
page4digit = "00"+ page

  }
else if (page<1000)
  {
page4digit = "0"+ page

  }


}

Hi,
well I have like 1000 images on the same page, unfortunately I can't use sprites on them, as the number of images increases continuously. So you can imagine it sends 1000 http requests, so it takes lots of time for the images to load plus it's not good experience for the visitors.
I have seen one of the scripts named as Lazy Load, but I was thinking if there is more SMARTER WAY of loading images (good regarding SEO, loads images faster and is good for user experience).
So, I was wondering if there is a way out to loading images in a better way?

FireFox is throwing a DOM security error. And i don't really know why. i've used toDataURL() before, and it's never done this.
Hopefully i can get this little app fixed, so that i can use it on my TabletPC for taking notes in class.

The line of code that is throwing this error is:

Code:

var Note = document.getElementById("SketchPage").toDataURL();

here's the full error from the Error Console:

Error: uncaught exception: [Exception... "Security error" code: "1000" nsresult: "0x805303e8 (NS_ERROR_DOM_SECURITY_ERR)" location: "file:///C:/SketchBook-Dev/SketchBook.js Line: 236"]



here is the JS file:

Code:

var PenSize = "3";
var PenShape = "Circle";
var PenColor = "Black";
var LoadFile = "";
var UIstatus = "visible";
var CurrentNote = 0;
var BGcolor = "#C7C1A3";
var DataPath = "\Data\\";
var ImageExtension = ".img";
var FileList = [];
var SystemPath;
var UIstatus = "visible";
var Server = "localhost";
var NxtNote = new Image();

document.onkeyup = ToggleUI;

function Init()
{
 // Get the System Path
 GetSystemPath("SketchBook.html");
 
 // Load All Filenames of the DataPath directory into an array
 GetFileList(SystemPath + DataPath, FileList);
 
 //Load the first Note onto the canvas
   // if there are no notes in the directory, don't try to load anything
   if(FileList.length > 0)
      {
	   var Source = LoadFromDisk(FileList[CurrentNote]);
	   NxtNote.src = Source;
	   
	   // Load the image data onto the canvas
       var canvas = document.getElementById('SketchPage').getContext('2d');
       canvas.drawImage(NxtNote , 0, 0);
	  }
}

function HideOptions()
{
 document.getElementById("Options").style.visibility = "hidden";
}

function ToggleUI(e)
{
 var KeyID = (window.event) ? event.keyCode : e.keyCode;
 
 var KeyValue = 18;
 
 // Use a key to hide the toolbars so that most of the screen is used for the UI
 if(KeyID == KeyValue)
   {
    if(UIstatus == "visible")
	  {
	   UIstatus = "hidden";
	   document.getElementById("UI").style.visibility = "hidden";
	   return;
	  }
	if(UIstatus == "hidden")
	  {
	   UIstatus = "visible";
	   document.getElementById("UI").style.visibility = "visible";
	  }
   }
 
}

function ShowOptions()
{
 document.getElementById("Options").style.visibility = "visible";
}

function UpdatePenSize()
{
 PenSize = document.getElementById('GetPenSize').value;
}

function UpdatePenShape()
{
 PenShape = document.getElementById('GetPenShape').value;
}

function UpdatePenColor()
{
 PenColor = document.getElementById('GetPenColor').value;
}
	  
function Draw(element, event) 
{
  document.addEventListener("mousemove", PenHandler, true);
  document.addEventListener("mouseup", upHandler, true);

  event.stopPropagation();
  event.preventDefault();
	
  function PenHandler(event) 
  {
  
    var x = event.clientX;
	var y = event.clientY;
    
    // mouse event goes here
	var canvas = document.getElementById("SketchPage");
    var ctx = canvas.getContext("2d");

	if (PenShape ="Circle")
	   {
	    // This draws a circle
        ctx.fillStyle = PenColor;
        ctx.beginPath();
        ctx.arc(x, y, PenSize, 0, Math.PI*2, true);
        ctx.closePath();
        ctx.fill();
	   }
	 
    event.stopPropagation();
  }

  function upHandler(event) 
  {
    document.removeEventListener("mouseup", upHandler, true);     
    document.removeEventListener("mousemove", PenHandler, true);
    event.stopPropagation();
  }

}

function SaveNote()
{
 // Get the current file name
 var FileName = SystemPath + DataPath + CurrentNote + ImageExtension;

 // Convert the Canvas Data into a Base64 encoded PNG image
 var Note = document.getElementById("SketchPage").toDataURL();
 
 // Write the PNG file to the disk
 SaveToDisk(FileName, Note);
}

function NextNote(Direction)
{
 if(Direction == "up")
    {
	 // Display the previoius note
	 CurrentNote--;
	    // Make sure you don't incrimnet to a non-existant note
		if(CurrentNote <= 0)
		  {
		   CurrentNote = FileList.length;
		  }
		  
	  var Source = LoadFromDisk(FileList[CurrentNote]);
	  NxtNote.src = Source;
	 
	 // Load the image data onto the canvas
	 
	 // Clear the Pre-existing Canvas Data First
	  ClearSketch();
	  
	 var canvas = document.getElementById('SketchPage').getContext('2d');
     canvas.drawImage(NxtNote, 0, 0);
	 return;
	}
	
 if(Direction == "down")
    {
	 //Display the Next note
	 CurrentNote++;
	 	// Make sure you don't incrimnet to a non-existant note
		if(CurrentNote > FileList.length)
		  {
		   CurrentNote = 0;
		  }
	 var Source = LoadFromDisk(FileList[CurrentNote]);
	 NxtNote.src = Source;
	 
	 // Load the image data onto the canvas
	 
	 // Clear the Pre-existing Canvas Data First
	 ClearSketch();
	 var canvas = document.getElementById('SketchPage').getContext('2d');

     canvas.drawImage(NxtNote, 0, 0);
	 return;
	}
}

function DeleteNote()
{
 // Delete The current note
 DeleteFile(SystemPath + DataPath + FileList[CurrentNote]);
 
 // Reload the Directory List
    // Clear the FileList Array
	FileList = [];

  GetFileList(SystemPath + DataPath, FileList);

 // Load The Previous Note
 
 	 // Display the previoius note
	 CurrentNote--;
	    // Make sure you don't incrimnet to a non-existant note
		if(CurrentNote <= 0)
		  {
		   CurrentNote = FileList.length;
		  }
		  
	 var Source = LoadFromDisk(FileList[CurrentNote]);
	 NxtNote.src = Source;
	 	 
	 // Load the image data onto the canvas
	 var canvas = document.getElementById("SketchPage");
     var context = canvas.getContext("2d");
     canvas.drawImage(NxtNote, 0, 0);
	 return;
 
}

function AddNote()
{
 // Add a note to the notebook and at the end of the File List
 // **** Later this function should be modified to be an INSERT function rather than just an add
 // Just incase the user needs to go back an edit and add more things to their notebook
 
 CurrentNote++;
 
 // Add the new Note File name to the end of the FileList Array
 FileList.push(CurrentNote + ImageExtension);
 
 // Clear the Canvas
 ClearSketch();
 // Write a blank image file to the Data directory so that we have the actual file there
 
 var FileName = SystemPath + DataPath + CurrentNote + ImageExtension;
 var Note = document.getElementById("SketchPage").toDataURL();
}

function ClearSketch()
{
 // Clear the contents of the Canvas
 
 //Draw a rectangle that covers the canvas
 var canvas = document.getElementById("SketchPage");
 var ctx = canvas.getContext("2d");

 ctx.fillStyle = BGcolor;
 ctx.fillRect (0, 0, canvas.width, canvas.height);
}

function Crypt(method)
{
 // This function will Encrypt or Decrypt All the NoteData
 if(method == "encrypt")
   {
    
    return;
   }
 
 if(method == "decrypt")
   {
    
    return;
   }
}

function Archive(method)
{
 // This function will Restore or Backup all NoteData to a network resource
 if(method == "restore")
   {
    
    return;
   }
 
 if(method == "backup")
   {
    
    return;
   }
}
// ******************** These are the XPCOM Functions ************************

function GetSystemPath(ApplicationName)
{
 // This function should Detect the system directory of the app
 // and return that string as the  SystemPath variable
 // You must supply the filename of the HTML file that it is being called from
 // I suppose later i could add the code to detect the HTML's actual file name
 // It's on the ToDo List...
 
 var GetSysPath = self.location;
 GetSysPath = GetSysPath + "";
 Get = GetSysPath.replace("file:///" , "");
 Get = Get.replace(/\//g , "\\");
 Get = Get.replace(ApplicationName, "");
 SystemPath = Get;
 return SystemPath;
}

function DeleteFile(FileName)
{
 // Delete a local file
 netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
 var aFile = Components.classes["@mozilla.org/file/local;1"].createInstance();
 if (aFile instanceof Components.interfaces.nsILocalFile)
    {
     aFile.initWithPath(FileName);
     aFile.remove(false);
    }
}

function GetFileList(Directory, FileList)
{
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
var _nsILocalFile = Components.classes["@mozilla.org/file/local;1"]
      .createInstance(Components.interfaces.nsILocalFile);
// initialize path to work with
_nsILocalFile.initWithPath(Directory);
 
// get file interface implemenation
// this means that an XPCOM Class can implement multiple interface
var lv_oFile = _nsILocalFile.QueryInterface(Components.interfaces.nsIFile);
var lv_oEntries = lv_oFile.directoryEntries;
 
while(lv_oEntries.hasMoreElements())
{
   var lv_cFile = lv_oEntries.getNext()
     .QueryInterface(Components.interfaces.nsIFile).path;
   FileList.push(lv_cFile);
}
}

function SaveToDisk(filepath, content) {
	try {
		netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
	} catch (e) {
		alert("Permission to save file was denied.");
	}
	var file = Components.classes["@mozilla.org/file/local;1"]
		.createInstance(Components.interfaces.nsILocalFile);
	file.initWithPath( filepath );
	if ( file.exists() == false ) {
		file.create( Components.interfaces.nsIFile.NORMAL_FILE_TYPE, 420 );
	}
	var outputStream = Components.classes["@mozilla.org/network/file-output-stream;1"]
		.createInstance( Components.interfaces.nsIFileOutputStream );

	outputStream.init( file, 0x04 | 0x08 | 0x20, 420, 0 );
	var output = content;
	var result = outputStream.write( output, output.length );
	outputStream.close();
}

function LoadFromDisk(filePath)
{
 if(window.Components)
   try
   {
    netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
    var file = Components.classes["@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsILocalFile);
    file.initWithPath(filePath);
    if (!file.exists())
    return(null);
    var inputStream = Components.classes["@mozilla.org/network/file-input-stream;1"].createInstance(Components.interfaces.nsIFileInputStream);
    inputStream.init(file, 0x01, 00004, null);
    var sInputStream = Components.classes["@mozilla.org/scriptableinputstream;1"].createInstance(Components.interfaces.nsIScriptableInputStream);
    sInputStream.init(inputStream);
    return(sInputStream.read(sInputStream.available()));
   }
   catch(e)
   {
    //alert("Exception while attempting to load\n\n" + e);
    return(false);
   }
return(null);
}

and the HTML UI code:

Code:

<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Sketch Book v1.0</title>

<script src="SketchBook.js" type="text/javascript"></script>
<script src="JSxpcom.js" language="text/javascript"></script>




</head>
<body onLoad="Init();">
<div id="SketchPageView">
<canvas id="SketchPage" width="480" height="640" style="background: #C7C1A3; position: absolute; top: 0px; left: 0px;" onmousedown="Draw(this, event);"></canvas>
</div>

<div id="Options" style="position: absolute; visibility: hidden; top: 100px; left: 50px;">

<table cellwidth="100" border="0" cellpadding="0" cellspacing="0" height="50">
<tbody><tr><td><img src="./Image/TL-black.PNG" height="19" width="19"></td><td bgcolor="#bce0f8"><center><b>Options</b></center><img src="./Image/delete.png" style="position:absolute; top: 2px; left: 150px; height: 18; width: 18;" onClick="HideOptions();"></td><td><img src="./Image/TR-black.PNG" height="19" width="19"></td></tr>
<tr><td bgcolor="#bce0f8"></td>

<td bgcolor="#bce0f8">

<div style="border: 1px solid black;">
<table>
<tbody><tr>
<td><center>Pen Size</center></td><td><center>Color</center></td>
</tr>
<tr>
<td>
<select id="GetPenSize" onchange="UpdatePenSize();">
  <option value="1">1 px</option>
  <option value="2">2 px</option>
  <option value="3">3 px</option>
  <option value="4">4 px</option>
  <option value="5">5 px</option>
</select>
</td>
<td>
<select id="GetPenColor" onchange="UpdatePenColor();">
  <option value="Black">Black</option>
  <option value="White">White</option>
  <option value="Red">Red</option>
  <option value="Blue">Blue</option>
  <option value="Green">Green</option>
  <option value="Brown">Brown</option>
</select>
</td>
</tr>
<tr>
<td><input value="Restore" onclick="RestoreData();" type="button"></td><td><input value="Backup" onclick="BackupData();" type="button"></td>
</tr>
<tr>
<td><input value="Encrypt" onclick="EncryptData();" type="button"></td><td><input value="DeCrypt" onclick="DecryptData();" type="button"></td>
</tr>
</tbody></table>
</div>
</td>
<td bgcolor="#bce0f8"></td></tr>
<tr><td><img src="./Image/BL-black.PNG" height="19" width="19"></td> <td bgcolor="#bce0f8"></td><td align="right"><img src="./Image/BR-black.PNG" height="19" width="19"></td></tr>
</tbody></table>
</div>
<table id="UI" style="position: absolute; top: 0px; left: 412px; visibility: visible;" border="0" cellpadding="0" cellspacing="0" width="40">
<tbody><tr><td><img src="./Image/TL-black.PNG" height="19" width="19"></td><td bgcolor="#bce0f8"></td><td><img src="./Image/TR-black.PNG" height="19" width="19"></td></tr>
<tr><td bgcolor="#bce0f8"></td>
<td bgcolor="#bce0f8" height="600">
<img src="./Image/up.png" style="width: 30px; height: 30px;" alt="up" onclick="NextNote('up');"><br><br><br><br>
<img src="./Image/plus.png" style="width: 30px; height: 30px;" alt="add" onclick="AddNote();"><br><br><br><br>
<img src="./Image/save.png" style="width: 30px; height: 30px;" alt="save" onclick="SaveNote();"><br><br><br><br>
<img src="./Image/clear.png" style="width: 30px; height: 30px;" alt="clear" onclick="ClearSketch();"><br><br><br><br>
<img src="./Image/delete.png" style="width: 30px; height: 30px;" alt="delete" onclick="DeleteNote();"><br><br><br><br>
<img src="./Image/gear.png" style="width: 30px; height: 30px;" alt="options" onclick="ShowOptions();"><br><br>
<img src="./Image/down.png" style="width: 30px; height: 30px;" alt="down" onclick="NextNote('down');">
</td>
<td bgcolor="#bce0f8"></td>       </tr>
<tr><td><img src="./Image/BL-black.PNG" height="19" width="19"></td> <td bgcolor="#bce0f8"></td>   <td align="right"><img src="./Image/BR-black.PNG" height="19" width="19"></td></tr>
</tbody></table>
</body></html>

hello i'm building a search engine and one of the options i'm implementing is this: the user is able to control the scale of the thumbnail, small, medium and large the problem is that when i have 1000 pictures inside a div when i hit resize i get like a 5 sec delay for them to resize here is the javascript code:

Code:

Code:

var factor;
function fillImg(imgPath, imgElement){
    imageObj = new Image(32,32);
    imageObj.src = imgPath;
    if(imgElement.src != imgPath ){
        imgElement.src = imgPath;
    }
}

function errHandler(err){
    alert("Error occured!");
}

function resizeImgList(scale){
    if(scale == "s"){
        factor = 50;
    }else if(scale ==  "m"){
        factor = 100;
    }else{
        factor = 150;
    }

    var lists = document.getElementById("rs_ls").getElementsByTagName("li");
    for(var li_index = 0; li_index < lists.length; li_index++){
        var canvas = lists[li_index].getElementsByTagName("span");
        for(var c_index = 0; c_index < canvas.length; c_index++){
            var link = canvas[c_index].getElementsByTagName("a");
            for(var a_index = 0; a_index < link.length; a_index++){
                var image = link[a_index].getElementsByTagName("img");
                for(var i_index = 0; i_index < image.length; i_index++){
                    var w = $(image[i_index]).attr("width");
                    var h = $(image[i_index]).attr("height");
                    var results = resizeItem(w,h,factor,factor);
                    var w = results[0];
                    var h = results[1];
                    var m = results[2];
                    $(image[i_index]).attr("width",w);
                    $(image[i_index]).attr("height",h);
                    $(image[i_index]).attr("style","width:"+w+"px;height:"+h+"px;");
                }
                wa = w+12;
                ha = h+12;
                $(link[a_index]).attr("style","width:"+wa+"px;height:"+ha+"px;");
            }
            wc = w+12;
            hc = h+12;
            $(canvas[c_index]).attr("style","width:"+wc+"px;height:"+hc+"px;margin-left:"+m+"px;margin-right:"+m+"px;");
        }
        wli = w + 12 + m * 2;
        hli = h + 12;
        $(lists[li_index]).attr("style","width:"+wli+"px;height:"+hli+"px;");
    }
}


function resizeItem(eWidth, eHeight, tWidth, tHeight) {
    percentage = (tHeight / eHeight);
    newHeight = parseInt(eHeight * percentage);
    newWidth = parseInt(eWidth * percentage);
    if (newWidth > tWidth) {
        percentage = (tWidth / newWidth);
        newHeight = parseInt(newHeight * percentage);
        newWidth = parseInt(newWidth * percentage);
    }
        
    margin = (tWidth - newWidth + 12) / 2;
    results = [newWidth, newHeight, margin];
    return results;
}

each result set of 50 images has this structu

HTML Code:

Code:

<span>
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
.
.
.
<li>...</li>   <!-- 50 <li> -->
</ul>
</span>

so 50 results are contained inside a span
each <li> has this structure inside:

HTML Code:

Code:

<li>
<span>
<a href...>
<img>
</a>
</span>
</li>

I altered the resizeImgList function with 1 for loop but even then it didnt seem to improve. i was thinking that i could resize only the results the user is currently seeing inside the div, the current <span> of results but i'm anaware of how to accomplish this please if anyone has any idea I would be gratefull.

Thank you.

Peter.

PS. results (spans) are fetched via AJAX on scrolldown inside the a div (which is the result container).

Can someone explain what this does?

Code:

...
<script language=\"Javascript\" type=\"text/javascript\">
	function SecCheck(t) {
		if(t) refresh = setTimeout(\"document.location='index.php';\", t*1000);
	}
</script>

</head>

<body onLoad=\"SecCheck(30)\">
...

I am attempting to create a javascript code that will write out the lyrics to the popular Christmas song, The 12 Days of Christmas.

Here is what I have so far;
Code:

<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

	<html xmlns = "http://www.w3.org/1999/xhtml">
		<head>
		<title>ITS 200 Project 5: 12 Days of Christmas</title>
		<script type = "text/javascript">
			<!--
			document.writeln ("<h1> The 12 Days of Christmas </h1>");
				for (var i =1; i = 12; i++)
				{
					var day;
					var addline;
					var gift;
					var pastline;
					
					switch(i)
					{
						case 1:
							day = "first";
							addline = "A partridge in a pear tree.";
							pastline = "and" + addline;
							break;
						case 2:
							day = "second";
							addline = "Two Turtle Doves";
							break;
						case 3:
							day = "third";
							addline = "Three French Hens";
							break;
						case 4:
							day = "fourth";
							addline = "Four Calling Birds";
							break;
						case 5:
							day = "fifth";
							addline = "FIIIIVEEE GOOOOLDEN RIIIINGS!!!!!!";
							break;
						case 6:
							day = "sixth";
							addline = "Six Geese-a-laying";
							break;
						case 7:
							day = "seventh";
							addline = "Seven Swans-a-swimming";
							break;
						case 8:
							day = "eighth";
							addline = "Eight Maids-a-milking";
							break;
						case 9:
							day = "ninth";
							addline = "Nine Ladies Dancing";
							break;
						case 10:
							day = "tenth";
							addline = "Ten Lords-a-leaping";
							break;
						case 11:
							day = "eleventh";
							addline = "Eleven Pipers Piping";
							break;
						case 12:
							day = "twelfth";
							addline = "Twelve Drummers Drumming";
							break;
						} // end switch
						
						if (i==1)
							gift = addline;
						else
						{
							gift = addline + "<br>" + pastline;
							pastline = gift;
							} // end else
							document.writeln("<br>On the" + day + "of Christmas<br> my true love sent to me:"<br> + gift);
							}
							//-->
							</script>
							</head>
							<body>
							</body>
							</html>

I have no idea why only the heading is coming up!?

I have 2 dates in variables (formatted like 'Wed Jan 18 2012 01:01:01 GMT+0000 (BST)')

I need to minus them to get the days

This worked if they were in the same month

var amountOfDays = date.getDate() - datefirst.getDate();

However if the dates where in 2 different months it doesnt work. How would i do it better 2 months?

Hello,

I need to disable the first 3 days of a popup calendar so that users can only select a date which is 3 days in advance to the present date. I dont really know javascript so i would really appreciate if someone can help me out in this. Calendar code can be found below.

Code:

/* --- Swazz Javascript Calendar ---
/* --- v 1.0 3rd November 2006
By Oliver Bryant
http://calendar.swazz.org */

function getObj(objID)
{
    if (document.getElementById) {return document.getElementById(objID);}
    else if (document.all) {return document.all[objID];}
    else if (document.layers) {return document.layers[objID];}
}

function checkClick(e) {
	e?evt=e:evt=event;
	CSE=evt.target?evt.target:evt.srcElement;
	if (getObj('fc'))
		if (!isChild(CSE,getObj('fc')))
			getObj('fc').style.display='none';
}

function isChild(s,d) {
	while(s) {
		if (s==d) 
			return true;
		s=s.parentNode;
	}
	return false;
}

function Left(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function Top(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}
	
document.write('<table id="fc" style="position:absolute;border-collapse:collapse;background:#FFFFFF;border:1px solid #ABABAB;display:none" cellpadding=2>');
document.write('<tr><td style="cursor:pointer" onclick="csubm()"><img src="../../public/front/includes/classes/images/arrowleftmonth.gif"></td><td colspan=5 id="mns" align="center" style="font:bold 13px Verdana"></td><td align="right" style="cursor:pointer" onclick="caddm()"><img src="../../public/front/includes/classes/images/arrowrightmonth.gif"></td></tr>');
document.write('<tr><td align=center style="background:#ABABAB;font:12px Verdana">S</td><td align=center style="background:#ABABAB;font:12px Verdana">M</td><td align=center style="background:#ABABAB;font:12px Verdana">T</td><td align=center style="background:#ABABAB;font:12px Verdana">W</td><td align=center style="background:#ABABAB;font:12px Verdana">T</td><td align=center style="background:#ABABAB;font:12px Verdana">F</td><td align=center style="background:#ABABAB;font:12px Verdana">S</td></tr>');
for(var kk=1;kk<=6;kk++) {
	document.write('<tr>');
	for(var tt=1;tt<=7;tt++) {
		num=7 * (kk-1) - (-tt);
		document.write('<td id="v' + num + '" style="width:18px;height:18px">&nbsp;</td>');
	}
	document.write('</tr>');
}
document.write('</table>');

document.all?document.attachEvent('onclick',checkClick):document.addEventListener('click',checkClick,false);


// Calendar script
var now = new Date;
var sccm=now.getMonth();
var sccy=now.getFullYear();
var ccm=now.getMonth();
var ccy=now.getFullYear();

var updobj;
function lcs(ielem) {
	updobj=ielem;
	getObj('fc').style.left=Left(ielem);
	getObj('fc').style.top=Top(ielem)+ielem.offsetHeight;
	getObj('fc').style.display='';
	
	// First check date is valid
	curdt=ielem.value;
	curdtarr=curdt.split('/');
	isdt=true;
	for(var k=0;k<curdtarr.length;k++) {
		if (isNaN(curdtarr[k]))
			isdt=false;
	}
	if (isdt&(curdtarr.length==3)) {
		ccm=curdtarr[1]-1;
		ccy=curdtarr[2];
		prepcalendar(curdtarr[0],curdtarr[1]-1,curdtarr[2]);
	}
	
}

function evtTgt(e)
{
	var el;
	if(e.target)el=e.target;
	else if(e.srcElement)el=e.srcElement;
	if(el.nodeType==3)el=el.parentNode; // defeat Safari bug
	return el;
}
function EvtObj(e){if(!e)e=window.event;return e;}
function cs_over(e) {
	evtTgt(EvtObj(e)).style.background='#CD2F30';
}
function cs_out(e) {
	evtTgt(EvtObj(e)).style.background='#F0F0F0';
}
function cs_click(e) {
	updobj.value=calvalarr[evtTgt(EvtObj(e)).id.substring(1,evtTgt(EvtObj(e)).id.length)];
	getObj('fc').style.display='none';
	
}

var mn=new Array('JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC');
var mnn=new Array('31','28','31','30','31','30','31','31','30','31','30','31');
var mnl=new Array('31','29','31','30','31','30','31','31','30','31','30','31');
var calvalarr=new Array(42);

function f_cps(obj) {
	obj.style.background='#F0F0F0';
	obj.style.font='10px Verdana';
	obj.style.color='#333333';
	obj.style.textAlign='center';
	obj.style.textDecoration='none';
	obj.style.border='1px solid #6487AE';
	obj.style.cursor='pointer';
}

function f_cpps(obj) {
	obj.style.background='#F0F0F0';
	obj.style.font='10px Verdana';
	obj.style.color='#ABABAB';
	obj.style.textAlign='center';
	obj.style.textDecoration='line-through';
	obj.style.border='1px solid #6487AE';
	obj.style.cursor='default';
}

function f_hds(obj) {
	obj.style.background='#FFF799';
	obj.style.font='bold 10px Verdana';
	obj.style.color='#333333';
	obj.style.textAlign='center';
	obj.style.border='1px solid #6487AE';
	obj.style.cursor='pointer';
}

// day selected
function prepcalendar(hd,cm,cy) {
	now=new Date();
	sd=now.getDate();
	td=new Date();
	td.setDate(1);
	td.setFullYear(cy);
	td.setMonth(cm);
	cd=td.getDay();
	getObj('mns').innerHTML=mn[cm]+ ' ' + cy;
	marr=((cy%4)==0)?mnl:mnn;
	for(var d=1;d<=42;d++) {
		f_cps(getObj('v'+parseInt(d)));
		if ((d >= (cd -(-1))) && (d<=cd-(-marr[cm]))) {
			dip=((d-cd < sd)&&(cm==sccm)&&(cy==sccy));
			htd=((hd!='')&&(d-cd==hd));
			if (dip)
				f_cpps(getObj('v'+parseInt(d)));
			else if (htd)
				f_hds(getObj('v'+parseInt(d)));
			else
				f_cps(getObj('v'+parseInt(d)));

			getObj('v'+parseInt(d)).onmouseover=(dip)?null:cs_over;
			getObj('v'+parseInt(d)).onmouseout=(dip)?null:cs_out;
			getObj('v'+parseInt(d)).onclick=(dip)?null:cs_click;
			
			getObj('v'+parseInt(d)).innerHTML=d-cd;	
			calvalarr[d]=''+(d-cd)+'-'+(cm-(-1))+'-'+cy;
		}
		else {
			getObj('v'+d).innerHTML=' ';
			getObj('v'+parseInt(d)).onmouseover=null;
			getObj('v'+parseInt(d)).onmouseout=null;
			getObj('v'+parseInt(d)).style.cursor='default';
			}
	}
}

prepcalendar('',ccm,ccy);
//getObj('fc'+cc).style.visibility='hidden';

function caddm() {
	marr=((ccy%4)==0)?mnl:mnn;
	
	ccm+=1;
	if (ccm>=12) {
		ccm=0;
		ccy++;
	}
	cdayf();
	prepcalendar('',ccm,ccy);
}

function csubm() {
	marr=((ccy%4)==0)?mnl:mnn;
	
	ccm-=1;
	if (ccm<0) {
		ccm=11;
		ccy--;
	}
	cdayf();
	prepcalendar('',ccm,ccy);
}

function cdayf() {
if ((ccy>sccy)|((ccy==sccy)&&(ccm>=sccm)))
	return;
else {
	ccy=sccy;
	ccm=sccm;
	cfd=scfd;
	}
}

Thank you very much in advance
Sami

Hi,

I am using the jQuery UI Datepicker - Event Search. as a booking-system.

I want to automatically disable days from my MYSQL table in my booking-system (datePicker).

So, here is the deal:

In my website, there is booking-system, you can reserve a room from datePicker.

I have successfully created a PHP, which sends the information (name, room, date etc.) to my MYSQL.

Then I have successfully created a datesonly.php, which prints only a dates from my MYSQL.

So now I have to make javascript (?) which reads dates from datesonly.php and draws a booked-note to my datePicker at website (so people can see which days are booked --> no double-books!).

Booked-note should be something like that day in datePicker is red.


Thank you! And sorry for my bad english, I'm from Finland.
EDIT: Sorry, the title should be:
Disabling days from datePicker via JavaScript

Hi, i have just started learning & understanding JavaScript.
I am just trying to do a small project for my Brother regarding Leave Management, for which its required to Select the From Date & To Date, wherein the Total no. of days should be calculated, excluding the weekends.

I have just worked around to calculate the number of days but i am not sure how to exclude the Weekends. & what if the the Year is a Leap year - So how will i include the Extra days of Feb month. I am using RAD date-pickers to get the Value & split it.

But being a newbie to the Coding world i m really N'joyin the JavaScript....

Just need help regarding this coz i m totally helpless...

I am taking the 2 Dates from 2 Rad Datepickers & diplaying the Number of Days in a Text Box.

Here is My Coding :-
Code:

 <script type="text/javascript">  

function CalcLeaveDays()
       {
            var FromDate=document.getElementById("ctl00_ContentPlaceHolder1_ApplyLeaveNew_control_rdpStartdate");
            var ToDate=document.getElementById("ctl00_ContentPlaceHolder1_ApplyLeaveNew_control_rdpEnddate");
            document.getElementById("ctl00_ContentPlaceHolder1_ApplyLeaveNew_control_txtnoofdays");
                    
            var weekday=new Array(7);
            weekday[0]="Sunday";
            weekday[1]="Monday";
            weekday[2]="Tuesday";
            weekday[3]="Wednesday";
            weekday[4]="Thursday";
            weekday[5]="Friday";
            weekday[6]="Saturday";
         
            var FrmDate=FromDate.value.substring(8,10);
            var FrmMonth=FromDate.value.substring(5,7);
            var FrmYear=FromDate.value.substring(0,4);
            var TDate=ToDate.value.substring(8,10);
            var TMonth=ToDate.value.substring(5,7);
            var TYear=ToDate.value.substring(0,4);
            var sysDate=new Date();
            var sysDay=sysDate.getDate();
            var sysMonth=(sysDate.getMonth())+1;           
            var sysYear=sysDate.getFullYear();
                 

            var LeaveDays;
                
            if(FrmYear>=sysYear)
            {
                if((FrmMonth>=sysMonth)&(TMonth>=sysMonth))
                {
                     if(FrmDate>(sysDay+3))
                     {
                        if(TDate>=FrmDate)
                        {
                            if(FrmDate==TDate)
                            {
                                alert ('1')
                                LeaveDays = 1;
                            }
                            else if(TDate>FrmDate)
                            {
                                alert(TDate-FrmDate+1);
                                LeaveDays = TDate-FrmDate+1;                                
                                                          
                            }
                            else
                            {
                                alert('Check');
                                return false;
                            }
                        }
                        else
                        {
                            alert('Kindly Select the End Date Appropriately ');
                            return false;
                            
                        }
                    }
                }
            }
    


	document.getElementById("ctl00_ContentPlaceHolder1_ApplyLeaveNew_control_txtnoofdays").value =LeaveDays;
             
       }

  </script>