Как сделать чтобы при нажатии на кнопку появлялась форма

Как сделать так, чтобы форма открывалась при нажатии на кнопку, которой на странице находится несколько штук?

Всем привет, подскажите, пожалуйста, как сделать так, чтобы форма открывалась при нажатии на кнопку, которой на странице находится несколько штук? У меня есть кнопка и несколько ее копий на странице, и я хочу, чтобы если пользователь захотел нажать на кнопку, только на другом месте страницы, открывалась та же самая форма. Но, к сожалению, ее открывает, только самая первая кнопка, подскажите, пожалуйста, решение! Спасибо!

 Отправить заявку Отправить заявку Отправить заявку 
 
 
 
Оставьте заявку
  
 Имя: 
 Номер телефона: 
 Email: Отправить  
 
 

#wrapperModal < display: none; position: fixed; width: 100%; height: 100%; z-index: 3; top: 8%; left: 20%; >#wrapperModal.active < display: block; >#overlayModal < position: absolute; top: -8%; left: -20%; width: 100%; height: 100%; z-index: 0; background-color: grey; opacity: 0.5; >.form-modal__body < width: 270px; min-height: 200px; background: #363A4D; border-radius: 20px; padding: 48px 51px 41px 50px; position: relative; >.form-modal__title < font-size: 24px; margin-bottom: 23px; >.close:before, .close:after < position: absolute; content: ' '; right: 28px; top: 16px; height: 18px; width: 2px; background-color: #7E839A; cursor: pointer; border-radius: 5px; >.close:before < transform: rotate(45deg); >.close:after < transform: rotate(-45deg); >.form-modal__label

const btnForm = document.getElementById('open'); const modal = document.getElementById('wrapperModal'); const overlay = document.getElementById('overlayModal'); const close = document.getElementById('close'); btnForm.addEventListener('click', (e) => < e.preventDefault() modal.classList.add('active'); >); const closeModal = () => < modal.classList.remove('active'); >overlay.addEventListener('click',closeModal); close.addEventListener('click',closeModal);

• Вопрос задан более года назад
• 497 просмотров

4 комментария

Средний 4 комментария

Как сделать, чтобы при нажатии на button появлялась форма?

Создать кнопку и сделать, чтобы при ее нажатии появлялась дата и время
надо создать кнопку, чтобы при ее нажатии появлялось дата и время Помогите пожалуйста правильно.

При нажатии на кнопку появлялась новая форма
Не могу реализовать, чтобы при нажатии на кнопку появлялась новая форма input type="text". Нужна.

OnMouseOver — как сделать, чтобы при наведении на надпись появлялась картинка?
Здравствуйте, вопрос относительно On Mouse Over — При наведении мыши есть у кого пример не.

Курсы javascript

Подскажите пожалуйста, как сделать так, чтобы если я нажал на кнопку:

 
Rename 
 

То на этой же странице поверх, как бы, перекрывало окошко с кодом:

Чтобы я туда ввел текст, нажал на кнопку Ок, и имя файла поменялось. Самое главное, чтобы весь код был на 1 странице, возможно ли такое? Чтобы код появляющегося окна был тоже на текущей странице.
И при нажатии Ок эта форма исчезала, а название файла менялось.
Как-то так.

15.07.2014, 13:11
Регистрация: 27.04.2012
Сообщений: 1,410

Последний раз редактировалось skrudjmakdak, 15.07.2014 в 13:16 .
15.07.2014, 13:14
Регистрация: 27.04.2012
Сообщений: 1,410
вот пример не плохой
http://jqueryui.com/dialog/#modal-form
15.07.2014, 13:21
Регистрация: 10.06.2014
Сообщений: 63
skrudjmakdak, skrudjmakdak, спасибо, сейчас буду изучать что да как!
15.07.2014, 15:04
Регистрация: 10.06.2014
Сообщений: 63

skrudjmakdak, такой вопрос, а как сделать так, чтобы окно переименовывания открывалось не при нажатии на любой инпут, а при нажатии на кнопку с определенным именем?
Например: ‘Переименовать‘;

15.07.2014, 15:08
Регистрация: 27.04.2012
Сообщений: 1,410

как вариант можно так:

и доступ к нему, такой:

$(".mybutton');

16.07.2014, 11:15
Регистрация: 10.06.2014
Сообщений: 63

skrudjmakdak, а можно как-то сделать через кнопку? Потому что мне в кнопке надо передать инфу какой именно файл переименовать, в value=»».

16.07.2014, 11:41
Регистрация: 27.04.2012
Сообщений: 1,410
типо такого?

     
 
 
 
  -->    

16.07.2014, 12:08
Регистрация: 10.06.2014
Сообщений: 63

skrudjmakdak, вообще вот такой код:
foreach ($scan as $key => $value) echo ‘‘ . $value . ‘‘;
Сюда надо вставить кнопку, при нажатии на которую всплывала бы форма с текстовым полем и кнопкой ОКЕЙ, и если я что-то ввожу в форму и нажимаю окей, то менялось бы название кнопки ‘openPic’.
>
Самое главное, чтобы в раскрывающейся форме текстовое поле было всязано с определенной кнопкой, чтобы не переименовывало все кнопки openPic.
Я это думла через button value=’. ‘ передать

16.07.2014, 12:18
Регистрация: 27.04.2012
Сообщений: 1,410

     
 
 
 
  -->    

Как сделать чтобы при нажатии на кнопку появлялась форма

Есть такой интересный вариант:

Здесь объявляется форма, action которой указывает на страницу редиректа. При нажатии на кнопку происходит переход на заданную страницу. Интересная особенность метода — тут вообще не используется javascript.

Ответил admax
1019 дн., 15 час., 55 мин. назад

Для примера из вопроса этот способ предполагает наличие двух вложенных форм? Одна для сабмита, вторая для редиректа?

Думаю достаточно будет использовать метод GET, всё-таки LINK довольно специфический метод и уверенности в том, что он корректно поддерживается нет

Для примера это конечно не совсем то (именно из-за двух форм), но сам способ достаточно интересный

День добрый, дорогие друзья, пожалуйста, сделайте кнопку что бы он запускала файл на сайте, и другую, что бы закрывала файл. Если что пришлите на почту пожалуйста, или суда.Заранее благодарен(Прошу прислать код).

Повторное использование знаний