JavaScript - Display Last Modified Date Of Any File Even .xls Files On A Webserver

Hi! I'm trying to cmbine 4 .js file into one unique file. I'm getting some troubles because jquery.singlePageNav.js seems not to work. Can someone help me to combine these 4 files? Thank you

js.rar

Hi, how would i edit the code below so instead of today is day 16 of the month to an actual date eg Today is 10/11/2011 (dd/mm/yyyy or mm/dd/yyyy compatible). I need the code to execute on a specific date.
javascript or php versions very welcome

THANKS


Code:

<script type="text/javascript">

var Date = new Date();
var Today = Date.getDate();

if(Today == 16)
{
document.write('<img src="http://www.imagelocation_here" alt="Image title " width="117" height="100" />');
}
else
{
document.write('<img src="http://www.imagelocation_here" alt="image title " width="117" height="100" />');
}
</script>

I'm wanting to put a piece of code on my website that will display when our next meeting will be. We have 2 meetings per month. I'm thinking what I need to do is create a code that gets the current month, day of month, and year then combines it together somehow, and if that combination is in a certain range a particular statement, "Next meeting is MM, DD YY." or "Next meeting is today." is displayed.

If date is equal to or between 01012012 and 01112012, "Next meeting is January, 12 2012" is displayed.
If date is equal to 01122012, "Next meeting is today" is displayed.
If date is equal to or between 01132012 and 01252012, "Next meeting is January, 26 2012" is displayed.
If date is equal to 01262012, "Next meeting is today" is displayed.
...that kind of thing.

How would I combine the month, day of month, and year?
Would 48 if statements be what I need to do?

Sorry, I'm pretty new to javascript. If there's a better way to do this, please let me know.

Thanks,

CJ

So I want this function to return the date in the format: 4-Jan-2011. I feel like I have to make the variables strings or something but I can't figure it out, I'm kinda new to javascript.

Code:

function calander(TheDay) {
                var theDate = new Date();
                var day = new theDate.getDay();
                var month = new theDate.getMonth();
                var year = new theDate.getFullYear();
                
                if (month == 0) {month = "Jan";}if (month == 1) { month = "Feb"; }
                if (month == 2) { month = "March"; }if (month == 3) { month = "April"; }
                if (month == 4) { month = "May"; }if (month == 5) { month = "June"; }
                if (month == 6) { month = "July"; }if (month == 7) { month = "Aug"; }
                if (month == 8) { month = "Sept"; }if (month == 9) { month = "Oct"; }
                if (month == 10) { month = "Nov"; }if (month == 11) { month = "Dec"; }

                TheDay.value = day + "-" + month + "-" + year;
}

hi
i need to merge this code in 1 file
the files in attach
the code for auto popup window withe cookis
i need merge it for switch it to vb mood
i think the job very easy
but am not java script cooder

Hello...I need to display the last modified date of each file on my webpage. There are a variety of files including, .doc, .pdf, .ppt, .zip, etc. I am able to get the last modified date to work, however I would like to know if it is possible to format the output of the date/time?

I have the following code in the head of my html file:
Code:

<script type="text/javascript">
function getlastmod(what)
{
  var http=new XMLHttpRequest()
  http.open('HEAD',what,false)
  http.send(null)
  if (http.status!=200) return undefined
  return http.getResponseHeader('Last-modified')
}
</script>

In the body section, I have the following:

Code:

	    <ul>
	      <li><a href="documents/OMB_Memo_Conferences_Sep_2011.pdf" target="_blank"> OMB Memo Conferences</a>  <script type="text/javascript">document.write(getlastmod('documents/OMB_Memo_Conferences_Sep_2011.pdf'))</script> <br /></li>
	      <li><a href="documents/NavOceano_Crb.doc" target="_blank">Nav Oceano CRB</a> <script type="text/javascript">document.write(getlastmod('documents/NavOceano_Crb.doc'))</script><br />
        </ul>

The output is:

OMB Memo Conferences Fri, 11 May 2012 13:00:49 GMT
Nav Oceano CRB Fri, 11 May 2012 13:00:38 GMT

Is there any way to format the last modified date/time to display just the following:

OMB Memo Conferences May 11, 2012
Nav Oceano CRB May 11, 2012

Any help would be appreciated.
Thanks,
Andy

I'm trying to find a way to display a future date in short format (as an expiration date) with Javascript. I've figured out how to do it with long format, but have no idea how to convert it and I'm not great with Javascript.

Here is code that I found on another forum and modified:

Code:

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>


<!doctype html>
<head>
<title>Expires</title>
</head>
<body>

<script>

var myDelayInDays=6, myDate=new Date();
myDate.setDate(myDate.getDate()+myDelayInDays);

document.write('Expires: ' + myDate.toLocaleDateString());

</script>
</body>
</html>

</body>
</html>

Which displays:

"Expires: Monday, May 21, 2012"

I would like it to display:

"Expires: 05/21/2012"

Can anyone help?!

I feel a little stupid to ask this question but it has always been on my mind.

<html> <head> <script type="text/javascript"> { var lastMod = new Date (document.lastModified); document.write ("<p>Document last modified "); document.write ((lastMod.getMonth() +1) + "-" + lastMod.getDate() + "-" + lastMod.getFullYear()); document.write ("<p>"); } </script> </head> </html>

when i open in ie or ff it renders 2/25/11 (supposed to be 2/26/11) but when i use it in chrome or an html test is renders correctly.
why?

I set up the following code to check how many days have elapsed since a file has been uploaded:

Code:

function fileModified(url){
    try{
        var Oxml= new window.XMLHttpRequest();
        Oxml.open("HEAD", url, false);
        Oxml.send(null);
        if(Oxml.status== 200){
            var lastmod = Oxml.getResponseHeader('Last-Modified');
            return lastmod;
        }
        else return null;
    }
    catch(er){
        return null;
    }
}
modified = fileModified(location.href);
var now = new Date();
var msecsPerDay = 1000 * 60 * 60 * 24;
var msecsDiff = now.getTime() - modified.getTime();
var diff= msecsDiff / msecsPerDay ;

alert("Days since file was uploaded="+diff);

My problem is that modified.getTime() doesn't work. Apparently the result of Oxml.getResponseHeader('Last-Modified') is a string, such as Sun, 21 Nov 2010 21:17:49 GMT.

I tried and tried - but couldn't get to make a proper date out of this.

The final result that I need is the time since the file was uploaded.

Thanks!

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();

	}

}

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!!

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!

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