Dynamically Creating Tables that Include Cell's with URL's

I am dynamically building a table from data, and have run into a problem. I
have numerous rows and cells that are being created just fine, similar to
this:

tdElem = document.createElement("td");
tdElem.className = "approved_date";
txtNode = document.createTextNode($rs('approved_date'));
tdElem.appendChild(txtNode);
trElem.appendChild(tdElem);

However, when I try create a TextNode with a URL in it, I cannot get the
escape sequence right to show the URL, similar to this:

tdElem = document.createElement("td");
tdElem.className = "row_actions";
tdElem.align= "center";
txtNode = document.createTextNode("\<a href=" + "\"" +
"javascript:EditLineItem()" + "\"" + ">Edit</a> | Delete");
tdElem.appendChild(txtNode);
trElem.appendChild(tdElem);

Is there some way to include a URL in a dynamically created textnode?

BV.

"BenignVanilla" <bvanilla (AT) tibetanbeefgarden (DOT) com> wrote

I am dynamically building a table from data, and have run into a problem. I
have numerous rows and cells that are being created just fine, similar to
this:
snip
However, when I try create a TextNode with a URL in it, I cannot get the
escape sequence right to show the URL, similar to this:
snip
Is there some way to include a URL in a dynamically created textnode?

I found an answer. Wayne Dobson responded to another thread on a slightly
different issue, and I was able to
alter my code to match his response to fix my problem...

Try:

function createHREF(text,href)
{
var a = document.createElement("A")
document.body.appendChild(a)
var t = document.createTextNode()
t.data = text
a.href = href
a.onmouseover = gotoHREF
a.appendChild(t)
a.appendChild(document.createElement("BR"))
return a
}

function gotoHREF()
{
window.open(this.href) // Opens a new window.
//window.location = this.href
//Above opens in same window.
}

var hrefs = [ ["Yahoo","http://www.yahoo.co.uk"],
["Hotmail","http://www.hotmail.co.uk"] ]

for( var i = 0 ; i < hrefs.length ; i++ )
createHREF(hrefs[i][0],hrefs[i][1])

BenignVanilla wrote:

I am dynamically building a table from data, and have run into a problem.
I have numerous rows and cells that are being created just fine, similar
to this:

tdElem = document.createElement("td");
tdElem.className = "approved_date";
txtNode = document.createTextNode($rs('approved_date'));
tdElem.appendChild(txtNode);
trElem.appendChild(tdElem);

However, when I try create a TextNode with a URL in it, I cannot get the
escape sequence right to show the URL, similar to this:

tdElem = document.createElement("td");
tdElem.className = "row_actions";
tdElem.align= "center";
txtNode = document.createTextNode("\<a href=" + "\"" +
"javascript:EditLineItem()" + "\"" + ">Edit</a> | Delete");
tdElem.appendChild(txtNode);
trElem.appendChild(tdElem);

Is there some way to include a URL in a dynamically created textnode?

BV.

Hi,
did you tried the following:

var link = document.createElement("a");

link.href = "javascript:EditLineItem()";
var linkdesr = document.createTextNode("Edit");
var delete = document.createTextNode("| Delete");

link.appendChild(linkdescr);



tdElement.appendChild(link);
tdElement.appendChild(delete);
--
Didn't tried this solution so far, but should work.

Good luck ;-)


Regards

Jochen

"BenignVanilla" <bvanilla (AT) tibetanbeefgarden (DOT) com> wrote

"BenignVanilla" <bvanilla (AT) tibetanbeefgarden (DOT) com> wrote in message
news:tt-dnYI2t-YAmczZnZ2dnUVZ_sednZ2d (AT) giganews (DOT) com...
I am dynamically building a table from data, and have run into a problem.
I
have numerous rows and cells that are being created just fine, similar to
this:
snip
However, when I try create a TextNode with a URL in it, I cannot get the
escape sequence right to show the URL, similar to this:
snip
Is there some way to include a URL in a dynamically created textnode?

I found an answer. Wayne Dobson responded to another thread on a slightly
different issue, and I was able to
alter my code to match his response to fix my problem...

Try:

function createHREF(text,href)
{
var a = document.createElement("A")
document.body.appendChild(a)
var t = document.createTextNode()
t.data = text
a.href = href
a.onmouseover = gotoHREF
a.appendChild(t)
a.appendChild(document.createElement("BR"))
return a
}

I think it was a little long-winded. This would be more concise:

var a = document.createElement("A")
a.href = href
a.appendChild(document.createTextNode(text))
document.body.appendChild(a)
document.body.appendChild(document.createElement(" BR"))
return a

That's without a mouseover effect.
--
Wayne
"Aka Dobbie the House Elf."

"Wayne Dobson" <nospam (AT) noaddress (DOT) com> wrote

"BenignVanilla" <bvanilla (AT) tibetanbeefgarden (DOT) com> wrote in message
news:2N2dnfr8TvcllMzZnZ2dnUVZ_sydnZ2d (AT) giganews (DOT) com...

"BenignVanilla" <bvanilla (AT) tibetanbeefgarden (DOT) com> wrote in message
news:tt-dnYI2t-YAmczZnZ2dnUVZ_sednZ2d (AT) giganews (DOT) com...
I am dynamically building a table from data, and have run into a
problem.
I
have numerous rows and cells that are being created just fine, similar
to
this:
snip
However, when I try create a TextNode with a URL in it, I cannot get
the
escape sequence right to show the URL, similar to this:
snip
Is there some way to include a URL in a dynamically created textnode?

I found an answer. Wayne Dobson responded to another thread on a slightly
different issue, and I was able to
alter my code to match his response to fix my problem...

Try:

function createHREF(text,href)
{
var a = document.createElement("A")
document.body.appendChild(a)
var t = document.createTextNode()
t.data = text
a.href = href
a.onmouseover = gotoHREF
a.appendChild(t)
a.appendChild(document.createElement("BR"))
return a
}

I think it was a little long-winded. This would be more concise:

var a = document.createElement("A")
a.href = href
a.appendChild(document.createTextNode(text))
document.body.appendChild(a)
document.body.appendChild(document.createElement(" BR"))
return a

That's without a mouseover effect.

My issue was a bit different, but using your example, I was able to solve my
issue, so I am very grateful!!

BV.