Поисковый запрос на URL - PullRequest
Новая
       18

Поисковый запрос на URL

0 голосов
/ 23 апреля 2019

Я пытаюсь сделать поисковую систему «компаратором». Под этим я подразумеваю, что я пытаюсь создать местный веб-сайт, который использует поисковый запрос и превращает его в интерактивный URL поисковой системы (Google, Bing, Yahoo и т. Д.). Я начинаю с Google. Поисковый запрос должен идти после https://www.google.com/search?q= Я не знаю, как добавить поиск пользователя в конец URL-адреса и сделать URL-адрес интерактивной ссылкой. Я даже не уверен, что правильно собираю поисковый запрос. 

<!-- Enter search term -->
        <form>
          <fieldset>
            <legend></legend>
            <p>
              <label>Search Here! (please, no spaces)</label>
              <input type = "text"
                     id = "userSearch"
                     var = term
 />
            </p>

          </fieldset>
        </form>



<var> gURL = 'https://www.google.com/search?q=' + userSearch </var>


<script type="text/javascript">
    <var> searchTerm = "userSearch"; </var>
    <var> gURL = "https://www.google.com/search?q=" + 'searchTerm'; </var>

    document.getElementById("gURL").src = url;
</script>


<!-- Search URL results -->


        <h3>Results</h3>
        <fieldset>
        <h4 style="text-align:left;"><a href="https://www.google.com/search?q=">Google.com </a>

Если вы можете помочь, спасибо. Я ценю это.

Ответы [ 2 ]

0 голосов
/ 03 мая 2019

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

Я использовал этот код: 

    <!-- Enter search term -->
<div>
<input name="searchTxt" type="text" maxlength="512" id="searchTxt" class="searchField" float: center; display: block;/>
</div>

<script type="text/javascript">
        //creates a listener for when you press a key
        window.onkeyup = keyup;

        //creates a global Javascript variable
        var inputTextValue;

        function keyup(e) {
          //setting your input text to the global Javascript Variable for every key press
          inputTextValue = e.target.value;

          //listens for you to press the ENTER key, at which point your web address will change to the one you have input in the search box
          if (e.keyCode == 13) {
            window.location = "https://www.google.com/search?q=" + inputTextValue;
          }
        }
</script>

Спасибо за помощь вашего парня, и я обязательно продолжу учиться.

0 голосов
/ 23 апреля 2019

Я использовал кнопку и Jquery - но это то, что вы пытаетесь сделать? 

<html>
<head>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

</style>
<script type="text/javascript">
$(document).ready(function() {
  $('#userSearch').click(function() {
    var fromForm =  "<br>" + '<a href="https://www.google.com/search?q="' + 
        $('#searchField').val() + ">" + 'https://www.google.com/search?q="' +$('#searchField').val() + '</a>';

    $('#outPut').append(fromForm);

  });

});     
</script>
</head>
<body>


<br>
<!-- Enter search term -->
<form>
          <fieldset>
            <legend></legend>

                 <label>Search Here! (please, no spaces)</label> <input type='text' id='searchField' placeholder="Search">
</fieldset>
</form>
                    <button id='userSearch'>Search</button>

<br>
<div id='outPut'>
    </div>
...