Image

Imagewolfus wrote in Imageru_javascript

Перемещение строки в таблице

Где собака порылась? Второй день с этой фигней вожусь - памагите!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta http-equiv="pragma" content="no-cache" />
<script language="JavaScript" type="text/javascript">
<!--

var text = new Array();
var mydiv = document.getElementById("mytable");
var rows = mydiv.getElementsByTagName("tr");

for (var i = 1; i <= rows.length; i++) {
    c1 = document.getElementById("pos"+i);
    text[i] = c1.innerHTML;
}

function move_up(id)
{
   if (id>1)
   {
      var tmp = text[id];
      text[id] = text[id-1];
      text[id-1] = tmp;
      redraw();
   }
}

function move_down(id)
{
   if (id<rows.length)
   {
      var tmp = text[id];
      text[id] = text[id+1];
      text[id+1] = tmp;
      redraw();
   }
}

function redraw()
{
    var i_text = "        <table align='center' cellspacing='2' cellpadding='2' width='300' border='1'>";
    i_text = i_text + "            <tbody id='mytable'>";

    for (var i = 1; i <= rows.length; i++) {
        i_text = i_text + "<tr id='pos" + i + "'>" + text[i] + "</tr>";
    }
    i_text = i_text + "</table>";
    mydiv.innerHTML = i_text;

}
//-->
</script>

</head>
<body>

        <table align="center" cellspacing="2" cellpadding="2" width="300" border="1">
            <tbody id="mytable">
            <tr id="pos1">
                <td>1</td>
                <td>Строка 1</td>
                <td>
                    <img style="cursor: pointer; cursor: hand" src="images/item_up.gif" title="Выше" onclick="move_up(1)">
                </td>
                <td>
                    <img style="cursor: pointer; cursor: hand" src="images/item_down.gif" title="Ниже" onclick="move_down(1)">
                </td>
            </tr>
            <tr id="pos2">
                <td>2</td>
                <td>Строка 2</td>
                <td>
                    <img style="cursor: pointer; cursor: hand" src="images/item_up.gif" title="Выше" onclick="move_up(2)">
                </td>
                <td>
                    <img style="cursor: pointer; cursor: hand" src="images/item_down.gif" title="Ниже" onclick="move_down(2)">
                </td>
            </tr>
            <tr id="pos3">
                <td>3</td>
                <td>Строка 3</td>
                <td>
                    <img style="cursor: pointer; cursor: hand" src="images/item_up.gif" title="Выше" onclick="move_up(3)">
                </td>
                <td>
                    <img style="cursor: pointer; cursor: hand" src="images/item_down.gif" title="Ниже" onclick="move_down(3)">
                </td>
            </tr>
            </tbody>
        </table>

</body>
</html>

LJ Video