HTML+CSS+JavaScript

Здравстрвуйте!
Помогите написать скрипт для изменения порядка страниц
Задача такая:
каждая страница имеет ID и INDEX - позицию в списке
скрипт должен реализовывать перемещение статьи по списку
результат будет передаваться как форма
использовать - только ЯваСкрипт

я думаю выглядеть это как таблица в строке которой будет скрытый элемент формы, название статьи и иконки для передвижения статьи по списку

Спасибо!

Ещё раз то же самое, но попонятнее - "кто на ком стоял?"

объясните пожалуйста, что вы имеете в виду под словами "список", "статья" и "страница"
куда должен передаваться результат и зачем?

"список", "статья" и "страница"
да это неважно, главное тут строка неважно чего, которая имеет ИД и ИНДЕКС.
Я так понимаю нужен ассоциативный массив элементами которого будут являтся ИНДЕКСЫ которые и надо менять местами, при помощи ЯваСкрипт, для соответствующих ИД. А может и ненужен массив, но менять местами индексы придётся по-любому))
Вобщем надо формировать ссылки "стрелочка вверх" и "стрелочка вниз" при нажати на которые будут менятся местами соседние индексы.
Можно даже драг-энд-дроп использовать))) (бурная однако у меня фантазия)
К сожалению я знаю, что это можно сделать при помощи ЯваСкрипт, но незнаю как)

Вообщем, скрипту передаются пары значений ID, INDEX
а скрипт должен обеспечить интерфейс ползователя для изменения INDEX для каждого ID

Пример из трех строк

<tr><td>     <input type="hidden" name="id1" value="4">     <input type="hidden" name="index1" value="1">     Название статьи 4     <a href="javascript: move_down(1)">Вниз</a> </td></tr> <tr><td>     <input type="hidden" name="id2" value="8">     <input type="hidden" name="index2" value="3">     Название статьи 8     <a href="javascript: move_up(2)">Вверх</a>     <a href="javascript: move_down(2)">Вниз</a> </td></tr> <tr><td>     <input type="hidden" name="id3" value="1">     <input type="hidden" name="index3" value="2">     Название статьи 1     <a href="javascript: move_up(3)">Вверх</a> </td></tr>

А функции move_up и move_down обменивает местами ячейки в соответствующем направлении.
Вот как эти функции реализовать я не знаю

В <input type="hidden" name="id***" value="***"> хранится ID статьи в БД сервера

посмотри ниже тему "вверх/вниз tr", там приведен код перемещения строк по таблице на ява-скрипте

Я сделал так и все работает но хотелось бы реализовать обычными ссылками

<script> function move(a, b) {     ia=eval("document.list.id"+a);     na=eval("document.list.name"+a);     ib=eval("document.list.id"+b);     nb=eval("document.list.name"+b);     i=ia.value;     ia.value=ib.value;     ib.value=i;          n=na.value;     na.value=nb.value;     nb.value=n; } </script> <form name="list" method="GET" > <table>     <tr><td>          <input type="button" name="id1" value="4">          <input type="button" name="name1" value="Название статьи 4">      </td><td>     </td><td>         <input type="button" value="-" onClick="javascript: move(1, 2)">     </td></tr>      <tr><td>          <input type="button" name="id2" value="8">          <input type="button" name="name2" value="Название статьи 8">      </td><td>         <input type="button" value="+" onClick="javascript: move(2, 1)">     </td><td>         <input type="button" value="-" onClick="javascript: move(2, 3)">     </td><td>     </td></tr>      <tr><td>          <input type="button" name="id3" value="1">          <input type="button" name="name3" value="Название статьи 1">      </td><td>         <input type="button" value="+" onClick="javascript: move(3, 2)">     </td></tr> </table> <input type="submit"> </form>

В "вверрх/вниз tr" все както запутанно и мненжно перемещать лиш часть данных
Я думаю мой код по проще
Вопрос а будет ли он работать во всех браузерах?
проверял на ИЕ и Опере - все ОК