Блог

Главная - Вопросы по программированию - Получение кнопки отправки для получения текста в текстовой области

Получение кнопки отправки для получения текста в текстовой области

#html #forms

#HTML #формы

Вопрос:

У меня есть текстовое поле, которое показывает случайную шутку. Я хочу, чтобы шутка была опубликована в Twitter, используя эту ссылку с кнопкой отправки: https://twitter.com/intent/tweet?text = но я ни за что на свете не могу понять, как сделать так, чтобы текст, сгенерированный в текстовой области, был отображен в ссылке. Я знаю, что есть простой способ добиться этого, но ничего из того, что я пробовал, не сработало. Любая помощь будет принята с благодарностью!!! Вот код, который у меня есть:

 <form name="quoteForm">
  <textarea wrap="virtual" name="quoteHere" rows="6" cols="40">Your joke is loading... unless your JavaScript is disabled
  </textarea><br>  <input type=button value="Previous" onClick="prevQuote();">
  <input type=button value="Next" onClick="nextQuote();">
  <input type=button value="Random" onclick="randQuote();"><br>
    <p>
    <input type="submit" value="Tweet This Joke"></p>
</form>

Ответ №1:

Если вы хотите поместить данные в строку запроса, вам нужно сделать запрос GET (который вы уже делаете), а не запрос POST (который, как вы говорите, вы хотите сделать).

Если вы хотите отправить данные https://twitter.com/intent/tweet , вам нужно указать этот URL-адрес в action атрибуте <form> элемента. Поскольку у вас его нет action , вместо этого он будет отправлен на URL вашей текущей страницы.

Если вы хотите, чтобы данные были связаны с параметром строки запроса text , тогда вам нужно назвать текстовую text область, а не, как у вас, quoteHere .

Ответ №2:

name Атрибут of textarea был изменен с quoteHere на text .

 <!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
<form name="quoteForm" action="https://twitter.com/intent/tweet" onsubmit="submit();">
  <textarea wrap="virtual" name="text" rows="6" cols="40">Your joke is loading... unless your JavaScript is disabled
  </textarea><br>  <input type=button value="Previous" onClick="prevQuote();">
  <input type=button value="Next" onClick="nextQuote();">
  <input type=button value="Random" onclick="randQuote();"><br>
  <p><input type="submit" value="Tweet This Joke"></p>
</form>
</body>
</html>

Комментарии:

1. куда мне поместить Javascript относительно формы? Спасибо за вашу помощь.

2. внутри тегов скрипта. w3schools.com/js/js_whereto.asp

Метки: