Множество полей в JS

[Sensizu]

Очередная проблема, требующая решения от профессионалов...
С заменой картинок на нужные я разобрался, теперь предстаёт вопрос как сделать такое: в хтмл документе есть пустые картинки, скажем штук 10:

<img id="sSlot" src="image/empty.png">
<img id="sSlot" src="image/empty.png">
... // ну и так 10 раз

и много непустых картинок.
При нажатии на

<a href="#" onClick="AddToActive(путь_картинки);">Применить</a>

SRC-параметр непустой картинки переходит в параметр пустой. По такой команде:

function AddToActive(id) {
var simg=document.getElementById(id);
var slot=document.getElementById("sSlot");
slot.src=simg.src;
}

Здесь вопрос: как программно можно рассчитать, какая пустая картинка всё еще пустая, и применять новый SRC-путь именно к ней, а не к уже занятой (где путь уже применён)? Конечно, можно было сделать для каждой картинки свой ID, а потом в команде присвоения путей картинки писать конкретный ID, Но хочется как-то динамично, чтобы автоматизировать процесс.
Если суть вопроса не ясна - спрашивайте детальнее - готов объяснить.

[Виталий Желтяков]

Используёте jquery - там это решается всего несколькими строчками.

[Sensizu]

Виталий Желтяков, не буду отрицать, я нуб в JS, и jquery для меня особо ничего не говорит =\ если Вам не трудно, могли бы Вы навести пример (а я там уже пойму).

[vasek123]

Сообщение от Sensizu

не буду отрицать, я нуб в JS, и jquery для меня особо ничего не говорит =\ если Вам не трудно, могли бы Вы навести пример (а я там уже пойму).

http://anton.shevchuk.name/javascrip...for-beginners/

[Виталий Желтяков]

JQuery - это дополнительные алгоритмы на JS. Подключается как отдельный скрипт и очень расширяет возможности и упрощает программирование. Ваш случай: http://slyweb.ru/jquerydoc/attr-properties.php

[Wicort]

<img id="sSlot" src="image/empty.png">
<img id="sSlot" src="image/empty.png">
... // ну и так 10 раз

Ну для начала нельзя, чтобы у нескольких объектов на странице были одинаковые id. для того это и идентификатор...
Можно использовать для таких целей поле name.

Тогда вашу функцию можно описать наподобие

function AddToActive(id) 
{
  var simg=document.getElementById(id); 
  var slots=document.getElementsByName("sSlot");
  var i = 0;
  if (slots.length > 0)
  {
    while (i < slots.length)
    {
      if (slots[i].src == "")
      {
        slots[i].src = simg.src;
        break;
      }
    }
  }
}

Это вариант без jQuery.

[Sensizu]

Wicort, странно: использую Вашу команду - создаёт простой StuckOverflow (процессор думает думает и никак не надумает, другими словами) и всё О_о. возможная причина такого эффекта - бесконечный цыкл. у меня на странице 10 элементов <img name="sSlot" src="image/empty.png"> и эта команда. хм. почему же так..

П.С. Я уже и src присвоил значение нулю (срц=""), работает теперь только первый раз (первое нажатие на ссылку с командой), а второй снова зависает.

[Wicort]

хех, ну да, если присмотритесь к коду, а не будете его тупо копировать, то увидите, что параметр цикла i не меняется
Вам осталось лишь понять, где дописать одну маленькую строчку.
Это чтоб Вы собственной головой тоже не забывали думать

[Sensizu]

Wicort, да, действительно, не заметил. не привык к структуре циклов JS еще) мой ареал - Delphi =)

[Wicort]

ну, вообще говоря, в в любом языке программирования в цикле с предусловием должен быть счетчик итерации, будь то хоть JS, хоть Delphi