VPF::Как сделать, чтобы обращение по id и class

=Женек=

Дата 19.10.2014, 09:51 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 548
Регистрация: 20.2.2005

Репутация: нет
Всего: 1

Код


<tr class=\"cook_step\" >
                                 <td>
                                   <textarea cols=\"30\" rows=\"5\" AUTOCOMPLETE=OFF ></textarea>
                                 </td>  
                                  <td id=\"wrapper2\">
                                      
                                        <form enctype=\"multipart/form-data\" action=\"upload_recipe_images.php\" method=\"POST\" id=\"mainForm1\">
                                            <input id=\"button1\" style=\"display:none\" type=\"submit\" value=\"Upload\">
                                            <input style=\"display:none\" type=\"file\" accept=\"image/*\" name=\"image\" id=\"uploadImage1\" onchange=\"button1.click()\" />
                                            <div class=\"results1\"><img class=\"grow pic\" src=images/folder.jpg border=4 width=150 height=200 onclick=\"uploadImage1.click()\"/><img style=\"display:none\" id=\"loader1\" src=\"preload.jpeg\" alt=\"Loading....\" title=\"Loading....\" /></div>
                                        </form>             
                                   </td>
                                   </tr>                                    

                                 <tr class=\"cook_step\" >
                                 <td>
                                   <textarea cols=\"30\" rows=\"5\" AUTOCOMPLETE=OFF ></textarea>
                                 </td>  
                                  <td id=\"wrapper2\">
                                      
                                        <form enctype=\"multipart/form-data\" action=\"upload_recipe_images.php\" method=\"POST\" id=\"mainForm2\">
                                            <input id=\"button2\" style=\"display:none\" type=\"submit\" value=\"Upload\">
                                            <input style=\"display:none\" type=\"file\" accept=\"image/*\" name=\"image\" id=\"uploadImage2\" onchange=\"button2.click()\" />
                                            <div class=\"results2\"><img class=\"grow pic\" src=images/folder.jpg border=4 width=150 height=200 onclick=\"uploadImage2.click()\"/><img style=\"display:none\" id=\"loader2\" src=\"preload.jpeg\" alt=\"Loading....\" title=\"Loading....\" /></div>
                                        </form>             
                                   </td>
                                   </tr>

Как видите, button, mainForm, uploadImage имеют свои номера. Дальше приходится городить javascript который эти номера распознает и в зависимости от номера производит соотвествюущее действие и много еще чего.
Вопрос - нельзя ли как -нибудь сделать чтобы эти эти id воспринимались внутри div как уникальные, то есть при нажатии на картинку обращение шло к uploadImage только внутри соответствующего div?

BaNru

Дата 19.10.2014, 15:09 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 20.9.2014

Репутация: 1
Всего: 1

Я думаю тут надо начать читать матчасть
http://htmlbook.ru/html/attr/id

Цитата

Задает стилевой идентификатор — уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через скрипты. Идентификатор в коде документа должен быть в единственном экземпляре, иными словами, встречаться только один раз.

Как выучишь это правило наизусть - возвращайся с переделанным примером.

=Женек=

Дата 19.10.2014, 17:54 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 548
Регистрация: 20.2.2005

Репутация: нет
Всего: 1

спасибо, я уже разобрался. обошелся без id. Сделал код, который просто гуляет по дереву элементов, оперируя ссылками на них.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »