powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JS: Перемещение пунктов списка
2 сообщений из 2, страница 1 из 1
JS: Перемещение пунктов списка
    #38086191
LISTENERZ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Здравствуйте, пытаюсь создать перемещение пунктов списка таким вот образом

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
<html>

<head>
<script>
function register(iIndex)
{
    document.getElementById('tmp').value=iIndex;    
}

function move(mode)
{
    var a = document.getElementById('sl');
        
    if(mode==0) // Up
    {  
        var iIndex = document.getElementById('tmp').value;
        var oOption = a.options[iIndex];
        var oPrevOption = a.options[iIndex-1];
        a.insertBefore(oOption, oPrevOption);
        iIndex--;
        document.getElementById('tmp').value = iIndex;
    }
    if(mode==1) // Down
    {
        var iIndex = document.getElementById('tmp').value;
        alert(iIndex);
        var oOption = a.options[iIndex];
        var oNextOption = a.options[iIndex+1];
        a.insertBefore(oNextOption, oOption);
        iINdex++;
        document.getElementById('tmp').value = iIndex;
    }
}
</script>
<title></title>

</head>

<body>
    <input type="text" id="tmp">
    <table border=1>
        <tr><td>
            <select id="sl" onclick="register(this.selectedIndex)" size=10>
                <option value="Str01">&#205;&#224;&#231;&#226;&#224;&#237;&#232;&#229; 1</option>
                <option value="Str02">&#205;&#224;&#231;&#226;&#224;&#237;&#232;&#229; 2</option>
                <option value="Str03">&#205;&#224;&#231;&#226;&#224;&#237;&#232;&#229; 3</option>
            </select>
        </td></tr><tr>
        <td>
            <a href="javascript:move(0);">Вверх</a>
            <a href="javascript:move(1);">Вниз</a>
        </td>
    </table>
</body>

</html>



Вверх перемещает нормально, а вот вниз - никак не хочет. Не посмотрите код?
...
Рейтинг: 0 / 0
JS: Перемещение пунктов списка
    #38086256
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
<!DOCTYPE HTML>
<html>  
<head></head>
<body>
  <table border="1">
    <tr>
      <td>
        <select id="sl" size="10">
          <option value="Str01">ListItem 1</option>
          <option value="Str02">ListItem 2</option>
          <option value="Str03">ListItem 3</option>
        </select>
      </td>
    </tr>
    <tr>
      <td>
        <a href="javascript:moveUp()">Вверх</a>
        <a href="javascript:moveDown()">Вниз</a>
      </td>
  </table>
  <script>
    function moveUp() {
      var select = document.getElementById('sl'),
          selectedIndex = select.selectedIndex,
          options = select.options;
        
      if (selectedIndex > 0) {          
        select.insertBefore(options[selectedIndex], options[selectedIndex - 1]);
      }
    }
      
    function moveDown() {
      var select = document.getElementById('sl'),
          selectedIndex = select.selectedIndex,
          options = select.options;
        
      if (selectedIndex > -1 && selectedIndex < options.length - 1) {          
        select.insertBefore(options[selectedIndex + 1], options[selectedIndex]);
      }
    }      
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
2 сообщений из 2, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JS: Перемещение пунктов списка
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]