Ссылка перенаправить на контактную форму с индивидуальным объектом

-3

Что я хочу сделать, так это: кто-то нажимает кнопку, а затем переводится на новую страницу с формой контакта с отдельным предметом. Таким образом, ссылка должна предоставить субъекту таким образом, например, какСсылка перенаправить на контактную форму с индивидуальным объектом

Чтобы быть более точным, нажав на:

button 1 = contact form with subject 1 
button 2 = contact form with subject 2 
button n = contact form with subject n

Как это работает на Wordpress, было бы здорово, если это можно было бы использовать с популярным плагин, такой как Контактный форму 7.

Кто-нибудь сделал подобное или может указать мне в правильном направлении?

источник

2015-01-08 gfaw

Вы имеете в виду, что содержание области текста предмета должно меняться в зависимости от кнопки? И что ты пробовал? – nicael

Вы можете просто установить значение текстового поля для данного объекта с помощью jQuery.

$(document).ready(function() { 
 
    $("button").click(function() { 
 
    $("#subject").val($(this).data("subject")); 
 
    }); 
 
});

form {display: block; margin: 10px 0;} 
 
form ul {margin: 0; padding: 0;} 
 
form ul li {list-style: none; margin: 10px 0;} 
 
textarea {display: block;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<button data-subject="Hello, World!">World</button> 
 
<button data-subject="Hello, Earth!">Earth</button> 
 

 
<form action=""> 
 
    <ul> 
 
    <li>Subject: <input type="text" id="subject" /></li> 
 
    <li>Message: <textarea name="" id="" cols="30" rows="10"></textarea></li> 
 
    <li><input type="submit" /></li> 
 
    </ul> 
 
</form>

источник

2015-01-08 11:55:07

можно добавить HTTP GET значения стиля для ссылки, т.е.

<a href="http://somelinek.com?subject=Hi this is my subject">Click</a>

Имейте в виду, вы бы лучше что URL-кодирование, и вы будете иметь, чтобы получить значение из url (window.location и т. д.) и вводить его в значение вашего ввода при загрузке.

Это также будет видно, поэтому его следует использовать только на нечувствительной информации.

Если вы не хотите его в URL, вы всегда можете использовать локальный/сеанс хранение

источник

2015-01-08 11:57:01 atmd

Что-то вроде этого?

<input value="subject 1" type="button" onclick="document.getElementById('ta').value='subject 1'"> 
 
<input value="subject 2" type="button" onclick="document.getElementById('ta').value='subject 2'"> 
 
<br> 
 
<form> 
 
    <textarea id="ta"></textarea> 
 
</form>

Если вы хотите перенаправить на другую страницу с этой формой, вы можете использовать хэш, например:

первой страницы (при условии выбора)

<body> 
    <input value="subject 1" type="button" onclick="window.location.href='http://example.com/form#subject1'"> 
    <input value="subject 2" type="button" onclick="window.location.href='http://example.com/form#subject2'"> 
</body>

2-я страница (с формой)

<body onload="var hash=window.location.hash;if(hash=='#subject1'){document.getElementById('ta').value='Subject 1';}if(hash=='#subject2'){document.getElementById('ta').value='Subject 2';}"> 
    <form> 
     <textarea id="ta"></textarea> 
    </form> 
</body>

источник

2015-01-08 11:58:22 nicael

Адрес для контакта на этой странице? У меня сложилось впечатление, что он ссылался на страницу с контактной формой. OP? – atmd

@atmd сделал редактирование. – nicael

Контактная форма находится на отдельной странице - уточнил исходный вопрос, чтобы быть более конкретным. – gfaw

Ссылка перенаправить на контактную форму с индивидуальным объектом

ответ

Смежные вопросы