JavaScript - Java Script Date Object Issue In Brazil Time Zone

Quote:
<SCRIPT LANGUAGE="JavaScript1.2">

<!-- Begin
var days=new Array(8);
days[1]="Monday";
days[2]="Tuesday";
days[3]="Wednesday";
days[4]="Thursday";
days[5]="Friday";
days[6]="Saturday";
days[7]="Sunday";
var months=new Array(13);
months[1]="January";
months[2]="February";
months[3]="March";
months[4]="April";
months[5]="May";
months[6]="June";
months[7]="July";
months[8]="August";
months[9]="September";
months[10]="October";
months[11]="November";
months[12]="December";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var ldays=days[time.getDay() + 1];
var date=time.getDate();
var year=time.getYear();
var hour=time.getHours();
var min=time.getMinutes()
if (year < 2000)
year = year + 1900;
if (hour > 15) {
date = date + 1;
}

document.write("<center>" + lmonth +" ");
document.write(date + ", " + year + "</center>");
// End -->
</SCRIPT>
</CENTER>
Can anyone help me edit this so that on Saturday at 10am the date displays mondays date.

Thanks

I have the following code on my site.

I use this in the header of mysite

Code:

<script type="text/javascript">

var weekdaystxt=["Sun", "Mon", "Tues", "Wed", "Thurs", "Fri", "Sat"]
var montharray=("January","February","March","April","May","June","July","August","September","October","November","December")
function showLocalgetthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym



function showLocalTime(container, servermode, offsetMinutes, displayversion){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.displayversion=displayversion
var servertimestring=(servermode=="server-php")? '<? print date("F d, Y H:i:s", time())?>' : (servermode=="server-ssi")? '<!--#config timefmt="%B %d, %Y %H:%M:%S"--><!--#echo var="DATE_LOCAL" -->' : '<%= Now() %>'
this.localtime=this.serverdate=new Date(servertimestring)
this.localtime.setTime(this.serverdate.getTime()+offsetMinutes*60*1000) //add user offset to server time
this.updateTime()
this.updateContainer()
}

showLocalTime.prototype.updateTime=function(){
var thisobj=this
this.localtime.setSeconds(this.localtime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second
}

showLocalTime.prototype.updateContainer=function(){
var thisobj=this
if (this.displayversion=="long")
this.container.innerHTML=this.localtime.toLocaleString()
else{
var hour=this.localtime.getHours()
var minutes=this.localtime.getMinutes()
var seconds=this.localtime.getSeconds()
var ampm=(hour>=12)? "PM" : "AM"
var dayofweek=weekdaystxt[this.localtime.getDay()]
this.container.innerHTML=formatField(hour, 1)+":"+formatField(minutes)+":"+formatField(seconds)+" "+ampm+ "
"+montharray(month)+" ("+dayofweek+")"
}
setTimeout(function(){thisobj.updateContainer()}, 1000) //update container every second
}

function formatField(num, isHour){


</script>

I use this to display the information.

Code:

<script type="text/javascript">
new showLocalTime("timecontainer", "server-php", 0, "short")
new showLocalTime("timecontainer2", "server-php", +300, "short")
new showLocalTime("timecontainer3", "server-php", +360, "short")
new showLocalTime("timecontainer4", "server-php", +600, "short")
</script>

This gives me 4 clocks which i set at different time zones

Can someone assist me in showing me a way to accelerate the time for this clock. I would like the minutes to be only 5 seconds long versus the normal 60 seconds per minute. I fly a flight sim and the in game world clock is accelerated at this pace and my squad would like to be able to see the time it would currently be in the game so we can avoid launching the game at certain in game times. If this can't be done, does anyone know of a separate java script that can accomplish this? Thank you in advance, any and all help would be greatly appreciated.

Can someone help me modify this script be set to a specific Time Zone rather than picking up the time from the local machine?
I want it to countdown to 6:00 am EST.

http://javascript.internet.com/time-...countdown.html

Can anyone tell me what to add where if it is possible? Thank you in advance.

hi

I am creating a gallery using my flickr feed. I have the bones of it working the only issue is with the thumbnail pulled from flickr. You get the option of small medium and large whicj Im using meduim.

I want to add an image border around the thumbnails using a background image

but when I add the styles it wont work. If i add a width to the img tag it will distrit the images because its being pulled from the flickr api

anyone any ideas on how to get the background image working?


html code is here

Code:

<body>


	<!-- Some Content -->
	<div id="gallery"> 
	
	
	 <input type='hidden' id='current_page' />  
     <input type='hidden' id='show_per_page' />  
		<div id="flickr">
		
	

		</div> 
		
		<div id='page_navigation'></div>  
		
		
	</div>	
	

</body>

CSS for the img is

Code:

[.hidden {
	display: none;
}

div#flickr a.lightbox img {
	border: 5px solid #b3aaa4;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom:30px
}

and the java script is here

Code:

$(function() {
  
    
    $.getJSON('http://api.flickr.com/services/rest/?format=json&method='+
        'flickr.photos.search&api_key=' + apiKey + '&user_id=' + userId + 
        '&tags=' + tag + '&per_page=' + perPage + '&jsoncallback=?', 
    function(data){
        var classShown = 'class="lightbox"';
        var classHidden = 'class="lightbox hidden"';
        
        $.each(data.photos.photo, function(i, rPhoto){
            var basePhotoURL = 'http://farm' + rPhoto.farm + '.static.flickr.com/'
                + rPhoto.server + '/' + rPhoto.id + '_' + rPhoto.secret;
            
            var thumbPhotoURL = basePhotoURL + '_m.jpg';
            var mediumPhotoURL = basePhotoURL + '.jpg';
            
            var photoStringStart = '<a ';
            var photoStringEnd = 'title="' + rPhoto.title + '" href="'+ 
                mediumPhotoURL +'"><img src="' + thumbPhotoURL + '" alt="' + 
                rPhoto.title + '"/></a>;'
            var photoString = (i < showOnPage) ? 
                photoStringStart + classShown + photoStringEnd : 
                photoStringStart + classHidden + photoStringEnd;

            $(photoString).appendTo("#flickr");
        });
        $("a.lightbox").lightBox();
    });
});

anyone?

Hi there! Well, I recently found the Image clock code, and I am loving it! But, I would like it to only display pacific time, not retrieve the time from a users browser.

Here's my code:

Code:

<script type="text/javascript">

/***********************************************

* JavaScript Image Clock- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more

***********************************************/

var imageclock=new Object()
	//Enter path to clock digit images here, in order of 0-9, then "am/pm", then colon image:
	imageclock.digits=["/users/1712/49/18/66/album/c012.png", "/users/1712/49/18/66/album/c112.png", "/users/1712/49/18/66/album/c211.png", "/users/1712/49/18/66/album/c311.png", "/users/1712/49/18/66/album/c411.png", "/users/1712/49/18/66/album/c511.png", "/users/1712/49/18/66/album/c611.png", "/users/1712/49/18/66/album/c711.png", "/users/1712/49/18/66/album/c811.png", "/users/1712/49/18/66/album/c911.png", "/users/1712/49/18/66/album/cam11.png", "/users/1712/49/18/66/album/cpm13.png", "/users/1712/49/18/66/album/ccolon11.png"]
	imageclock.instances=0
	var preloadimages=[]
	for (var i=0; i<imageclock.digits.length; i++){ //preload images
		preloadimages[i]=new Image()
		preloadimages[i].src=imageclock.digits[i]
	}

	imageclock.imageHTML=function(timestring){ //return timestring (ie: 1:56:38) into string of images instead
		var sections=timestring.split(":")
		if (sections[0]=="0") //If hour field is 0 (aka 12 AM)
			sections[0]="12"
		else if (sections[0]>=13)
			sections[0]=sections[0]-12+""
		for (var i=0; i<sections.length; i++){
			if (sections[i].length==1)
				sections[i]='<img src="'+imageclock.digits[0]+'" />'+'<img src="'+imageclock.digits[parseInt(sections[i])]+'" />'
			else
				sections[i]='<img src="'+imageclock.digits[parseInt(sections[i].charAt(0))]+'" />'+'<img src="'+imageclock.digits[parseInt(sections[i].charAt(1))]+'" />'
		}
		return sections[0]+'<img src="'+imageclock.digits[12]+'" />'+sections[1]+'<img src="'+imageclock.digits[12]+'" />'+sections[2]
	}

	imageclock.display=function(){
		var clockinstance=this
		this.spanid="clockspan"+(imageclock.instances++)
		document.write('<span id="'+this.spanid+'"></span>')
		this.update()
		setInterval(function(){clockinstance.update()}, 1000)
	}

	imageclock.display.prototype.update=function(){
		var dateobj=new Date()
		var currenttime=dateobj.getHours()+":"+dateobj.getMinutes()+":"+dateobj.getSeconds() //create time string
		var currenttimeHTML=imageclock.imageHTML(currenttime)+'<img src="'+((dateobj.getHours()>=12)? imageclock.digits[11] : imageclock.digits[10])+'" />'
		document.getElementById(this.spanid).innerHTML=currenttimeHTML

	}


</script>




<DIV STYLE="position:absolute; top:260px; left:215px; width:109px; height:28px">
<FONT SIZE="+2" COLOR="black">
<TABLE BORDER="0" cellpadding="10" CELLSPACING="0" TOP MARGIN="0">
<TR>

<TD WIDTH="109" HEIGHT="28" BACKGROUND="/users/1712/49/18/66/album/clock210.png" VALIGN="top">

<script type="text/javascript">

new imageclock.display()

</script>

</TD>
</TR>
</TABLE>
</DIV>

Much appreciated!

hi,

can some one help me how to get the time and date difference? given two time and date with the following format like in textbox A: 2011-05-03 17:35:47.0 and textbox B: 2011-05-03 16:35:47.0 then the output would be: 0 days, 1 hour, 0 minutes, 0 seconds

regards,
verve

I have 2 drag-able containers, they are created in PHP objects which are linked to a file.

The working example can be found he 888x7.com
The problem that I'm facing is that I can't click test1, and only test2. Now I originally though that it was something to do with them having the same java-script variables, so I renamed all the variables using a unique ID to each object too no success.

Here's the code:
PHP file:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html> 
    <head>
    	<?php
		include 'design/compatability.php';
		include 'design/meta.php';
		?>
            
        <link rel="stylesheet" type="text/css" href="css.css" />
        
        <title></title>
        
	</head>

    <body>
    
    	<div id="background">
            <img src="images/bg1.jpg" class="stretch" alt="" />
        </div>
        
        
        <div id="wrapper">
        	<?php include 'design/dragdiv.php';   
			 				
				$container = new dragable_box(200, 300, 10, 60, "../designimages/bggrey.png", "test", 1);
				
				$container2 = new dragable_box(590, 400, 10, 10, "../designimages/bggrey.png", "test", 2);
			?>
            
            <?php include 'design/toplinks.php'; ?>
            
            
        </div>
        
        <?php include 'design/footer.php'; ?>
        
    </body>
    
</html>

Code:

<?php 
class dragable_box
{
	public function __construct($width, $height, $x, $y, $bg, $text, $id)
	{
?>

<style type="text/css">

#mydiv<?php echo $id; ?>
{
	z-index:10;
	background-image:url(<?php echo $bg; ?>);
	color:#ffffff;
	width: <?php echo $width; ?>px;
	height: <?php echo $height; ?>px;
	position: absolute;
	top: <?php echo $x; ?>%;
	left: <?php echo $y; ?>%;
	cursor:move;
	padding:10px;
}

</style>

<script language="javascript">

var positionx = <?php echo $x; ?>;
var positiony = <?php echo $y; ?>;

var setpositionx = window.innerWidth * positionx / 100;
var setpositiony = window.innerHeight * positiony / 100;

var drag=0;

var xdif=0;
var ydif=0;

var initx=setpositionx;
var inity=setpositiony;

function begindrag<?php echo $id; ?>(event)
{
	if(drag==0)
	{
		floatingd = document.getElementById("mydiv<?php echo $id; ?>");
		
		if(floatingd.style.left=="")
		{
			floatingd.style.left=initx;
		}
		
		if(floatingd.style.top=="")
		{
			floatingd.style.top=inity;
		}
		
		prex=floatingd.style.left.replace(/px/,"");
		prey=floatingd.style.top.replace(/px/,"");
		
		drag=1;
		
		xdif = event.clientX-prex;
		ydif = event.clientY-prey;
	}

	else
	{
		drag=0;
	}
}

function mousepos<?php echo $id; ?>(event)
{
	floatingd = document.getElementById("mydiv<?php echo $id; ?>");
	
	if(drag==1)
	{
		floatingd.style.left = event.clientX-setpositionx+"px";
		floatingd.style.top = event.clientY-setpositiony+"px";
	}
}

</script>

</HEAD>
<BODY onMouseMove="mousepos<?php echo $id; ?>(event)" >

<div id='mydiv<?php echo $id; ?>' onClick="begindrag<?php echo $id; ?>(event)" >
	<?php 
		echo $text;
		echo $id; 
    ?>
</div>

<?php } } ?>

I need help being able to select both DIV's, can anyone point me in the right direction?

Thanks

I have a Java Applet that I have been managing for some time. Approximately how long would it take to port a 900 line Java Applet to JavaScript? My intention is to reproduce as close as I can to the Java Applet. If you would like to see the Java Applet code, it is available here : http://www.chatapp.comuf.com/AppletClient(Public).java
This Java Applet is a chat client that connects to a Java server (I am NOT porting the server). It has a simple interface with panel tabs for various activities (chat room, login, text color chooser, etc).

**Note : I have not programmed in JavaScript before. I went over some tutorials before I posted this.

***N00b note : I know Java and JavaScript have NOTHING to do with each other.

I need to assign a key in the javascript to actually make the javascript work,.

I have a bookmark in chrome , a javascript , which actually works when clicked on it .,. but how can i edit it so that i can actually make it work on click a key or combination of keys.

i want to declare the key or keycombo in the script itself .,.

the script is for catching the selected text on the webpage and opening a new tab(or window) and doing an exact search search of the selected text using google.com .,.,

So I want it to work it this way .,

select the text
press a key
and it opens a new tab (or window) with an xact search .,.
i want to declare the key or keycombo in the script itself .,.

the script is for catching the selected text on the webpage and opening a new tab(or window) and doing an exact search search of the selected text using google.com .,.,

So I want it to work it this way .,

select the text
press a key
and it opens a new tab (or window) with an xact search .,.


Thanks in advance .,

Nani

Can someone help tell me where i've gone wrong! My finished script works in all browser except IE in IE it works on some machines not others, if i put the finesed page in a Iframe on another site it works but not in the original URL and on my machine it works if i go directly to the URL however if i hit refresh it doesn't work until i go directly to the URL again! In developer tools it comes up with the following error:

SCRIPT5022: DOM Exception: TYPE_MISMATCH_ERR (17)
cgl.js, line 147 character 3

here is the script it is referring too! Please help!!!
PHP Code:
var CGL = {};
CGL.canvas = {
    DEFAULT_CONTEXT : "2d",
    DEFAULT_CANVAS_ID : "cglcanvas",
    
    CANVAS_CONTAINER : "",
    CANVAS_WIDTH : 300,
    CANVAS_HEIGHT : 200,
    TARGET_FPS : 60,

    setDefault : function(option, value){
        CGL.canvas[option] = value;
    },

    getDefault : function(option){
        return CGL.canvas[option];
    },
    /**
     *  @method createCanvas(id, width, height)
     *  @param id : sets the CANVAS_CONTAINER
     *  @param width : sets the CANVAS_WIDTH
     *  @param height : sets the CANVAS_HEIGHT
     *  
     *  Creates a <canvas> element that will be used as the main graphics container for the game!
     */
    createCanvas : function(id, width, height){
        
        var canvas = document.createElement("canvas");
        
        CGL.canvas.CANVAS_WIDTH = width;
        CGL.canvas.CANVAS_HEIGHT = height;
        CGL.canvas.CANVAS_CONTAINER = id;
        
        canvas.setAttribute("width", width);
        canvas.setAttribute("height", height);
        canvas.style.borderColor = "black";
        canvas.style.borderStyle = "solid";
        canvas.style.borderWidth = "1px";
        canvas.setAttribute("id", CGL.canvas.DEFAULT_CANVAS_ID);
        
        document.getElementById(id).appendChild(canvas);
        
        var elem = document.createElement("div");
        elem.setAttribute("id", "status");
        elem.style.width = width + "px";
        elem.style.height = "120px";
        elem.style.overflowY = "scroll";
        elem.style.borderColor = "black";
        elem.style.borderStyle = "solid";
        elem.style.borderWidth = "1px";
        elem.style.color = "black";
        elem.style.backgroundColor = "white";
        elem.style.display = "none";
        document.getElementById(id).appendChild(elem);
    },
    
    /**
     * @method getContext()
     * 
     * Returns the graphic context as chosen by the DEFAULT_CONTEXT global.
     */
    getContext : function(){
        var canvas = document.getElementById(CGL.canvas.DEFAULT_CANVAS_ID);
        return canvas.getContext(CGL.canvas.DEFAULT_CONTEXT);
    }
};

CGL.image = {
    
    IMAGE_ID : 0,
    
    DEFAULT_IMAGECONT_ID : "imgcont",
    
    createImageContainer : function() {
        
        var div = document.createElement("div");
        
        div.setAttribute("id", CGL.image.DEFAULT_IMAGECONT_ID);
        div.style.display = "none";
        document.body.appendChild(div);
    },
    
    load : function(src, id){
        var img = document.createElement("img");
        img.setAttribute("src", src);
        img.setAttribute("id", id);
        img.setAttribute("onload", "notifyLoaded(" + id + ")");
        document.getElementById(CGL.image.DEFAULT_IMAGECONT_ID).appendChild(img);
    },
    
    Image : function(source, uid, srcx, srcy){
        var img = {
            id : uid,
            x : srcx,
            y : srcy
        };
        CGL.image.load(source, uid);
        return img;
    },
    
    render : function(ctx, img){
        ctx.drawImage(document.getElementById(img.id), img.x, img.y);
    },
    
    renderAt : function(ctx, imgid, x, y){
        ctx.drawImage(document.getElementById(imgid), x, y);
    },
    
    renderPart : function(ctx, imgid, srcx, srcy, srcwidth, srcheight, destx, desty, destwidth, destheight){
        ctx.drawImage(document.getElementById(imgid), srcx, srcy, srcwidth, srcheight, destx, desty, destwidth, destheight);
    }
};

CGL.sprite = {
    
    Sprite : function(frames, time){
        var sprite = {
            active : true,
            speed : time || 500,
            activeFrame : 0,
            maxFrames : frames.length - 1,
            images : frames,
            timeCount : 0,
            loop : true,
            
            nextFrame : function(){
                sprite.activeFrame += 1;
                
                if(sprite.activeFrame > sprite.maxFrames)
                {
                    if(sprite.loop)
                    {
                        sprite.activeFrame = 0;
                    }
                    else
                    {
                        sprite.activeFrame = 0;
                        sprite.active = false;
                    }
                }
            },
            
            setSpeed : function(time){
                sprite.speed = time;
            },
            
            setLoop : function(looping){
                sprite.loop = looping;
            },
            
            setActiveFrame : function(actFrame){
                sprite.activeFrame = actFrame;
            },
            
            stop : function(){
                sprite.active = false;
            },
            
            start : function(){
                sprite.active = true;
            },
            
            replay : function(){
                sprite.activeFrame = 0;
                sprite.active = true;
            },
            
            update : function(time){
                if(sprite.active)
                {
                    sprite.timeCount += time;
                }
                    
                if(sprite.timeCount > sprite.speed)
                {
                    sprite.nextFrame();
                    sprite.timeCount = 0;
                }
            },
            
            render : function(ctx, x, y){
                ctx.drawImage(document.getElementById(sprite.images[sprite.activeFrame]), x, y);
            }
        };
        
        return sprite;
    }

};

CGL.resource = {
        
    RESOURCES : 0,
    
    loadImages : function(xml){
        var image, elem, i;
        var img = new Array();
        var imgsrc, imgid;
        xmlhttp = CGL.ajax._createXHR();
        xmlhttp.onreadystatechange = function(){
            if (xmlhttp.readyState==4 && xmlhttp.status==200){
                image = xmlhttp.responseXML.documentElement.getElementsByTagName("image");
                for(i = 0; i < image.length; i++){
                    elem = image[i].getElementsByTagName("src");
                    try{
                        imgsrc = elem[0].firstChild.nodeValue;
                    }
                    catch(er){
                    }
                    elem = image[i].getElementsByTagName("id");
                    try{
                        imgid = elem[0].firstChild.nodeValue;
                    }
                    catch(er){
                    }
                    CGL.image.load(imgsrc, imgid);
                    img[i] = imgid;
                    CGL.resource.RESOURCES++;
                    CGL.util.printLn("Loaded Image: " + imgsrc + " With ID: " + imgid);
                }
              }
            
        };
        xmlhttp.open("GET",xml,false);
        xmlhttp.send();
        return img;
    }
};

CGL.highscore = {
        
    highscore : function(url, posts) {
        var highScore = {
            name : new Array(posts),
            score : new Array(posts),
            level : new Array(posts),
            size : posts,
            
            getHighScore : function() {
                highScore.size = 10;
                xmlhttp = CGL.ajax._createXHR();
                xmlhttp.onreadystatechange = function()
                {
                    if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
                    {
                        var string = xmlhttp.responseText;
                        var list = eval( "(" + string + ")" );
                        
                        for(i = 0; i < list.length; i++){
                            highScore.name[i] = list[i].name;
                            highScore.score[i] = list[i].score;
                            highScore.level[i] = list[i].level;
                        }
                        highScore.size = list.length;
                      }
                }
                xmlhttp.open("GET",url + "?action=get&posts=" + highScore.size ,false);
                xmlhttp.send();
            },
        
            recordHighScore : function(name, level, score) {
                xmlhttp = CGL.ajax._createXHR();
                xmlhttp.onreadystatechange = function()
                {
                    if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
                    {
                        CGL.util.printLn(xmlhttp.responseText);
                      }
                }
                xmlhttp.open("GET",url + "?action=put&name=" + name + "&score=" + score + "&level=" + level ,false);
                xmlhttp.send();
            },
            
            reInit : function() {
                for(var i = 0; i < highScore.size; i++)
                {
                    delete highScore.name[highScore.size-i];
                    delete highScore.score[highScore.size-i];
                    delete highScore.level[highScore.size-i];
                }
            }
        };
        return highScore;
    }
};

CGL.ajax = {
        
    _createXHR : function() { 
    
        try { return new XMLHttpRequest(); } catch(e) {}
        try { return new ActiveXObject("Msxml2.XMLHTTP.6.0"); } catch (e) {}
        try { return new ActiveXObject("Msxml2.XMLHTTP.3.0"); } catch (e) {}
        try { return new ActiveXObject("Msxml2.XMLHTTP"); }       catch (e) {}
        try { return new ActiveXObject("Microsoft.XMLHTTP"); }  catch (e) {}
                                         
        return null;
    }
};

CGL.util = {
    
    MESSAGE_ID : 0,
    LASTUPDATE : 0,
    UPDATE_RPS : 40,
    
    
    printLn : function(message) {
        var elem = document.createElement("p");
        elem.setAttribute("id", CGL.util.MESSAGE_ID);
        document.getElementById("status").appendChild(elem);
        document.getElementById(CGL.util.MESSAGE_ID).innerHTML = CGL.util.MESSAGE_ID + " : " + message;
        CGL.util.MESSAGE_ID++;
    },
    
    gameTimer : function() {
        delta = new Date();
        if(delta.getTime() > CGL.util.LASTUPDATE + 1000/CGL.util.UPDATE_RPS)
        {
            CGL.util.LASTUPDATE = delta.getTime();
            return true;
        }
        else
            return false;
    },
};

CGL.math = {
    
    Vector2 : function(vx, vy) {
        var Vector2 = {
                x : vx || 0.0,
                y : vy || 0.0,
        
            interpolate : function(a_vec, b_vec, a_f){
                return a_vec.mul(a_f).add(b_vec.mul(1-a_f));    
            },
        
            mul : function(other){
                Vector2.x *= other.x;
                Vector2.y *= other.y;
            },
        
            mulScale : function(scale) {
                Vector2.x *= scale;
                Vector2.y *= scale;
            },
        
            sub : function(other) {
                Vector2.x -= other.x;
                Vector2.y -= other.y;
            },
        
            add : function(other) {
                Vector2.x += other.x;
                Vector2.y += other.y;
            },
        
            div : function(other) {
                Vector2.x /= other.x;
                Vector2.y /= other.x;
            },
        
            divScale : function(scale) {
                Vector2.x /= scale;
                Vector2.y /= scale;
            },
        
            scale : function(a_f, a_g){
                return new CGL.math.Vector2d(a_f * Vector2d.m_x, a_g * Vector2d.m_y);    
            },
        
            dot : function(other) {
                return ((Vector2.x * other.x) + (Vector2.y * other.y));
            },
        
            neg : function() {
                return new CGL.math.Vector2(-Vector2.x, -Vector2.y);
            },
        
            normalize : function() {
                var l = Vector2.length();
            
                if(l == 0){
                    return;
                }
            
                Vector2.x /= l;
                Vector2.y /= l;
            },
        
            lengthSquared : function() {
                return (Vector2.x * Vector2.x) + (Vector2.y * Vector2.y);
            },
        
            length : function() {
                return Math.sqrt(Vector2.lengthSquared());
            },
    
            toString : function() {
                return "[Vector (" + Vector2.x + ", " + Vector2.y + ")]";
            },
        
            copy : function(other) {
                Vector2.x = other.x;
                Vector2.y = other.y;
            },
        
            draw : function(ctx) {
            /* Convert to Local space */
            var lx, ly;
            if(Vector2.x < 0.0) {
                lx = (-Vector2.x * -50) + 200; 
            } else {
                lx = (Vector2.x * 50) + 200;
            }
            
            if(Vector2.y > 0.0) {
                ly = (Vector2.y * -50) + 200; 
            } else {
                ly = (-Vector2.y * 50) + 200;
            }
            
            ctx.beginPath();
            ctx.arc(lx, ly, 2, 0, Math.PI*2, true); // Outer circle
            ctx.fill();
            }
        };
        return Vector2;
    },

    getNormal : function(vx, vy) {
        var n = new CGL.math.Vector2(vy.x, vy.y);
        n.sub(vx);
    
        n = new CGL.math.Vector2(n.y, -n.x);
        n.normalize();
    
        return n;
    }
};

CGL.ui = {
        
    Button : function(imgs, srcx, srcy, srcwidth, srcheight) {
        var button = {
            images : imgs,
            x : srcx,
            y : srcy,
            width : srcwidth,
            height : srcheight,
            active : false,
            clicked : false,
        
            update : function(mx, my, mb) {
                if(mx > button.x && mx < button.x + button.width && my > button.y && my < button.y + button.height)
                {
                    button.active = true;
                }
                else
                {
                    button.active = false;
                }
                if(button.active && mb)
                {
                    button.clicked = true;
                }
            },
            
            activated : function() {
                return button.clicked;
            },
            
            deactivate : function() {
                button.clicked = false;
            },
            
            render : function(ctx) {
                if(!button.active)
                {
                    ctx.drawImage(document.getElementById(button.images[0]), button.x, button.y);
                }
                else
                {
                    ctx.drawImage(document.getElementById(button.images[1]), button.x, button.y);
                }
            }
        };
        return button;
    }
};

CGL.event = {
    
    MOUSEX : 0,
    MOUSEY : 0,
    
    KLEFT : false,
    KRIGHT : false,
    KDOWN : false,
    KUP : false,
    KSPACE : false,
    KPAUSE : false,
    
    CLICKED : false,
    
    ACTIVEGAMEKEY : true,
    
    handleEventMovement : function(e) {
        CGL.event.getCursorPosition(e);
    },
    
    handleEventClick : function(e) {
        CGL.event.CLICKED = true;
    },
    
    clearEvents : function() {
        CGL.event.KLEFT = false;
        CGL.event.KRIGHT = false;
        CGL.event.KDOWN = false;
        CGL.event.KUP = false;
        CGL.event.KSPACE = false;
        CGL.event.KPAUSE = false;
        CGL.event.CLICKED = false;
    },
    
    handleEventKey : function(e) {
        
        if(CGL.event.ACTIVEGAMEKEY)
        {
            e.stopPropagation();
            e.preventDefault();
        }
        
        switch(e.keyCode) {
        case 19:
            CGL.event.KPAUSE = true;
            break;
        case 32:
            CGL.event.SPACE = true;
            CGL.util.printLn("Space was triggered!");
            break;
        case 37:
            CGL.event.KLEFT = true;
            break;
        case 38:
            CGL.event.KUP = true;
            break;
        case 39:
            CGL.event.KRIGHT = true;
            break;
        case 40:
            CGL.event.KDOWN = true;
            break;
        case 65:
            CGL.event.KLEFT = true;
            CGL.util.printLn("Left was triggered!");
            break;
        case 87:
            CGL.event.KUP = true;
            CGL.util.printLn("Up was triggered!");
            break;
        case 68:
            CGL.event.KRIGHT = true;
            CGL.util.printLn("Right was triggered!");
            break;
        case 80:
            CGL.event.KPAUSE = true;
            break;
        case 83:
            CGL.event.KDOWN = true;
            CGL.util.printLn("Down was triggered!");
            break;
        default:
            break;
        
        
        };
    },

    getCursorPosition : function(e) {
        if (e.pageX != undefined && e.pageY != undefined) {
            CGL.event.MOUSEX = e.pageX;
            CGL.event.MOUSEY = e.pageY;
        }
        else {
            CGL.event.MOUSEX = e.clientX + document.body.scrollLeft +
                document.documentElement.scrollLeft;
            CGL.event.MOUSEY = e.clientY + document.body.scrollTop +
                document.documentElement.scrollTop;
        }
        
        CGL.event.MOUSEX -= document.getElementById(CGL.canvas.DEFAULT_CANVAS_ID).offsetLeft;
        CGL.event.MOUSEY -= document.getElementById(CGL.canvas.DEFAULT_CANVAS_ID).offsetTop;
    }
}; 

Hey guys, this is an assignment for school. I have most of the code done but I cant figure out how to completely finish one part of the assignment. I bolded the part in which i'm having trouble with.

Heres the Directions per the Instructor:

Create a new HTML document that creates a listing of the days and date for the current month.

1. Create a new array, named monthArray that holds the names of the all of the months in a year, i.e. January, February…

2. Create a new array, named weekDaysArray that holds all of the days of the week, i.e. Sun, Mon, Tue,….

3. Get today’s date by using the Date object, without initializing a value for the object and save it in a variable named todaysDate.
a. Using the Date object methods, break up the value of todaysDate into variables that hold each of the pieces of the date, by assigning the values to the following variables: (see page 169 in text)
i. currYr = year
ii. currMon = month as an integer
iii. currDate = day of the month
iv. currDay = the day of the week as an integer

4. Use a document.write statement display the name of the month followed by the 4 digit year. (i.e. October 2011)
a. Use currMon as the index to get the name of the month from the monthArray created in step 1.
b. Use the variable currYr created in step 3.
c. Include a blank line after this displayed line

5. Determine the name of the first day of the current month.
a. Using the correct Date Object method, get the integer for the day of the week for the first day of the current month. (hint: you will need to pass the year, month and the day value of 1 to the Date Object to get this number)

6. Use a document.write statement to display every day of the current month on a new line in the format of the name of the day followed by the integer for the date.
a. Use a while loop to keep track of the number of days written for the month.
b. Use a for loop to write out the days of the week from the array created in step 2 under the name of the current month and year.

Example output:
October 2011
Sat 1
Sun 2
Mon 3, etc….until all 31 days are displayed.

My Code:
Code:

<!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" xml:lang="en" lang="en">
	
	<head>
	
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
		<title>Assignment 9</title>
		
		<script type="text/javascript">
			
			
			

			var monthArray = new Array ("January","February","March","April","May","June","July","August","September","October","November","December");
			
			var weekDaysArray = new Array ("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
			
				var todaysDate = new Date();
				var currYr = todaysDate.getFullYear();
				var currMon = todaysDate.getMonth();
				var currDate = todaysDate.getDate();
				var currDay = todaysDate.getDay(); 
			
			document.write(monthArray[currMon] + " " +currYr);
			document.write("<br />");
			document.write(weekDaysArray[currDay] + "<br />");
			
			
			var count = 0;
			while (count < 31)
			{
				count++;
			}
  				
  			for(var count = 0 ; count < 31 ; count++)
			{
				document.write(weekDaysArray[count]+ "<br />");
			}
			
			
		</script>
	
	</head>
	
	<body>
		
	</body>
	
</html>

Hi,

My JS Date validation was failing for a date which as per business is a valid date (01/01/0001) - MM/DD/YYYY

It seems that the constructor for Date object is doing something funny..

var dayobj = new Date(yearfield, monthfield-1, dayfield)

wasn't working for this case whereas teh one mentioned below seems to be working fine :

var dayobj = new Date()
dayobj.setFullYear(yearfield,monthfield-1,dayfield)

What's the trick here ??

This is my first post... and a quick question that is mostly likely easy for most of you!!

I am pulling in some data from an MySQL database and generating a graph using RGraph and some HTML.

The date pulled in is shown as 2011-01-01 for example.

I would like to simply format the date and turn into Jan, 01, 11 or similar.

Any recommendations on using Date Object to format that in to the date text?

I am trying to use my date Object function to get the date from the comp but my variables in my function are coming up undefined.

Here is my function:

Code:

function displayTime() {

	var currentTime, hour, minute, second, range, m, s
	currentTime = new Date()
	
	var hourInt = currentTime.getHours()
	var minuteInt = currentTime.getMinutes()
	var secondInt = currentTime.getSeconds()
	
	if (hourInt > 12) {
		range = "PM"
		hourInt -= 12
	} else {
		range = "AM"
	}
	hour = String(hourInt)
	
	
	if (minuteInt < 10) {
		
		m = String(0) + String(minuteInt)
		
	} 
	minute = m
	

	
	if (secondInt < 10) {
		
		s = String(0) + String(secondInt)
		
	} 
	second = s
	
	document.timeForm.timeBox.value = hour + ":" + minute + ":" + second + " " + range
	
	alert(hour + ":" + minute + ":" + second + " " + range)

I appreciate the help

As you can see in the attached Firebug screen capture, I am setting up a new Date object with "2011", "4", "23" but in the watch window you can see it is setting up the date object with a month of May instead of April.

I also tried 2011, 4, 23 (no quotes) and no improvement.

What am I missing?