как вставить кнопку назад после клика, который делает поиск? - PullRequest
Новая
       2

как вставить кнопку назад после клика, который делает поиск?

0 голосов
/ 20 февраля 2019

Здравствуйте, я создал простое приложение, которое позволяет мне выполнять поиск в базе данных.Я создал HTML-страницу с функциями в JavaScript.Это то, что показывает мой index.html 

<hmtl>
<body onload="initialize()">
        <h1>Choose your route:</h1> 
        <form action="/find" method="POST" autocomplete="on">
          <td><input type="text" name="mypos" placeholder="Your Position" size="20" /></td>
          <td><input type="text" name="yourpos" placeholder="Destination" size="20" /></td>
          <td><button type="submit">Search</button></td>
          <button type="Reset" value="Reset">Reset</button> 
       <div id="map_canvas" style="1500px; 1000px"></div>
         </body>
        </html>

После вставки координат в изменения и последующего поиска, мой вывод будет отдельной строкой, где я могу вывести на экран, если маршрут существует или нет, т.е.Маршрут не найден или Маршрут найден.Моя проблема заключается в том, чтобы вставить кнопку, чтобы вернуться к этой точке поиска, чтобы вернуться на стартовую страницу или index.html.Проблема в том, что у меня есть только одна html-страница (index.html), поэтому любая команда может вставить ее только на страницу поиска, а не на страницу результатов (страница результатов - это просто напечатанная строка, а не другая страница html).Эта страница также взаимодействует с колбой.Надеюсь, мне было ясно.Большое спасибо за внимание.

Ответы [ 2 ]

0 голосов
/ 20 февраля 2019

Если вы хотите использовать значения из формы ввода после того, как форма отправлена ​​(и очищена), вам нужно заранее запомнить это значение где-то заранее.Один из способов сделать это - добавить (ко входу) прослушиватель для события blur (что происходит, когда ввод теряет фокус, подразумевая, что пользователь завершил редактирование ввода).

В функции слушателя вы можете сохранить значение в переменной javascript для дальнейшего использования, например, 

const firstMyPosInput = document.getElementsByName("myPos")[0];
let myPosValue = firstMyPosInput.value;

Теперь вы можете добавить новый элемент кнопки (например, <button id="myBtn">Try again</button>) и присвоить емущелкните прослушиватель, который устанавливает значение ввода обратно, как это было раньше, как firstMyPosInput.value = myPosValue.

0 голосов
/ 20 февраля 2019

Насколько я понял, у вас есть index.html выполнение обратной передачи, и ответ этой обратной передачи обновляет другую страницу с результатом вставки.И это та страница результатов, откуда вы хотите вернуться к index.html.Ну, у вас есть два варианта:

1. На странице результатов создайте кнопку, подобную этой: 

<button class="backbutton">Back</button>

<script>
    // Somewhere in your initialization code:
    const backbutton = document.querySelector('.backbutton');
    backbutton.addEventListener('click', function(){
        window.history.back();
    });
</script>

Это дает вам некоторую гибкость, потому что это не 't зависит от маршрута на вашу страницу index.html.

2. Просто добавьте ссылку на вашу страницу index.html на страницу результатов: 

<a href="index.html">Back to search form</button>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...