Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JS: Перемещение пунктов списка / 2 сообщений из 2, страница 1 из 1
20.12.2012, 09:08
    #38086191
LISTENERZ
LISTENERZ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS: Перемещение пунктов списка
Здравствуйте, пытаюсь создать перемещение пунктов списка таким вот образом

Код: 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
| Ответить | Цитировать | Написать  
20.12.2012, 10:16
    #38086256
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JS: Перемещение пунктов списка
Код: 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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JS: Перемещение пунктов списка / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 309ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448951]:
 0ms
get settings:
 5ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 48ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 22ms
get tp. blocked users:
 1ms
others: 208ms
total:  309ms
x
x
Закрыть


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