Resolved To change link dynamically using innerHTML

[azrina]

Hi,

Below is my code.
I am stuck in line shows below.

function createRows() //to create rows using innerHTML
{
	var tbody = document.getElementById("CONTENT"); //tbody = your table body
	tbody.innerHTML = ""; //empty table body
	for (i=1; i<=73; i++)  
	{
		tr = tbody.insertRow(-1); //append a row in table body
		td = tr.insertCell(-1); td.innerHTML = referenceNo(i); //ref. no
		td = tr.insertCell(-1); td.innerHTML = trackNo(i);  //track
		td= tr.insertCell(-1); td.innerHTML = ; //I am stuck here
	}
}

I would like to have function call there where it will receive a value to link it to pdf file and also display the title.

In HTML, I would be writing it like below. But, I want it to be dynamically set according to the value of i.

<a href="3-Management & Marketing\103.pdf" target="_blank">XXXX</a>

How to do this? Pls help.

[azrina]

Pls look into the code below.
When run on browser, it cannot find the path.
What is wrong?

function createRows() //to create rows using innerHTML
{
	var tbody = document.getElementById("CONTENT"); //tbody = your table body
	tbody.innerHTML = ""; //empty table body
	for (i=1; i<=73; i++)  
	{
		tr = tbody.insertRow(-1); //append a row in table body
		td = tr.insertCell(-1); td.innerHTML = referenceNo(i); //ref. no
		td = tr.insertCell(-1); td.innerHTML = trackNo(i);  //track
		td = tr.insertCell(-1); td.innerHTML = getTitle(i); 
	}
}


/** ----------------------------------------- TO RETURN TITLE -------------------------------------------------*/
function getTitle(i)
{
	var title = "";
	switch(i)
	{
		case 1:
			title = "<a href=\"3-Management & Marketing\103.pdf\" target=\"_blank\">XXXXX</a>";
			break;
	}
	return title;
}

[Old Pedant]

Backslashes in strings must be doubled:

title = "<a href=\"3-Management & Marketing\\103.pdf\" target=\"_blank\">XXXXX</a>";

BUt *PROBABLY* that should not be a backslash, anyway. Probably should be forward slash. And keep it simple:

title = '<a href="3-Management & Marketing/103.pdf" target="_blank">XXXXX</a>';

[glenngv]

Why not just store the filenames in an array?

var files = ["3-Management & Marketing/103.pdf", "3-Management & Marketing/xxx.pdf", "3-Management & Marketing/yyy.pdf", ...and so on...];

Then in the createRows function:

td.innerHTML = '<a href="' + files[i-1] + '" target="_blank">XXXXX</a>';

[azrina]

Thanks.
Both can be used.
But it is convenient for me not to use array.

[felgall]

Why not do it properly and get rid of the innerHTML. That way you avoid all the issues of nested quotes.

[azrina]

How? Can you explain further?
I used document.write before this.
But the code does not work.
And they suggested innerHTML.
What is the best solution for this actually?