Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Вывод данных из формы (Submit) в виде обычного текста (https://javascript.ru/forum/misc/53169-vyvod-dannykh-iz-formy-submit-v-vide-obychnogo-teksta.html)

SibiryachkaT 23.01.2015 18:13

Вывод данных из формы (Submit) в виде обычного текста
 
Всем привет!
Очень надеюсь, что я тут в теме ... T.к. я совершенно новичок во всем этом....

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

Второе что требуется это чтобы при нажатии а сабмит эта информация считывалась из данных полей и выводилась в тестовом файле (чтобы можно было скопировать и вставить в другое место).

Код написан на html а вот сабмит из оперы javascript -я так понимаю. Буду очень благодарна есть кто-то поможет конкретным примером решения данной задачи. Заранее благодарю.
<html>
<head>
<title>TG</title>
</head>
<body>
<h1>Form</h1>
<ul>
<li id="cb_1"> 
	<label class="description" for="elem_1">Username</label>
	<select class="element select medium" id="elem_1" name="elem_1">
	 	<option value="" selected="selected"></option>
		<option value="1">User1</option>
		<option value="2">User2</option>
		<option value="3">User3</option>
	</select>
	</li>
	<li id="txt_1">
	<label class=description" for "elem_2">Reason</label>
	<input id="elem_2" name="elem_2" name="elem_2 class="element text large" type="text" maxlength="255" value="">
	</li>	
	<li id="txt_2">
	<label class=description" for "elem_3">Description of problem</label>
	<input id="elem_3" name="elem_3" name="elem_3 class="element text large" type="text" maxlength="255" value="">
</li>	
	<li class="buttons">
	<input id="GetResult" class="button_text" type="submit" name="submit" value="Submit" />	
	  </li>
	</ul>
</body>
</html>

SV0L0CH 23.01.2015 19:54

Меня тоже заинтересовал этот вопрос, стандартного простого способа это сделать не предусмотрено. Зато нашел костыль http://www.bulgaria-web-developers.c...ipt/serialize/
<html>
  <head>
    <script type="text/javascript" src="http://www.bulgaria-web-developers.com/projects/javascript/serialize/js/serialize-0.2.js"></script>
  </head>
  <body>
    <form id="form" action="javascript:alert(serialize(document.getElementById(&quot;form&quot;)))">
      <input name="test" type="text" value="val">
      <input type="submit" value=">>>"/>
    </form>
  </body>
</html>

Safort 23.01.2015 19:57

SibiryachkaT,
Цитата:

Второе что требуется это чтобы при нажатии а сабмит эта информация считывалась из данных полей и выводилась в тестовом файле (чтобы можно было скопировать и вставить в другое место).
Это как? Нужно записать инфу в файл на сервере или что?

ruslan_mart 23.01.2015 20:02

Safort, полагаю, нужно просто value полей вывести в textarea.

SV0L0CH 23.01.2015 20:05

Может кто объяснит почему у меня не работает это?
<html>
  <body>
    <form id="form" action="data:text/plain;">
      <input name="test" type="text" value="val">
      <input type="submit" value=">>>"/>
    </form>
  </body>
</html>

ruslan_mart 23.01.2015 20:09

SV0L0CH, даже не буду спрашивать зачем тебе это нужно. :)

SV0L0CH 23.01.2015 20:30

Это я оказывается запятую пропустил :victory:
<html>
  <body>
    <form id="form" action="data:text/plain;,">
      <input name="test" type="text" value="val">
      <input type="submit" value=">>>"/>
    </form>
  </body>
</html>

SibiryachkaT 26.01.2015 11:48

Вcем доброе время cуток!
Во-первых, огромное cпаcибо за вcе cообщения.Буду cейчаc пробовать.

На вопроc зачем это нужно - еcтьу наc портал, через который мы нашим айтишникам запроcы шлем, так вот там нужна опеределенная форма заполнения, типа такой пример:

"Отдел ххх -- Иванов И.И. -- Проблема c MS Outlook

Уважаемые, коллеги!

Прошу ваc о доптупе на почтовый ящик info@company.com для раccылки квартального отчета нашим клиентам.

C уважением,

Иванов И.И.
Отдел ххх
Тел.: 123456789

Cрочноcт: 28.01.2015 12:00
Приоритет: high
(и прочее)
"

текcт зеленым цветом так cказать маcка, которая у вcех будет одинаковая. А cам текcт cообщения, приоритет и дату - cотрудник cам уcтанавливает. Должно, по- идее, cократить время на лишнюю пиcанину и оптимизировать этот процеcc.

Еcли c помощь ю cабмита выдавать cообщении в Popup окне, то его от туда нельзя cкопировать, а в виде теcта внизу или на другой cтранице можно.

Rise 26.01.2015 12:03

Цитата:

то его от туда нельзя cкопировать
Почему?

danik.js 26.01.2015 15:54

Поставить плагин ZeroClipboard:

<button id="copy">Копировать в буфер</button>
<script src="http://zeroclipboard.org/javascripts/zc/v2.2.0/ZeroClipboard.js"></script>
<script>
      var client = new ZeroClipboard( document.getElementById('copy') );

      client.on( 'ready', function(event) {
        // console.log( 'movie is loaded' );

        client.on( 'copy', function(event) {
          event.clipboardData.setData('text/plain', 'Тут типа нужный текст');
        } );

        client.on( 'aftercopy', function(event) {
          alert('Текст скопирован: ' + event.data['text/plain']);
        } );
      } );
</script>


Правда он работает на Flash.


Часовой пояс GMT +3, время: 11:21.