動的追加アップロード画像ラベルの削除
1861 ワード
<script type="text/javascript">
var Browser = new Object();
Browser.isIE = window.ActiveXObject ? true : false;
//
function rowindex(tr)
{
if (Browser.isIE)
{
return tr.rowIndex;
}
else
{
table = tr.parentNode.parentNode;
for (i = 0; i < table.rows.length; i ++ )
{
if (table.rows[i] == tr)
{
return i;
}
}
}
}
// input
function addImg(obj)
{
var src = obj.parentNode.parentNode;
var idx = rowindex(src);
var tbl = document.getElementById('gallery-table');
var row = tbl.insertRow(idx + 1);
var cell = row.insertCell(-1);
cell.innerHTML = src.cells[0].innerHTML.replace(/(.*)(addImg)(.*)(\[)(\+)/i, "$1removeImg$3$4-");
}
// input
function removeImg(obj)
{
var row = rowindex(obj.parentNode.parentNode);
var tbl = document.getElementById('gallery-table');
tbl.deleteRow(row);
}
</script>
<body>
<table width="90%" id="gallery-table" align="center">
<tbody>
<tr><td></td></tr>
<tr><td> </td></tr>
<tr>
<td>
<a href="javascript:;" onclick="addImg(this)">[+]</a>
<input type="text" name="img_desc[]" size="20"/>
<input type="file" name="img_url[]"/>
</td>
</tr>
</tbody>
</table>
</body>
</html>