JavaScript - Javascript Slows Page Render Performance - Fix?

Hello

I am relatively new to java script. The code I have behaves differently when I debug it and when I just run is straight.

There are three functions that one another in a particular sequence. When I debug it they get called in the correct sequence but otherwise they get called in a constant but random pattern.

I know I am missing basic understanding of javascript Can some body help please.

Thanks in advance

Output when I open the page in a browser without debug.
Code:

Firebug's log limit has been reached. 0 entries not shown.		Preferences	 
readJSON2
		
 
	
There are no child objects
	
inside parseJSON:
		
 
	
There are no child objects
	
GET http://10.208.137.92/js/v1/External/JSON/sample.json
GET http://10.208.137.92/js/v1/External/JSON/sample.json
	
304 Not Modified
		64ms	
jquery-1.6.2.js (line 7869)
readJSON1
		
 
	
alerts
	[Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}]

Console Output when I debug

Code:

Firebug's log limit has been reached. 0 entries not shown.		Preferences	 
Firebug's log limit has been reached. 0 entries not shown.		Preferences	 
GET http://10.208.137.92/js/v1/External/JSON/sample.json
GET http://10.208.137.92/js/v1/External/JSON/sample.json
	
304 Not Modified
		111ms	
jquery-1.6.2.js (line 7869)
readJSON1
		
 
	
alerts
	[Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}]
readJSON2
		
 
	
alerts
	[Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}]
inside parseJSON:
		
 
	
alerts
	[Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}]

Javascript code
Code:

function populateSearchResults(alert){
	
		
		var listOfAlertsDiv = document.getElementById('listOfAlertsDiv');
		
		//var x = document.getElementById('rowTable').insertRow(0);
		
		//TODO: Replace the above code to remove Table declaration in above HTML. Instead use JQuery scrollbar and populate scroll area with the content below.
		// Create a new table. Add a row to it and then add the below cell to it.  
		
		//TODO: Create a div
		//		Create a table
		//		Add the above created div to div1
		
		var rowDiv = document.createElement('div');
		rowDiv.className="scroll-content-item";		
		
		var rowContentTable = document.createElement('table');
		rowContentTable.width="100%";
		rowContentTable.border="0";
		rowContentTable.cellpadding="0";
		rowContentTable.cellspacing="0";
		rowContentTable.summary="Row Content Table";
		
		var rowContentTableFirstRow = rowContentTable.insertRow(0);
		var checkBoxCell = rowContentTableFirstRow.insertCell(0); 
		checkBoxCell.width = "1%";
		
		//x.valign = "top"
		//var checkBoxCell = x.insertCell(0);
		//checkBoxCell.width = "1%";		
		
	
		var checkBox = document.createElement('input');
		checkBox.type = "checkbox";
		checkBox.name = "checbox";
		checkBox.value = "true";
		
		checkBoxCell.appendChild(checkBox);
		
		var contentCell = rowContentTableFirstRow.insertCell(1);
		contentCell.width = "99%";
		
			var contentTable = document.createElement('table');
			contentTable.style.border = '1';
			contentTable.cellPadding = '0';
			contentTable.cellSpacing = '0';			
			contentTable.width = "100%"
			
			var titleRow = contentTable.insertRow(0);
			
				var titleCell = titleRow.insertCell(0);
				titleCell.width = "70%";
				titleCell.id = "alertTile"
				
					var title = document.createElement('a');
					title.href = "http://www.google.com";
					title.id = "AlertResultNameLink";
					titleText = document.createTextNode(alert.name);
					title.appendChild(titleText);
					titleCell.appendChild(title);
				
				var moveToFolderCell = titleRow.insertCell(1);
				moveToFolderCell.width = "5%";
				moveToFolderCell.id = "moveToFolder";
				
					var moveToFolderCellImage = document.createElement('img');
					moveToFolderCellImage.alt = "Move To Folder";
					//TODO: Change the hardcoding of the image location to symbolic links
					moveToFolderCellImage.src = "/js/v1/Alerts/images/co_documentFooterArrowFirst_inactive.png"
					moveToFolderCellImage.border = 0;
					moveToFolderCellImage.className = "moveToFolder";
				
				moveToFolderCell.appendChild(moveToFolderCellImage);
				
				var editAlertCell = titleRow.insertCell(2);
				editAlertCell.width = "10%";
				
					var editAlertButton = document.createElement('a');
					editAlertButton.href = "http://www.google.com";
					editAlertButton.className = "EditAlertButton";
					
						var editAlertButtonImage = document.createElement('img');
						editAlertButtonImage.alt = "Edit Alert";
						//TODO: Change the hardcoding of the image location to symbolic links
						editAlertButtonImage.src = "/js/v1/Alerts/images/co_overlayBox_closebutton.png";
						editAlertButtonImage.border = 0;
						editAlertButtonImage.className = "EditAlert";					
						editAlertButton.appendChild(editAlertButtonImage);
						
						var editAlertButtonText = document.createTextNode(' Edit Alert ');
						editAlertButton.appendChild(editAlertButtonText);
						//editAlertButton.innerHTML = " Edit Alert "
				
				editAlertCell.appendChild(editAlertButton);
			
			var alertMetaDataRow = contentTable.insertRow(1);
			var alertMetaDataCell = alertMetaDataRow.insertCell(0);
			
				var alertMetaDataTable = document.createElement('table');
				alertMetaDataTable.width = "100%"
				
					var alertMetaDataTableRow = alertMetaDataTable.insertRow(0);
					alertMetaDataTableRow.width = "100%"
					
						var lastUpdateCell = alertMetaDataTableRow.insertCell(0);
						lastUpdateCell.width = "25%"
						//var lastUpdateCellText = document.createTextNode("Last Update:");
						var lastUpdateCellText = document.createTextNode("Last Update: " +alert.lastRunDate);
						lastUpdateCell.appendChild(lastUpdateCellText);
						
						var nextUpdateCell = alertMetaDataTableRow.insertCell(1);
						nextUpdateCell.width = "25%"
						var nextUpdateCellText = document.createTextNode("Next Update:");
						nextUpdateCell.appendChild(nextUpdateCellText);
						
						var clientIdCell = alertMetaDataTableRow.insertCell(2);
						clientIdCell.width = "50%"		
						var clientIdCellText = document.createTextNode("Client ID: ")
						clientIdCell.appendChild(clientIdCellText);
			
			alertMetaDataCell.appendChild(alertMetaDataTable);
				
			var descriptionRow = contentTable.insertRow(2);
			var descriptionCell = descriptionRow.insertCell(0);
			
				var descriptionTitle = document.createTextNode("Description: ");
			descriptionCell.appendChild(descriptionTitle);
			
			var activeDeliveryRow = contentTable.insertRow(3);
			var activeDeliveryCell = activeDeliveryRow.insertCell(0);
				
				var activeDeliveryTitle = document.createTextNode("Active Delivery");
				activeDeliveryCell.appendChild(activeDeliveryTitle);
				
				var rss1 = document.createElement('img');
				rss1.style.border = "0";
				rss1.src = "images/rssIcon.png";
				rss1.hspace = "4";
				activeDeliveryCell.appendChild(rss1);
				
				var rss2 = document.createElement('img');
				rss2.style.border = "0";
				rss2.src = "images/rssIcon.png";
				rss2.hspace = "4";
				activeDeliveryCell.appendChild(rss2);
				
				var rss3 = document.createElement('img');
				rss3.style.border = "0";
				rss3.src = "images/rssIcon.png";
				rss3.hspace = "4";
				activeDeliveryCell.appendChild(rss3);
				
				var rss4 = document.createElement('img');
				rss4.style.border = "0";
				rss4.src = "images/rssIcon.png";
				rss4.hspace = "4";
				activeDeliveryCell.appendChild(rss4);
				
			
		contentCell.appendChild(contentTable);
		
		rowDiv.appendChild(rowContentTable);
		listOfAlertsDiv.appendChild(rowDiv);
		
		contentCell.appendChild(document.createElement('br'));
		contentCell.appendChild(document.createElement('hr'));
		contentCell.appendChild(document.createElement('br'));
		
	}
	
	function readJSON(){
		var json = "";
		//$(document).ready(function(){
			$.getJSON("/js/v1/External/JSON/sample.json", function(data){				
				json = data;
				console.log("readJSON1");
				console.dir(data);
			});
		//});
		console.log("readJSON2");
		console.dir(json);
		return json;
	}
	
	function parseJSON(){
		var alerts = [];
				
		var json = readJSON();	
		console.log("inside parseJSON:");
		console.dir(json);
	
		//TODO: Check if JSON is not null.
		
		for(var i in json.alerts){
			var createdDate = new Date(json.alerts[i].createdDate);
			var alert = new Cobalt.Alerts.DataTypes.Alert();
			var AlertPartnerDefinedInfos = [];
			alert.name = json.alerts[i].name;
			alert.lastRunDate = $.format.date(new Date(json.alerts[i].lastRunDate),"MM/dd/yyyy hh:mma");			
			alerts.push(alert);
		}						
		//console.log("fillRows: " +alerts.length);
		return alerts;
	}
	
	$(document).ready(fillRows=function(){
	
		var alerts = parseJSON();
		//console.log("fillRows: " +alerts.length);
		for(i=0;i<alerts.length;i++){
			var alert = alerts[i];
			populateSearchResults(alert);
		}	
	});

favorite


I'd like to modify a form on www.formsite.com (form builder app):

username: testuser password: password

I would like to use the nicedit.com's inline content editor's js to transform my textarea's into a richtext area. At present the nicedit editor works well in creating the richtextarea. However, the KEY point is that I would like formsite's form to pipe in the the created html and render it with the html component of formsite. Currently, the pipe function in formsite will only put out the html syntax in it's html module.

action seen he http://fs8.formsite.com/testform/form1/index.html

So this would be: 1. checking out my form on formsite.com 2. the script from nicedit.com is already installed in an html component. 3. changing or telling me the scripts/tags/or whatever for formsite form using formsites form builder (which allows some html/script editing). 4. changed so as to render the rich text entered on page 1 in page 2 instead of the html syntax.

Any other solutions using formsite and any other richtextarea solutions would be great too!

Hi,

I ve recently come across the Advanced jQuery background image slideshow by Marco Folio. I have implemented it fine but when it goes to load an image I get a black screen for a second or two. I have about 15 images and reading around I found out that it has to do with the loading of images and that it would be better adding an image preloader to it. I have tried several pre loaders and have got the to work on their own, but not with this slider. This is the script.js

Code:

var slideshowSpeed = 6000;

// Variable to store the images we need to set as background
// which also includes some text and url's.
var photos = [  
			 {
		"title" : "",
		"image" : "1.jpg",
		"url" : "#",
		"firstline" : "",
		"secondline" : ""
	}, {
		"title" : "",
		"image" : "2.jpg",
		"url" : "#",
		"firstline" : "",
		"secondline" : ""
	}, {
		"title" : "",
		"image" : "3.jpg",
		"url" : "#",
		"firstline" : "",
		"secondline" : ""
	}, {
		"title" : "",
		"image" : "4.jpg",
		"url" : "#",
		"firstline" : "",
		"secondline" : ""
	}, {
		"title" : "",
		"image" : "5.jpg",
		"url" : "#",
		"firstline" : "",
		"secondline" : ""
	},{
		"title" : "",
		"image" : "6.jpg",
		"url" : "#",
		"firstline" : "",
		"secondline" : ""
	}, {
		"title" : "",
		"image" : "7.jpg",
		"url" : "#",
		"firstline" : "",
		"secondline" : ""
	}, {
		"title" : "",
		"image" : "8.jpg",
		"url" : "#",
		"firstline" : "",
		"secondline" : ""
	}, {
		"title" : "",
		"image" : "9.jpg",
		"url" : "#",
		"firstline" : "",
		"secondline" : ""
	}, {
		"title" : "",
		"image" : "10.jpg",
		"url" : "#",
		"firstline" : "",
		"secondline" : ""
	},
	{
		"title" : "",
		"image" : "11.jpg",
		"url" : "#",
		"firstline" : "",
		"secondline" : ""
	},
	{
		"title" : "",
		"image" : "12.jpg",
		"url" : "#",
		"firstline" : "",
		"secondline" : ""
	},
	{
		"title" : "",
		"image" : "13.jpg",
		"url" : "#",
		"firstline" : "",
		"secondline" : ""
	},
	{
		"title" : "",
		"image" : "14.jpg",
		"url" : "#",
		"firstline" : "",
		"secondline" : ""
	}
			  
];



$(document).ready(function() {
		
	// Backwards navigation
	$("#back").click(function() {
		stopAnimation();
		navigate("back");
	});
	
	// Forward navigation
	$("#next").click(function() {
		stopAnimation();
		navigate("next");
	});
	
	var interval;
	$("#control").toggle(function(){
		stopAnimation();
	}, function() {
		// Change the background image to "pause"
		$(this).css({ "background-image" : "url(images/btn_pause.png)" });
		
		// Show the next image
		navigate("next");
		
		// Start playing the animation
		interval = setInterval(function() {
			navigate("next");
		}, slideshowSpeed);
	});
	
	
	var activeContainer = 1;	
	var currentImg = 0;
	var animating = false;
	var navigate = function(direction) {
		// Check if no animation is running. If it is, prevent the action
		if(animating) {
			return;
		}
		
		// Check which current image we need to show
		if(direction == "next") {
			currentImg++;
			if(currentImg == photos.length + 1) {
				currentImg = 1;
			}
		} else {
			currentImg--;
			if(currentImg == 0) {
				currentImg = photos.length;
			}
		}
		
		// Check which container we need to use
		var currentContainer = activeContainer;
		if(activeContainer == 1) {
			activeContainer = 2;
		} else {
			activeContainer = 1;
		}
		
		showImage(photos[currentImg - 1], currentContainer, activeContainer);
		
	};
	
	var currentZindex = -400;
	var showImage = function(photoObject, currentContainer, activeContainer) {
		animating = true;
		
		// Make sure the new container is always on the background
		currentZindex--;
		
		// Set the background image of the new active container
		$("#headerimg" + activeContainer).css({
			"background-image" : "url(images/" + photoObject.image + ")",
			"display" : "block",
			"z-index" : currentZindex
		});
		
		// Hide the header text
		$("#headertxt").css({"display" : "none"});
		
		// Set the new header text
		$("#firstline").html(photoObject.firstline);
		$("#secondline")
			.attr("href", photoObject.url)
			.html(photoObject.secondline);
		$("#pictureduri")
			.attr("href", photoObject.url)
			.html(photoObject.title);
		
		
		// Fade out the current container
		// and display the header text when animation is complete
		$("#headerimg" + currentContainer).fadeOut(function() {
			setTimeout(function() {
				$("#headertxt").css({"display" : "block"});
				animating = false;
			}, 500);
		});
	};
	
	var stopAnimation = function() {
		// Change the background image to "play"
		$("#control").css({ "background-image" : "url(images/btn_play.png)" });
		
		// Clear the interval
		clearInterval(interval);
	};
	
	// We should statically set the first image
	navigate("next");
	
	// Start playing the animation
	interval = setInterval(function() {
		navigate("next");
	}, slideshowSpeed);
	
});

and this is the part of the html where it is added:

Code:

<div id="header_top">
	<div id="headerimgs">
		<div id="headerimg1" class="headerimg"></div>
		<div id="headerimg2" class="headerimg"></div>
  </div>
</div>

I would like to load 2 images on page load and then while it is displaying the 2 images to download to the browser cache the rest. Could you point me in the right direction.

Thanks

Hello everyone!

Im new here so any help you can give would be great. I am a Designer, and some time AS3 programer. Teaching my self Javascript for a portfolio website.

The Goal:

I created a code that randomly creates and Populates Divs in a regular grid, then populates them with an image (using css backgroundImage property) or a print CMY(and Green) color. (eventually will include a shadow box and side scroller)

The Problem:

The creation and population works just fine, the first time around. if I "Refresh" the page (which i thought destroyed all vars and data) the page loads some times, or freezes. Some times it doesn't load at all! so its very unpredictable, obviously i need this to work the same way every time.


Im pretty sure its something simple that i missed, a nuance of javascript or something. So if any one who is more experienced can help I would be super grateful!!


here is the page on my website:
designchangeseverything.com/beta/divpoptest.html

here is the code (i included some of my comments so you can see how i was trying to debug):

Code:

<SCRIPT LANGUAGE="JavaScript">



var Tborder = .05
var howmanyIMG = 15
var winHeight = Math.floor(window.innerHeight);
var winWidth = Math.floor(window.innerWidth);
var BoxHeight = Math.floor((winHeight * (1-Tborder)) / 3);
var BoxWidth = BoxHeight;
var howmanyx = Math.floor(winWidth / BoxWidth) + 1;
var howmanyy = 3;
var HowMany = howmanyx * howmanyy;
var used = new Array(howmanyIMG);
var CMYG = ["00AEEF","EC008C","FFF200","41AD49"]

function RNDy(numby){
	return Math.floor(Math.random()*numby);
}



function getUniq(){ 
/* alert("run getuniq");*/
var n; 
while ( used[ n = RNDy(howmanyIMG) ] ){} 
used[ n ] = true; 

return n; 
}


function ColorRND() { 
	
	if (RNDy(4) ==1) {
		return true;
	}else{
		return false;
	}
}



function PlacePop (HMx,HMy){
	
	
	var counter = 0;
	var countc = 0;
	

	for(x=0;x<=HMx;x++){
		var countr = 0;
		for(y=0;y<HMy;y++){

				
			var divy = document.createElement("div");
			var divyID = 'box' + counter;

			divy.setAttribute('id', divyID)
	
			divy.style.position="absolute";    
	
			divy.style.zIndex = counter + 3;
			divy.style.visibility = 'visible'; 
			divy.style.borderWidth = '1';
			divy.style.borderColor = '#000000';
			divy.style.pixelLeft= x * BoxWidth + (2 * countc);
	
			divy.style.pixelTop= y * BoxHeight + (winHeight * Tborder) + (2 * countr);
			divy.style.pixelWidth=  BoxWidth;
			divy.style.pixelHeight= BoxHeight;
			if (ColorRND()){
				
				/*divy.innerHTML = 'color';*/
					divy.style.backgroundColor = "#" + CMYG[RNDy(4)];
					
				
			}else{
				/*divy.innerHTML = 'image';*/
				divy.style.backgroundImage = "url(resourses/images/portfolio/" + getUniq() + ".png)";
			divy.style.backgroundPosition = "center";
			
			/*RNDy(100) + "% " + RNDy(100) + "%";*/
			}
	document.body.appendChild(divy);
			counter++;
			countr++;
		
		}countc++;

	}	
	/*
	 
	 alert("ran" + counter + " times");*/
}
	
/* used = null;*/

</script>

THANKS FOR ANY HELP YOU CAN GIVE!

Hello, I am trying to use .innerHTML to replace an image with an embedded flash file.

Here is my code...

HTML:
Code:

<a href="#" onclick="funt1(); return false;">do it to it</a><br><br>
<span id="embed"><img src="video%20convert%20zone/zerotime.png"></span>

JavaSscript:
Code:

<script type="text/javascript">
function funt1(){

	document.getElementById('embed').innerHTML='<object width="100" height="40"><param name="movie" value="video%20convert%20zone/video.swf"></param><embed src="video%20convert%20zone/video.swf" width="100" height="40" name="player" id="player" menu="false" loop="false" bgcolor="#000000" wmode="transparent" type="application/x-shockwave-flash"></embed><param name="loop" value="false"></param><param name="menu" value="false"></param><param name="bgcolor" value="#000000"></param><param name="wmode" value="transparent"></param></object>'; return false;
}
</script>

And for some reason in Internet Explorer when I click the "do it to it" link, the image just disappears, and object and embed don't appear. But it works in Firefox.

Any suggestions?

Hi,

I am Aditya. I am explaining below the exact scenario where I need the help:

I am developing a web application in which I need to integrate a javascript/html editor on some of the web pages and then provide 'Edit' buttons on those web pages so that users can edit the content on that partciular html/jsp page (like editing in wiki pages) and then, when they add some content and click on submit button, the new content should appear on the web page with all the formatting (i.e. bold, italics, color and so on) which was applied by user when he was entering the text.
Now, I need help for the below issues:
1. Please suggest me a good javascript/html editor (freely downloadable) which I can use to integrate with my web pages.
2. Once the user has entered some content using the above javascript editor, how to make that content reach the server and update the corresponding web page.

I am new to web development, so may be that these questions are too simple.
But, I need some help from you.

Waiting for your reply,

Thanks,
Aditya

Hello,

I don't know if this can be done in Javascript, or requires any other language but i was wondering if this would be possible.

I would like to embed this Javascript code in to a PHP file and then for it to run automatically upon the PHP file loading:

Code:

<td class="smallDesc"> <a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </td>

The Javascirpt is the Facebook Share button that basically allows users that have Facebook to share the page there currently on in their Facebook status by pressing the button, but if there not logged in it shows the login page, not a problem just continue the script.

The current button i which is what i want to load automatically in the PHP file is located here, to test the functionalilty just click "Share" button in blue..

http://watch-movies-online.anyfilman...-Movie-17.html

To summarise, i would like the above Javascript code to execute automatically upon pageload of this PHP file.. http://www.watch-movies-online.anyfi...p://google.com.

If that could be done, and if this also is possible.. i would like for the "Share" button on the external page that is loaded from the Javascript code above to be clicked automatically so in effect when ever someone visits the PHP page after clicking "Click Here to Watch/Stream 2012 Online For Free" on this page it will automatically load the Facebook Share box, and automatically click the "Share" Button and then close the page if possible, but not required.

Please feel free to ask any questions, i'll be happy to answer.

Thanks in advance.

Best Regards,
Jonathan.

hello guys
the idea is to make "offline" bill of lading

i used to do php thing and well this time i only need to kinda make bill of lading generator

so i want to pass value from page 1 to page 2 and to page . all offline without web server interaction

i was never fluent in javascript and i wanted to get a quick start from you guys how do i pass the form ( javascript variable from 1 page to another page )

i am googling this as well right now and hoping answer from codingforums

thanks

Hello,
this is my first post. I've been looking for a script to render HTML code into an accurate PNG file. I found this kind of function at http://www.mecabricks.com/en/workshop/ - when pressing the camera button. And also http://html2canvas.hertzen.com/ - but the documentation is not enough so I just can't get it to work...

I was wondering if anyone could help me to get it going?

Kind regards,
P

http://www.ebay.com/ctg/NorthPoint-N...1&_rptype=4295

At the above URL if you scroll down the page a little bit on the left bottom of the site you will see a image appear with an up arrow. If you click it it takes you to the top of the page. Could someone give directions on installing this script on a website. I would like to add this feature to my website.

Thanks in advance for the help

All,
Does anyone have any examples or links of some free Javascript code that will turn the pages of your website when you click the mouse and drag the "page"?

Thanks in advance for any ideas!

Hi guys,
i have a code where if you press on a word some words disappear and new ones appear and then when you press on the word again everything goes back to normal. I am trying to get it so that after the first click if i press back it should go back to normal instead of having to press the word again but all i am getting at the moment when i press back is the the page with the changed text.

Quote:
Originally Posted by mlseim
hmmm .... sort of stumped.

For a test, I made a script that pulls a random "bumper-sticker" quote
out of a file and sends it back as Javascript.

Put this on a test page of yours and see what happens:

<script type="text/javascript" src="http://www.catpin.com/bumper_sticker3.php"></script>

Wherever that line is, when you view your web page, it should have a random quote.

It's using the same code that I had above (in post #2).

how would you put <script type="text/javascript" src="http://www.catpin.com/bumper_sticker3.php"></script> into a function for javascript to call this php file?

I have a very simple problem, but I can't find the answer. How do I run an html page??


<script type="text/javascript" >
var curdate=new Date();
if (curdate.getMonth()+1 ==1){

document.write("<img src='Images/Menu Pictures/05/homepage.gif'>");
the above line works
document.write("<href src='menu05.htm'>");
The above line doesn't work
}
else
if (curdate.getMonth()+1==2){