JavaScript - Last Modified Date From Different File (help Please)

Hi, I am having some problems with this modified version of Lightbox. I had a programmer implement this into the site and then one day it just stopped working. I'm trying to fix it myself, with no success.

To view the problem go to: http://www.uscgq.com/question/deck/2 and click the red flag icon.

The lightbox opens, but only shows the "Loading" message.

I have isolated the problem to somewhere in the Lightbox.js just don't know where or what it is. Any help is greatly appreciated!

Code:

/*

Created By: Chris Campbell

Website: http://particletree.com

Date: 2/1/2006



Inspired by the lightbox implementation found at http://www.huddletogether.com/projects/lightbox/

*/



/*-------------------------------GLOBAL VARIABLES------------------------------------*/



var detect = navigator.userAgent.toLowerCase();

var OS,browser,version,total,thestring;



/*-----------------------------------------------------------------------------------------------*/



//Browser detect script origionally created by Peter Paul Koch at http://www.quirksmode.org/



function getBrowserInfo() {

	if (checkIt('konqueror')) {

		browser = "Konqueror";

		OS = "Linux";

	}

	else if (checkIt('safari')) browser 	= "Safari"

	else if (checkIt('omniweb')) browser 	= "OmniWeb"

	else if (checkIt('opera')) browser 		= "Opera"

	else if (checkIt('webtv')) browser 		= "WebTV";

	else if (checkIt('icab')) browser 		= "iCab"

	else if (checkIt('msie')) browser 		= "Internet Explorer"

	else if (!checkIt('compatible')) {

		browser = "Netscape Navigator"

		version = detect.charAt(8);

	}

	else browser = "An unknown browser";



	if (!version) version = detect.charAt(place + thestring.length);



	if (!OS) {

		if (checkIt('linux')) OS 		= "Linux";

		else if (checkIt('x11')) OS 	= "Unix";

		else if (checkIt('mac')) OS 	= "Mac"

		else if (checkIt('win')) OS 	= "Windows"

		else OS 								= "an unknown operating system";

	}

}



function checkIt(string) {

	place = detect.indexOf(string) + 1;

	thestring = string;

	return place;

}



/*-----------------------------------------------------------------------------------------------*/



Event.observe(window, 'load', initialize, false);

Event.observe(window, 'load', getBrowserInfo, false);

Event.observe(window, 'unload', Event.unloadCache, false);



var lightbox = Class.create();



lightbox.prototype = {



	yPos : 0,

	xPos : 0,



	initialize: function(ctrl) {

		this.content = ctrl.href;

		Event.observe(ctrl, 'click', this.activate.bindAsEventListener(this), false);

		ctrl.onclick = function(){return false;};

	},

	

	// Turn everything on - mainly the IE fixes

	activate: function(){

		if (browser == 'Internet Explorer'){

			this.getScroll();

			this.prepareIE('100%', 'hidden');

			this.setScroll(0,0);

			this.hideSelects('hidden');

		}

		this.displayLightbox("block");

	},

	

	// Ie requires height to 100% and overflow hidden or else you can scroll down past the lightbox

	prepareIE: function(height, overflow){

		bod = document.getElementsByTagName('body')[0];

		bod.style.height = height;

		bod.style.overflow = overflow;

  

		htm = document.getElementsByTagName('html')[0];

		htm.style.height = height;

		htm.style.overflow = overflow; 

	},

	

	// In IE, select elements hover on top of the lightbox

	hideSelects: function(visibility){

		selects = document.getElementsByTagName('select');

		for(i = 0; i < selects.length; i++) {

			selects[i].style.visibility = visibility;

		}

	},

	

	// Taken from lightbox implementation found at http://www.huddletogether.com/projects/lightbox/

	getScroll: function(){

		if (self.pageYOffset) {

			this.yPos = self.pageYOffset;

		} else if (document.documentElement && document.documentElement.scrollTop){

			this.yPos = document.documentElement.scrollTop; 

		} else if (document.body) {

			this.yPos = document.body.scrollTop;

		}

	},

	

	setScroll: function(x, y){

		window.scrollTo(x, y); 

	},

	

	displayLightbox: function(display){

		$('overlay').style.display = display;

		$('lightbox').style.display = display;

		if(display != 'none') this.loadInfo();

	},

	

	// Begin Ajax request based off of the href of the clicked linked

	loadInfo: function() {

		var myAjax = new Ajax.Request(

        this.content,

        {method: 'post', parameters: "", onComplete: this.processInfo.bindAsEventListener(this)}

		);

		

	},

	

	// Display Ajax response

	processInfo: function(response){
console.log('calling process info');
		if($('lbHeader'))

			Element.remove($('lbHeader'));

		info = "<div id=\"lbHeader\"><a href=\"javascript: closeLightboxes();\">close</a> or hit ESC</div><div id='lbContent'>" + response.responseText + "</div>";

		new Insertion.Before($('lbLoadMessage'), info)

		$('lightbox').className = "done";	

		this.actions();			

	},

	

	// Search through new links within the lightbox, and attach click event

	actions: function(){

		lbActions = document.getElementsByClassName('lbAction');



		for(i = 0; i < lbActions.length; i++) {

			Event.observe(lbActions[i], 'click', this[lbActions[i].rel].bindAsEventListener(this), false);

			lbActions[i].onclick = function(){return false;};

		}



	},

	

	// Example of creating your own functionality once lightbox is initiated

	insert: function(e){

	   link = Event.element(e).parentNode;

	   Element.remove($('lbContent'));

	 

	   var myAjax = new Ajax.Request(

			  link.href,

			  {method: 'post', parameters: "", onComplete: this.processInfo.bindAsEventListener(this)}

	   );

	 

	},

	

	// Example of creating your own functionality once lightbox is initiated

	deactivate: function(){

		if($('lbHeader'))

			Element.remove($('lbHeader'));

		Element.remove($('lbContent'));

		

		if (browser == "Internet Explorer"){

			this.setScroll(0,this.yPos);

			this.prepareIE("auto", "auto");

			this.hideSelects("visible");

		}

		

		this.displayLightbox("none");

	}

}



/*-----------------------------------------------------------------------------------------------*/



// Onload, make all links that need to trigger a lightbox active

function initialize(){

	addLightboxMarkup();

	lbox = document.getElementsByClassName('lbOn');

	for(i = 0; i < lbox.length; i++) {

		valid = new lightbox(lbox[i]);

	}

}



// Add in markup necessary to make this work. Basically two divs:

// Overlay holds the shadow

// Lightbox is the centered square that the content is put into.

function addLightboxMarkup() {

	bod 				= document.getElementsByTagName('body')[0];

	overlay 			= document.createElement('div');

	overlay.id			= 'overlay';

	lb					= document.createElement('div');

	lb.id				= 'lightbox';

	lb.className 		= 'loading';

	lb.innerHTML		= '<div id="lbLoadMessage">' +

						  '<p>Loading</p>' +

						  '</div>';

	bod.appendChild(overlay);

	bod.appendChild(lb);

}



// Send AJAX Call

function sendForm(url)

{

	new Ajax.Updater('lbContent', url, { method: 'post', parameters: Form.serialize($('content_form'),true) });

}



// Function to destroy lightbox elements

function closeLightboxes()

{

	if(lightbox.prototype)

		lightbox.prototype.displayLightbox('none');

	if($('lbHeader'))

		Element.remove($('lbHeader'));

	if($('lbContent'))

		Element.remove($('lbContent'));

}



// Close the lightbox if ESC is pressed

document.onkeypress=function(e){

	var KeyID = (window.event) ? event.keyCode : e.keyCode;

	if(KeyID == 27)

	{

		closeLightboxes();

	}

}

I have a personal academic website in which I made a small last modified JS. I used the last.modified string for windows of the following format: MM/DD/YYYY HH:MM:SS , the time being two hour indices, two minute indices and two second indices. I took substrings of the last.modified string and used an array of "month words" for the month substring, to make the display of it more aesthetically pleasing.

When I checked my website on my Google phone, I realized that the last.modified string has a different format as follows: (Day, first three letters), DD (Month, first three letters) YYYY HH:MM:SS GMT , so all the relevant indices were offset, which messed up the script. Is there any way to gear this script to work for both windows computers and Google phones, creating two different cases one for phone and one for computer? Maybe even Macs and all smartphones in general? Or is there maybe an easier way to do this server-side?

Thanks in advance!

What I mean is that my <body> tag currently is like this:

Code:

<body class="page-course">

I would like to insert a pop-up contact form which requires the body tag to be like this:

Code:

<body onload="javascript:fg_hideform('fg_formContainer','fg_backgroundpopup');">

Not quite sure how to merge these - indeed can I merge them?

Perhaps better to make the body class (top example) execute elsewhere?

THANKS!!

Hi this is an assignment, ive been on it all night.
I have done the bubble sort function and have to modify it.
I work out that if i could stop the amount of times it loops it would make it more efficient. To do this is would need to stop the loop when no swaps have been made on the full array.lenght-1.
i have tried using booleans, false and true on the amount of swaps using a while loop instead of my first for loop, however it only loops nine times...ie only covering the array once,hence does not swap the full array.
so i tried leaving in the for loop that instructs it to loop for the full array. length.
I have also tried using if... else at different positions within my function
please i need some guidance, im going to pull my hair out i can see what need in my head just cant get it. Plus i am very very new to this

My simple objective is.... to set a flag to stop the loop when there have not been any swaps for the duration of the array. length-1, hence the array is now organised and to display the amount of loops taken.

Heres the part that ive been changing and my latest attempt which is using if, however it still loops for 90 loops.

Code:

	
var temp; ;// varible to hold temporay value,  
var numberOfLoops = 0
swap = true
			
				
if (swap = true)
{
				
	for (var count = 0; count < returnArray.length; count = count +1)// sets any array lenght to be used and the number of passes as lenght of array 
						
		for (var i = 0; i < returnArray.length-1; i = i + 1)// starting postion and what elements should be covered minus one pass less than the arrray
		{
					
			if ((returnArray[i]) > (returnArray[i+1]))
			{
			temp = returnArray[i+1]; //hold second value in temp var
			returnArray[i+1] = returnArray[i];// replace value second value with first value
			returnArray[i] = temp;//replace first value with value held in temp var
			swap = true
						
			}
			else
			{
			swap = false
			}
			numberOfLoops = numberOfLoops + 1
		}
}
				
window.alert('number of loops taken is ' + numberOfLoops)
return returnArray

My bubble sort function als0 worked fine showing 90 loops each time...until changed it

ok i have already found a script to hide a certin file type here it is:
Code:
x=getAttribute('src')x=x.substring(0, x.indexOf('.jpg'));
I don't know javascript so can someone please explain what that does to me and please modify it so it will work with this
Code:
var displayStyle = (divIndex==selectedIndex || selectedIndex===true)?'inline':'none';
document.getElementById('game_'+divIndex).style.display = displayStyle;
basically i want to
1. change the script so it finds .jpg and .JPG
2. use the script in the second script below to basically hide the objects with that extension you can use the second script or make a new one if you want...
3. make it so i can make a link go to javascript:functiontocall()
and thats it
Thanks in advance and please help it shouldn't take more then a few minutes.

Not sure if this is possible in javascript:

I'm looking for two different dates (bill date and due date) on an invoice that are captured by OCR. If one of them exists, but the other does not, I want the empty field to be 14 days before (or after) the other.

For example:
if the bill date is 7/27/2010 and the due date was not captured, I want to set the due date as 8/10/2010 (14 days after the bill date).

If the due date was captured as 8/10/2010, but the due date is blank, I want to assign the bill date as 7/27/2010 (14 days before the due date).

if both dates have values, do nothing.

Thanks.

Using Adobe Form Javascript validation, how would I do this code for Visual Basic in Javascript (non web)

Code:

If PurchaseDate.Value > Date Then
MsgBox ("PurchaseDate cannot be greater than Today's Date!")
Cancel = True
End If

Something along these lines but this isnt working:

Code:

If (PurchaseDate.Value > Date) Then 
{
app.alert ("Purchase Date cannot be greater than Today's Date!");
}

Thanks

Hi,

I've inherited a Form which calculates a future date based on a calculation and then inserts today's date and the future date into a database. The day part of the date is formatted as a number. This is fine, but up to 9 the numbers display in single figures with no leading zeros. I want them to display leading zeros (e.g. 01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11... 30, 31)

So;
1/12/2010 is NOT wanted
01/12/2010 IS wanted

The inherited code originally set the Month names as "Jan", "Feb" etc, and it was easy to kludge these to 01, 02... 12, but I suspect there's a more elgant solution to this as well, this bit of the code works so it's not as vital to neaten this but my database needs dd/mm/yyyy format (it's a third party email program).

Code:

 </script>

<script type="text/javascript">
var todaysDate = new Date();

function updateExpiryDate(){

	var weeklyMileage = document.getElementById('AvWeeklyMileage').value;
	var expiryDate;
	var weeks = 0;
	var expiryDateString = '';

	if (!isNaN(parseInt(weeklyMileage))){
		weeks = 700/weeklyMileage;
		expiryDate = new Date(todaysDate.getTime() + (1000 * 3600 * 24 * 7 * weeks));

		var expiryDateString = expiryDate.getDate() + '/' + getMonthString(expiryDate.getMonth()+1) + '/' + expiryDate.getFullYear();

		document.getElementById('expiryDate').innerHTML = expiryDateString;
		document.getElementById('ShoeExpiryDate').value = expiryDateString;
	} else {
		document.getElementById('ShoeExpiryDate').value = '';
		document.getElementById('expiryDate').innerHTML = 'Please enter a valid weekly average mileage'
	}

}

function getMonthString(monthNumber){
	var monthString = "";
	switch(monthNumber){
		case 1:
			monthString = "01";
			break;
		case 2:
			monthString = "02";
			break;
		case 3:
			monthString = "03";
			break;
		case 4:
			monthString = "04";
			break;
		case 5:
			monthString = "05";
			break;
		case 6:
			monthString = "06";
			break;
		case 7:
			monthString = "07";
			break;
		case 8:
			monthString = "08";
			break;
		case 9:
			monthString = "09";
			break;
		case 10:
			monthString = "10";
			break;
		case 11:
			monthString = "11";
			break;
		case 12:
			monthString = "12";
			break;
		default:
			// do nothing;
	}
	return monthString;
}

function setTodaysDate(){
	var todaysDateString = todaysDate.getDate() + '/' + getMonthString(todaysDate.getMonth()+1) + '/' + todaysDate.getFullYear();
	document.getElementById('todaysDate').innerHTML =todaysDateString;
	document.getElementById('DateOfPurchase').value = todaysDateString;

}

Can someone point me in the right direction please?

I have a drop down menu where people can select a month, day and year. Based on their selection, I want to show them an image.

If their selection is >= July 26, 2010 but <= July 25, 2011, show the red image;
If their selection is >= July 26, 2011 but <= July 25, 2012, show the white image;
If their selection is >= July 26, 2012 but <= July 25, 2013, show the blue image;
If their selection is >= July 26, 2013 but <= July 25, 2014, show the yellow image;

I don't know how to compare a selected date to a range of dates like this.

Hi,
I need to add days to a date in javascript,
My requirement is as follows:
Date is coming from a textbox.
eg:- 26/07/2010

days from this statement

var day1=document.getElementById('<%=HiddenDate.ClientID %>').value;

an eg:- if the date is 28/01/2012 and days Needed to be added=5
the added date should be 02/02/2012.
Can anybody help me?

Thanks
Jamuna

Hello,

I really need your help with one.

How can I use the following code below to save the date from my popup window datepicker back into a var and relay it back onto its parent page?

I can't seem to figure this out:

Code:

<html>



<head>

<script>
	
	function open_cal() {
	

  var str_html	= 	""
  				+	"<!DOCTYPE html>\n"
				+	"<html lang=\"en\">\n"
				+	"<head>\n"
				+	"<meta charset=\"utf-8\">\n"
				+	"<title>CALENDAR</title>\n"
				+	"<link href=\"jq/jquery-ui.css\" rel=\"stylesheet\" type=\"text/css\">\n"
				+	"<script src=\"jq/jquery.min.js\" type=\"text/javascript\"></" + "script>\n" 
				+	"<script src=\"jq/jquery-ui.min.js\" type=\"text/javascript\"></" + "script>\n"
				+	"<script src=\"jq/datepicker.js\" type=\"text/javascript\"></" + "script>\n"
				+	"</head>\n"
				+	"<body>\n"
				+	"<div id=\"text\" style=\"font: bold 10pt Tahoma\">Enter Approval Date:</div>\n"
  				+	"<div id=\"datepicker\"></div>\n"
  				+	"</body>\n"
  				+	"</html>"
  				
var j = window.open("","CALENDAR","width=200,height=250,status=no,resizable=yes,top=200,left=200")
	j.opener = self;
	j.document.write(str_html);
}


</script>	
	

		
</head>

<body>

<input onclick="open_cal()" type="button" value="Open" name="B1">


</body>

</html>

Datepicker.js:
Code:

$(function() {
	
		$( "#datepicker" ).datepicker({ 
		
		dateFormat: 'dd/mm/yy',
		
		onSelect: function(dateText, inst) { 
		alert(dateText)
		window.close()
		
		} 
		
		})
		
		
		
		
});

Any help with this is greatly and mostly appreciated.

Thanks in advance,

Cheers,

J

hello there
this is in vb script. but i dont where to post it. can any one hlep me out plzz
I need to check if the date entered by user is within 5th date from current date.

I am trying to do it this way
entered date has month and date value
Code:

sResvDate = 01/24
Set sMaxDays to getdate(5)

but get date will give year too. and how do i compare if it less than 5th day or not.

Hi folks,
i am trying to generate a dynamic datefield with date mask "mm/dd/yyyy" and trying to insert it into Oracle db ...i still got the error ORA invalid month ehich means the date filed is not recognized as date:

below is what i am doing :

newStartDate = document.createElement( 'INPUT' ); newStartDate.setAttribute('type','Date'); newStartDate.setAttribute('id1','id'+ elementid+elementrow); newStartDate.setAttribute('name','StartDateName'+ elementid+elementrow); newStartDate.size=8; newStartDate.style.backgroundColor= bgc;

any help thanks ??

Also i want to add a datepicke to this textbox..how it is posible / other option is to use Jquery datepicker but could not know how to impement it

thanks again