|
JavaScript - Last Modified Changes Between Browsers
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? Similar TutorialsHello...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 Hi, I have main html page called "ana.html" which seldomly updated and another page "yeniler.html" that showing latest added articles and often updated. What I want is, whenever "yeniler.html" modified the javascript in "ana.html" shows "Latest Update Date: xx.xx.xxxx". As you can see I don't want to show file modified date of "ana" in "ana" like so many scripts offer on the web , but in page "ana" modified date of "yeniler" I also want the date format like 8.18.2008 (without hour, minute, and name of the month) 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, 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! I have an xml file: http://greenandtheblue.com/weather/parks.xml I'd like to display on an html page the time this xml document was last modified. I've done this successfully with php, but I'm wondering if I can do this with Javascript? The file will be in the same directory as the website/html page. I've googled for a while now with no success. Thanks for any help, S 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. Hello, have a website that contains many excel files (.xls and .zip). I need to display the last modified date of these files. They currently reside on a webserver. I found this script in this forum, BUT, it only seems to work for .htm or really anything else except .xls or .zip files. <html> <head> <title>Last Modified</title> <script type="text/javascript"> function getLastMod(){ var myFrm = document.getElementById('myIframe'); var lastModif = new Date(myFrm.contentWindow.document.lastModified); document.getElementById('LastModified').innerHTML = "Last Update: " + lastModif.toLocaleString(); } </script> </head> <body> <span id="LastModified"></span> <iframe id="myIframe" onload="getLastMod()" src="DFC_new_page.htm" style="display:none;" width="352" height="137"> </iframe> </body> </html> Also, when I place an .xls file inside the src= field it ends up opening the file. HELP!!!! I am new to writing scripts and unfortunately only have Frontpage to use for this. Thank you!!!!! Any ideas on how I can make this work in IE as well?? It is a code that shows a divide on click and then hides the rest at the same time. live code is also at chryscreations.com/ns/boynames.html Javascript: Code: function showstuff(divID)
{
els=document.getElementsByName('mydiv')
for (var i = 0; i < els.length; i++)
{
els[i].style.visibility="hidden";
els[i].style.display="none";
}
document.getElementById(divID).style.visibility="visible";
document.getElementById(divID).style.display="block";
}
HTML Code: <head>
<script>
window.onload=function()
{
showstuff('');
}
</script>
</head>
<body>
<a href="javascript:showstuff('adivide')">A</a>
<a href="javascript:showstuff('bdivide')">B</a>
<div name="mydiv" id="adivide"></div>
<div name="mydiv" id="bdivide"></div>
<body>
Not sure if I'm in the right category, apologies if I am not.. I have a small flash/javascript streaming mp3 player on my site that works fine in Chrome and Safari, but doesn't show up at all in Firefox, IE, or Opera. the site is he www.thehordeandtheharem.com/index2.html the player is in the top left corner. I don't even know where to begin troubleshooting this as I didn't write the player myself, but copied it from another site. If anyone could shed any light on this for me I would be very grateful, thanks! Hello, I am developing a website using HTML, CSS and JavaScript. Actually, I used Javascript a lot in that website and I am developing it in Internet Explorer Environment but I want to display it on the Firefox or Google Chrome but the problem is some of javascript codes do not work in these browsers. So what Should I do? I think I need to define the javascript for the different browsers, so how can I do that? Hi Guys , This is the urgnt requirement , I want to change the Browsers setting languge through java script ,and according to it , The data wht I enter dhould be change .Thanks In advance I was wondering if there is a javascript code that works in all browsers and will allow when a person clicks on a certain tab I have that it plays a short beep.
Hey, everyone: I've been having some trouble with javascript in different browsers. I developed my website using Safari and Chrome on a Mac, only to now realize that some of my javascript will NOT function in FireFox and IE (for both Mac and Windows). I understand that each browser has its quirks, but I'm not aware of anything that would cause my code to act so strangely. The biggest problem seems to be my onload() call in the body tag. I'm definitely an amateur, so forgive me if my work is not professional. Here's the JS in the head: Code: <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<title>Wave Shark | Compose, Store, and Share Workouts</title>
<script type="text/javascript">//<![CDATA[
function toggle(e) {
if (e.style.display == "none") {
e.style.display = "";
} else {
e.style.display = "none";
}
}
//]]>
</script>
<script type="text/javascript">//<![CDATA[
var domainroot="#"
function Gsitesearch(curobj)
{
curobj.q.value="site:"+domainroot+" "+curobj.qfront.value
}
//]]>
</script>
<link href="cssFiles/style.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="shortcut icon" href="../cssFiles/images/img04.jpg" type="image/x-icon" />
<script src="incFunctions/functions.js" type="text/javascript">
</script>
</head>
And in the body tag: Code: <body oncontextmenu="return false;" onload="toggle(progress)"> <div id="progress" style="text-align:center;width:100%"><strong style="font-size:14pt;color:#0000DD;font-family:"arial,helvetica,sans-serif">Loading...</strong></div> In addition to that, you can check out: http://waveshark.elementfx.com/incFu...s/functions.js Any and all suggestions are appreciated. Hi, I have an Issue with a Javascript slideshow. If you see link below it is obvious http://scriptdemo.co.uk/davidgray/al...tes/index.html please can you advise? I only get the Issue in Internet Explorer 8 many thanks Joe Hi, I have a JS that can run on IE but cannot on FireFox and Safari. The script like this: Code: function DeleteClick()
{
var frmSWO = document.getElementById("form");
var answer = confirm("Do you really want to delete?")
if (answer != 0)
{
frmSWO.action = "/domsWeb/controller/manageWorkOrder/DeleteJobOrImage.do";
frmSWO.method = "post";
this.form.fireEvent('onsubmit');
frmSWO.submit();
}
}
So after I change the script, it now can work on Safari and Firefox but cannot on IE. The script is below: Code: function DeleteClick()
{
var frmSWO = document.getElementById("form");
var answer = confirm("Do you really want to delete?")
if (answer != 0)
{
frmSWO.action = "/domsWeb/controller/manageWorkOrder/DeleteJobOrImage.do";
frmSWO.method = "post";
if(frmSWO.fireEvent) {
frmSWO.fireEvent('onsubmit'); //'this.form' might be not clear enough
}
else {
frmSWO.submit(); //fireEvent may not be neccessary since submit() is also called
}
}
}
This is really troublesome! Please help me to amend the script for it to be able to work on all 3 browsers. Appreciate any help. I am having some problems with some JS code that does not work cross browsers Here is my code Code: <html>
<head>
<link rel="STYLESHEET" type="text/css" href="../../include/css/tab.css">
<script src="../../include/js/tabpane.js" type="text/javascript"></script>
</head>
<body>
<div name="objBody">
<div id="tabpane">
<div>
<h2>Contact</h2>
<div>
<br>THIS IS CONTACTS TEXT
</div>
</div>
<div>
<h2>Contact2</h2>
<div>
<br>THIS IS CONTACTS TEXT2222
</div>
</div>
</div>
</div>
<script type="text/javascript">
var tp = new TabPane(document.getElementById("tabpane"));
</script>
</body>
</html>
CSS Code: .tab_pane_holder {
width: 100%;
background-color: #336699;
font-family: verdana;
font-size: 8pt;
border-right: 1px solid black;
border-left: 1px solid black;
border-top: 1px solid black;
}
.tab_normal {
border-right: 1px solid black;
border-left: 1px solid white;
border-bottom: 1px solid black;
border-top: 1px solid white;
padding: 5px;
background-color: #5a7edc;
text-align: center;
/*width: 100px;*/
height: 10px;
color: white;
}
.tab_active {
border-right: 1px solid black;
border-left: 1px solid black;
border-top: 1px solid black;
background-color: white;
padding: 5px;
text-align: center;
/*width: 100px;*/
height: 10px;
color: black;
}
.tab_after_active {
border-right: 1px solid black;
border-left: 0px solid black;
border-top: 1px solid white;
border-bottom: 1px solid black;
background-color: #5a7edc;
padding: 5px;
text-align: center;
/*width: 100px;*/
height: 10px;
color: white;
}
.tab_before_active {
border-left: 1px solid white;
border-bottom: 1px solid black;
background-color: #5a7edc;
border-top: 1px solid white;
text-align: center;
padding: 5px;
/*width: 100px;*/
height: 10px;
color: white;
}
JS Code: function TabPane(el)
{
var tmp = this;
this.element = el;
this.tabs = new Array();
this.divs = new Array();
this.selected = null;
for(var i = 0; i < el.childNodes.length; i++)
{
this.tabs[i] = this.element.childNodes[i].childNodes[0].innerHTML;
}
for(var i = 0; i < this.element.childNodes.length; i++)
{
this.divs[i] = this.element.childNodes[i];
}
for(var i = 0; i < this.element.childNodes.length; i++)
{
this.element.childNodes[i].removeChild(this.element.childNodes[i].childNodes[0]);
}
this.tabPane = document.createElement("div");
this.element.insertBefore(this.tabPane,this.element.childNodes[0]);
this.tabPane.className = "tab_pane_holder";
for(var i = 0; i < this.tabs.length; i++)
{
var x = this.tabs[i];
this.tabs[i] = document.createElement("span");
this.tabPane.appendChild(this.tabs[i]);
this.tabs[i].innerHTML = x;
this.tabs[i].className = "tab_normal";
this.tabs[i].style.cursor = "hand";
this.tabs[i].onselectstart = function()
{
return false;
}
this.tabs[i].onclick = function()
{
tmp.showPage(this);
}
}
for(var i = 0; i < this.divs.length; i++)
{
this.divs[i].style.display = "none";
this.divs[i].style.width = this.element.style.width;
this.divs[i].style.height = this.element.style.height;
this.divs[i].style.overflow = "auto";
this.divs[i].style.borderRight = "1px solid black";
this.divs[i].style.borderBottom = "1px solid black";
this.divs[i].style.borderLeft = "1px solid black";
}
this.showPage = function(el)
{
var x,y;
for(var i = 0; i < this.tabs.length; i++)
{
if(el == this.tabs[i])
{
x = i;
}
}
y = ((x-1) < 0)?0:(x-1);
for(var i = 0; i < this.tabs.length; i++)
{
this.tabs[i].className = "tab_normal";
}
this.tabs[y].className = (y == x)?"tab_active":"tab_before_active";
if(this.tabs[y+1])
{
this.tabs[y+1].className = (y == x)?"tab_after_active":"tab_active";
}
if(this.tabs[y+2])
{
this.tabs[y+2].className = (y == x)?this.tabs[y+2].className:"tab_after_active";
}
if(x == 0)
{
this.tabs[x].style.borderLeft = "0px solid black";
}
for(var i = 0; i < this.divs.length; i++)
{
var show = (i == x)?"block":"none";
this.divs[i].style.display = show;
}
}
this.showPage(this.tabs[0])
}
Good day everyone. I have a challenge with a function that works in Firefox, but not IE, Chrome or Safari. We've been building a site with a mix of Javascript and PHP using Google Maps. Another developer began the project and left a large mess which we're cleaning up. Even though it's under development, it can be viewed at www.recareas.com/demo The challenge we have is this . . . When the site home page, which is a large map, loads, it displays the US with state markers. The user will then select a state, for example, Colorado. The map then zooms in and displays markers for that state. Ultimately we won't be showing markers at the point until the visitor selects an activity from a menu. When the visitor clicks on a location marker, the google call out bubble pops up displaying a list of activities and a More Info button. This more info button when clicked opens a slide out dock on the right side of the screen displaying detailed data about the location selected. The problem we have is that this slide out dock only works in Firefox. It appears that in the other browsers the function that calls the PHP template that builds the right side dock doesn't even load. Can anyone help by giving us some pointers or direction? Here's the function were trying to call from the More Info bubble inside the google map: [code] function locInfo(loc_id) { $.get("includes/z_get_location_details.php", { loc_id: loc_id }, function(data){ $("#infoWindow_location").html(data); $("#r_menu").animate({ width: "500px"}, 200 ); $("#r_menu_left").hide(); $("#r_menu_right").show(); $("#infoWindow").show(); $.getScript("includes/z_get_interests.php?loc_id=" + loc_id); //document.directionsForm.goBtn.disabled=false; }, "html"); } [Icode] Thank you in advance for any help. |
|||||||