Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.09.2018, 23:26
Новичок на форуме
Отправить личное сообщение для spz00r Посмотреть профиль Найти все сообщения от spz00r
 
Регистрация: 17.09.2018
Сообщений: 1

Заполнение pop-up формы при клике на ссылку.
Есть тема на форуме " https://javascript.ru/forum/misc/842...na-ssylku.html "

Мне нужно заполнить поле обратной связи при клике на ссылку.
<input id="pole" type="text" name="name" />
<a href="#" onClick="document.getElementById('pole').value = 'zapolneno!'">ссылка</a>

Код отрабатывает хорошо но мне нужно что бы окно помимо заполнения ещё и открывалось после этого

Сама форма:
<!-- Форма обратной связи -->
            
            <form id="feedbackForm" action="/send.php" method="post">
              <div class="form-row">
                <div class="col-sm-6">
                  <!-- Имя пользователя -->
                  <div class="form-group">
                    <label for="name" class="control-label modal-text">Контактные данные:</label>
                    <input id="name" type="text" name="name" class="form-control" value="" placeholder="Имя" minlength="2" maxlength="30" required="required">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="col-sm-6">
                  <!-- телефон пользователя -->
                  <div class="form-group">
                    <label for="phone" class="control-label">_</label>
                    <input id="email" type="phone" name="email" required="required" class="form-control" value="" placeholder="+380">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
              </div>
              <!-- Сообщение пользователя -->
              <div class="form-group">
                <label for="message" class="control-label modal-text">Что вас интересует?</label>
                <textarea id="message" name="message" class="form-control" rows="3" placeholder="" minlength="5" maxlength="1000" required="required"></textarea>
                <div class="invalid-feedback"></div>
              </div>
              
              <!-- Сообщение -->
              <div class="alert alert-danger form-error d-none modal-text">
                Произошли ошибки! Исправьте их и отправьте форму ещё раз.
              </div>
              <!-- Индикация загрузки данных формы на сервер -->
              <div class="progress mb-2 d-none">
                <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0">
                  <span class="sr-only">0%</span>
                </div>
              </div>
              <!-- Кнопка для отправки формы -->
              <button type="submit" class="btn btn-primary float-right" >Отправить сообщение</button>
            </form>
                    
            <!-- Сообщение об успешной отправки формы -->
            <div class="alert alert-success form-success mb-0 d-none modal-text">Форма успешно отправлена. Нажмите на <a class="form-success-link modal-text" href="#">ссылку</a>, чтобы отправить ещё одно сообщение.</div>
          </div>
        </div>
      </div>
    </div>



Помогите
Ответить с цитированием
  #2 (permalink)  
Старый 18.09.2018, 12:29
Профессор
Отправить личное сообщение для Роман Андреевич Посмотреть профиль Найти все сообщения от Роман Андреевич
 
Регистрация: 12.08.2016
Сообщений: 299

spz00r, на коленке:
let links = document.querySelectorAll('a');

[].forEach.call(links, (link) => {
	
	link.addEventListener('click', (e) => {

		let pole = document.getElementById('pole');
		let popup = document.getElementById('popup'); // id элемента окна

		pole.value = 'zapolneno!';

		if (popup.classList.contains('close')) {

			// открыли окно

			popup.innerHTML = pole.value; // или другое что-то
			popup.classList.remove('close');
			popup.classList.add('open');

		} else {

			// закрыли окно

			popup.innerHTML = '';
			popup.classList.remove('open');
			popup.classList.add('close');

		}

	});

});


стили и id сам меняй как хочешь, смысл выше
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Смена изображений при наведении и фиксация при клике Noonf Общие вопросы Javascript 3 20.01.2018 17:18
JQuery При клике на кнопку Restore данные восстанавливаются Tanya51 Общие вопросы Javascript 13 02.08.2017 00:05
При клике на ссылку изменить значение radio checked deadfox jQuery 3 17.03.2017 14:09
Исчезновение меню при клике на ссылку wiserfild Элементы интерфейса 4 24.10.2015 19:50
Изменение стилей при клике на ссылку Avro Элементы интерфейса 2 11.04.2011 19:19