JavaScript

How to Know The Selected Date is Previous in javascript

14-Aug-11 19:40

Don't cross post. You have already asked this, and received responses, in the ASP.NET forum Read the forum guidelines please.

I know the language. I've read a book. - _Madmatt

Re: CROSS POST

zeego14-Aug-11 20:06

zeego

14-Aug-11 20:06

I'm sorry I thought the fellows at javascript would answer better. Frown | :(

Arunkumar.Koloth13-Aug-11 20:28

Arunkumar.Koloth

13-Aug-11 20:28

Hi all

Iam New to javascript can you help me how to check the selected date is previous one?

eg:today is 14/8/2011 and i selected 12/8/2011 in a javascript calender i want to validate the selected date is previus one is it possible?

Please Help me

Arunkumar.T
Cry | :((

Re: How to Know The Selected Date is Previous in javascript

DaveAuld13-Aug-11 22:21

DaveAuld

13-Aug-11 22:21

Do you mean you want to make sure the selected date is BEFORE todays date?

If thats all you need then a simple DateDiff and look for a +ve or -ve number depending on whether you put the latestdate first or second;

http://ditio.net/2010/05/02/javascript-date-difference-calculation/[^]

Dave
Find Me On: Web|Facebook|Twitter|LinkedIn

Folding Stats: Team CodeProject

Re: How to Know The Selected Date is Previous in javascript

Niral Soni24-Aug-11 2:19

Niral Soni

24-Aug-11 2:19

/************************************************
function: CompareDates
Arguments: fromdate : type 'String' : format : DD/MM/YYYY
Arguments: todate : type 'String' : format : DD/MM/YYYY
Returns: Number value 
	if value = 1  : fromdate comes before todate
	if value = 0  : fromdate and todate are same
	if value = -1 : fromdate comes after todate
*************************************************/
function CompareDates(fromdate,todate) {
	// Assuming the date format = DD/MM/YYYY
	// modify following block if your date format is different
	// new Date(year,month,day)
	frmdt = new Date(fromdate.substring(6,10),fromdate.substring(3,5)-1,fromdate.substring(0,2));
	todt  = new Date(todate.substring(6,10),todate.substring(3,5)-1,todate.substring(0,2));

	if ( todt.getTime() > frmdt.getTime() ) {
		return 1;
	}
	else if( todt.getTime() == frmdt.getTime() ) {
		return 0;
	}
	return -1;
}

Thanks & Regards,
Niral Soni

codeprojectforums.com [modified]

sivakumat11-Aug-11 1:27

sivakumat

11-Aug-11 1:27

codeprojectforums.com Currently under Testing

-- Modified Thursday, August 11, 2011 7:37 AM

jquery (unknown)

AndyInUK11-Aug-11 0:05

AndyInUK

11-Aug-11 0:05

Hi,

I am looking for a solution, but not too sure what the problem is called?

For instance, if user is at one page for more than 30sec i want to have a like 3d pop up arrow showing the user where to go next? I am sure i have seen it in couple of sites but can't remember now. I think this can be achieved via jquery? Any examples or ideas how to get it sorted?

Pete O'Hanlon11-Aug-11 0:17

Pete O'Hanlon

11-Aug-11 0:17

You are looking to implement an idle timeout, possibly like the one here[^].

Forgive your enemies - it messes with their heads

My blog | My articles | MoXAML PowerToys | Mole 2010 - debugging made easier - my favourite utility

BobJanova11-Aug-11 2:42

BobJanova

11-Aug-11 2:42

As I mentioned in 'the other place', you don't need JQuery for this. Just set a timeout in body.onLoad which calls a function which puts a visible indicator (img or div) in the appropriate place. (Or starts an animation or whatever is appropriate.)

Do you want it for the user being on the page for 30s, or the user being inactive for 30s? If the latter, you need to hook keyboard and mouse click (probably not mouse move though) events on the document object and reset the timer.

AndyInUK11-Aug-11 5:43

AndyInUK

11-Aug-11 5:43

ok to start with, just trying to load a simple image using javascript but it doesn't work.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function timeMsg()
{
var t=setTimeout('alertMsg()',3000);
}
function alertMsg()
{  
var myImage; 
myImage = new Image;
myImage.src = "images/test.png";
}
</script> 
</head>
 
<body onload="timeMsg()">

</body>
</html>

Any idea,what am I doing wrong that it's not loading the image?

BobJanova11-Aug-11 7:28

BobJanova

11-Aug-11 7:28

You didn't add it to the DOM.

I would put the indicator in the page source but hidden, and just show it in the method. Adding things to the DOM dynamically always makes me a bit uncomfortable, though I think it works in all browsers now.

AndyInUK12-Aug-11 1:53

AndyInUK

12-Aug-11 1:53

cool Thanks.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript">


setTimeout(function(){
	
	document.getElementById("myimage1").hspace="720";
        document.getElementById("myimage1").vspace="600";
 	
       document.getElementById('myimage1').style.display = 'block';
},3000);


</script> 
</head>
 
<img id="myimage1" src="images/te.png" style="display:none;" />


</body>
</html>

The above displays the image now but it's not positioning it when the web page is not blank.

HTML

document.getElementById("myimage1").hspace="720";
document.getElementById("myimage1").vspace="600";

If page is blank then the above code works but if there is already html etc present, it just displays at random default position everytime.

Any clue?

Not Active12-Aug-11 2:32

12-Aug-11 2:32

Position the image appropriately and set it to hidden initially. Then on the timer just show it.

<div id='imageContainer'>
 <img id='myImage' src='...' />
</div>

#imageContainer
{
  add appropriate css
}

$(document).ready(function()
{
   $("#myImage").hide(); 
});
setTimeout(function(){ $("#myImage").show() });

I know the language. I've read a book. - _Madmatt

BobJanova12-Aug-11 6:53

BobJanova

12-Aug-11 6:53

If you know at page construction time where it should go, just position it in the HTML and only unhide it in the timeout, as Mark says.

If not, look up the position of the target control and do some arithmetic to position your image appropriately relative to it.

Either way, it is an overlay so you want to use position:absolute and the top and left (or right) CSS properties, not try a hack with hspace/vspace.

Meaning of a syntax in jQuery

markjoseph123218-Aug-11 2:23

markjoseph1232

18-Aug-11 2:23

Thanks for all your help.. I got solution for the query, i was facing. Smile | :)

CodingLover9-Aug-11 1:43

CodingLover

9-Aug-11 1:43

Hi all,

I have found a jQuery sample, and found the following syntax. But I have no idea about what it is really doing. Can anyone of you comment on it?

JavaScript

var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");

Thanks in advance

I appreciate your help all the time...
CodingLover Smile | :)

Re: Meaning of a syntax in jQuery [modified]

Not Active9-Aug-11 1:55

9-Aug-11 1:55

It is trying to form a selector such as

"#myElementContent .myElementImage"

Honestly, if you can't interrupt this you are going to have a great deal of difficulty in this career.

I know the language. I've read a book. - _Madmatt

modified on Tuesday, August 9, 2011 9:01 AM

Manfred Rudolf Bihy9-Aug-11 2:38

Manfred Rudolf Bihy

9-Aug-11 2:38

Mark Nischalke wrote:
Honestly, if you can't ~~interrupt~~ interpret this you are going to have a great deal of difficulty in this career.

FTFY

—MRB

"With sufficient thrust, pigs fly just fine."

Ross Callon, The Twelve Networking Truths, RFC1925

Not Active9-Aug-11 3:01

9-Aug-11 3:01

Guess the spell checker was interrupted and didn't interpret it correctly Laugh | :laugh:

I know the language. I've read a book. - _Madmatt

Shameel9-Aug-11 4:30

Shameel

9-Aug-11 4:30

Mark Nischalke wrote:
Honestly, if you can't ~~interrupt~~ interpret this you are going to have a great deal of difficulty in this career.

Be considerate to beginners, not everyone can be a pro like you Smile | :)

Not Active9-Aug-11 5:29

9-Aug-11 5:29

This is a beginners task and one should know how to interpret it. It is well documented.

I know the language. I've read a book. - _Madmatt

Wjousts9-Aug-11 8:28

Wjousts

9-Aug-11 8:28

As somebody who just started playing with jQuery as a way to solve a particular cross-domain scripting problem, I think well documented might be pushing it. It's documented.

Manfred Rudolf Bihy9-Aug-11 2:45

Manfred Rudolf Bihy

9-Aug-11 2:45

Mark got it almost right except that there is a space after content.
"#myElementContent .myElementImage"

This selector will select all elements that have their id attribute set to myElementContent and have an entry of myElementImage in their class attribute. This will be so if element[0].id == "myElement".

You might also find this an interesting read: http://api.jquery.com/category/selectors/[^].

Cheers!

—MRB

"With sufficient thrust, pigs fly just fine."

Ross Callon, The Twelve Networking Truths, RFC1925

Not Active9-Aug-11 3:03