When I try to use the DOM to add an image to a table cell, it works in
IE but not in Netscape. If I look at the innerHTML of the table in
Netscape I see %5C in place of "\" in the image file path, nothing I do
corrects it. e.g.
<td><img src="C:%5CArchi ve%5Cgraphic%5C 2pitvipers.jpg" ></td>
Does anyone have any suggestions?
TIA,
Mike
<h3>Select Photo to Add to Table</h3>
<input type="file" name="imgsrc" id='imgsrc'
onchange="addRo wToTable(this.v alue);">
function addRowToTable(p hotosrc){
alert(photosrc) ;
var tbl = document.getEle mentById('tblSa mple');
var lastRow = tbl.rows.length ;
var iteration = lastRow;
var row = tbl.insertRow(l astRow);
// left cell
var cellLeft = row.insertCell( 0);
var textNode = document.create TextNode(iterat ion);
cellLeft.append Child(textNode) ;
// right cell
var cellRight = row.insertCell( 1);
//attempt 1
//var el = document.create Element('img');
//el.setAttribute ('src', unescape(photos rc));
//el.src=unescape (photosrc);
//cellRight.appen dChild(el);
//attempt 2
cellRight.inner HTML="<img src='"+decodeUR IComponent(phot osrc)+"'>";
cellRight.inner HTML=decodeURIC omponent(cellRi ght.innerHTML);
//attempt 3
//var el = new Image();
//el.src=unescape (photosrc);
//cellRight.appen dChild(el);
}
<table border="1" id="tblSample" >
<tr>
<th colspan="2">Use r Selected Photos</th>
</tr>
</table>
