PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
rasl89
Отправлено: 16 Марта, 2021 - 16:43:31
Post Id



Гость


Покинул форум
Сообщений всего: 104
Дата рег-ции: Март 2020  
Откуда: Россия, Уфа


Помог: 1 раз(а)




Всем привет.
Пытаюсь сделать форму, которая позволит мне добавлять поля для серий видео (название и код видео при помощи кнопки "добавить поле".

Реализацию начал, но что-то не работает:
форма:
CODE (html):
скопировать код в буфер обмена
  1.  
  2.  
  3. <div ID="items">
  4.  
  5. <h3 class="h5 extra-bold" name="item1">Название серии</h3>
  6.         [text vidorev-submit-video-title]
  7.  
  8.         <h3 class="h5 extra-bold" name="item1">Код или ссылка видео</h3>
  9.         [textarea vidorev-submit-video-url]
  10. </div>
  11.  


[text vidorev-submit-video-title], [textarea vidorev-submit-video-url] - мои подготовленные поля

js
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2.     <script>
  3.         var items=1;
  4.         function AddItem() {
  5.             div=document.getElementById("items");
  6.             button=document.getElementById("add");
  7.             items++;
  8.             newitem="<strong>Поле " + items + ": </strong>";
  9.             newitem+="<input ENGINE=\"text\" name=\"item" + items;
  10.             newitem+="\" size=\"45\"><br>";
  11.             newnode=document.createElement("span");
  12.             newnode.innerHTML=newitem;
  13.             div.insertBefore(newnode,button);
  14.         }
  15.     </script>
  16.  


что-то кнопка залипает и не работает.
 
 Top
Vladimir Kheifets
Отправлено: 16 Марта, 2021 - 18:50:59
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 664
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 30 раз(а)




rasl89 пишет:
что-то кнопка залипает и не работает.

Добрый день!
Как раз кнопку с id ("add") Вы в html не показали.
Можно предполжить, что js функция вызывается по клику по этой кнопке.
Верно?
В таких случаях нужно проверять "взаимотношения" детей с родителями.
Удачи!
 
 Top
rasl89
Отправлено: 16 Марта, 2021 - 20:29:51
Post Id



Гость


Покинул форум
Сообщений всего: 104
Дата рег-ции: Март 2020  
Откуда: Россия, Уфа


Помог: 1 раз(а)




Vladimir Kheifets пишет:
rasl89 пишет:
что-то кнопка залипает и не работает.

Добрый день!
Как раз кнопку с id ("add") Вы в html не показали.
Можно предполжить, что js функция вызывается по клику по этой кнопке.
Верно?
В таких случаях нужно проверять "взаимотношения" детей с родителями.
Удачи!


нет, я просто не показал всю форму:
CODE (html):
скопировать код в буфер обмена
  1. <div ID="items">
  2.  
  3. <div class="vidorev-submit-post video-url">
  4. <h3 class="h5 extra-bold">Добавление серий или частей</h3>
  5.        
  6.  
  7.  
  8. <h3 class="h5 extra-bold" name="item1">Название серии</h3>
  9.         [text vidorev-submit-video-title]
  10.  
  11.         <h3 class="h5 extra-bold" name="item1">Код или ссылка видео</h3>
  12.         [textarea vidorev-submit-video-url]
  13. </div>
  14.  
  15. <input type="button" value="Добавить поле+" onClick="AddItem();" ID="add">
  16. </div>


подкорректировал JS:
CODE (javascript):
скопировать код в буфер обмена
  1.     <script>
  2.         var items=1;
  3.         button=document.getElementById("add");
  4.         button.onclick = AddItem;
  5.         function AddItem() {
  6.             div=document.getElementById("items");
  7.             items++;
  8.             newitem="<strong>Поле " + items + ": </strong>";
  9.             newitem+="\" size=\"45\"><br>";
  10.             newnode=document.createElement("span");
  11.             newnode.innerHTML=newitem;
  12.             div.insertBefore(newnode,button);
  13.         }
  14.     </script>


но теперь просто тупо добавляет строчки:
Поле 2: " size="45">
Поле 3: " size="45">
Поле 4: " size="45">
Поле 5: " size="45">
 
 Top
Vladimir Kheifets
Отправлено: 16 Марта, 2021 - 21:37:16
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 664
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 30 раз(а)




rasl89 пишет:
но теперь просто тупо добавляет строчки

Это то, что Вы хотели?
 
 Top
rasl89
Отправлено: 17 Марта, 2021 - 08:31:28
Post Id



Гость


Покинул форум
Сообщений всего: 104
Дата рег-ции: Март 2020  
Откуда: Россия, Уфа


Помог: 1 раз(а)




Vladimir Kheifets пишет:
rasl89 пишет:
но теперь просто тупо добавляет строчки

Это то, что Вы хотели?

нет, должны добавиться эти поля:
CODE (html):
скопировать код в буфер обмена
  1. <h3 class="h5 extra-bold" name="item1">Название серии</h3>
  2.         [text vidorev-submit-video-title]
  3.  
  4.         <h3 class="h5 extra-bold" name="item1">Код или ссылка видео</h3>
  5.         [textarea vidorev-submit-video-url]
  6. </div>
 
 Top
Vladimir Kheifets
Отправлено: 17 Марта, 2021 - 10:48:50
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 664
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 30 раз(а)




rasl89 пишет:
нет, должны добавиться эти поля:
CODE (html):
скопировать код в буфер обмена
  1. <h3 class="h5 extra-bold" name="item1">Название серии</h3>
  2.         [text vidorev-submit-video-title]
  3.         <h3 class="h5 extra-bold" name="item1">Код или ссылка видео</h3>
  4.         [textarea vidorev-submit-video-url]
  5. </div>


Добрый день!
Вы уже поняли, что у Вас работает
CODE (javascript):
скопировать код в буфер обмена
  1. div.insertBefore(newnode,button);

Но в newnode у Вас пока только элемент span.
Если Вам нужно ещё добавлять h3, то необходимо создать и эти элементы,
создать parent элемент newnode и дополнить в него child элементы.
Спойлер (Отобразить)

(Отредактировано автором: 17 Марта, 2021 - 11:43:04)

 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB