Показать сообщение отдельно
  #1 (permalink)  
Старый 05.07.2013, 01:16
Новичок на форуме
Отправить личное сообщение для Pedro Garciya Lopez Посмотреть профиль Найти все сообщения от Pedro Garciya Lopez
 
Регистрация: 05.07.2013
Сообщений: 9

один обработчик для всех элементов определенного класса
Ребята, помогите!

Стоит задача сделать конструктор галерей. Работает это так:
1. на страницу загружаются изображения <img>
2. на каждом изображении можно курсором выделить квадратную область, которая в последствии станет превью.
3. после выделения всех областей жмешь ОК и едешь дальше

обработчик который все это проделывает с одним изображением я сделал, но изображений много, они будут подгружаться динамический, а он у меня пока подвязывается следующим образом:
var image = document.getElementById('image1');
image.onmousedown = function() {
//обработчик
}

можно ли как-то заставить его работать для всех <img> заданного класса?
<img class="imageCut" src="IMG_001.jpg" /><br />
<img class="imageCut" src="IMG_002.jpg" /><br />
<img class="imageCut" src="IMG_003.jpg" /><br />
.....

в идеале хочется сделать так как подвязываются некоторые WYSIWYG-редакторы: инициализируешь его в начале, а потом просто для всех <textarea> задаешь класс class="editor1" и они заменяются редактором.

Буду благодарен за советы, короткие примеры и вообще подскажите в какую сторону копать? И можно ли в этом случае обойтись без jQuery?
Ответить с цитированием