On Taste sofortiges Ergebnis drückt

Hallo bevölkern brauche ich etwas, was wie unten Bild On Taste sofortiges Ergebnis drückt

ich umgesetzt habe den Code aber es ist einfach auto bevölkert wie

ich nicht in der Lage bin das Ergebnis zu füllen. Ich habe den Code von Google implementiert, wie unten

<script> 

(function() { 
    var cx = '011189415628571362123:google'; 
    var gcse = document.createElement('script'); 
    gcse.type = 'text/javascript'; 
    gcse.async = true; 
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; 
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(gcse, s); 
    })(); 


<gcse:search enableautocomplete="true"></gcse:search>

Was ich brauche, ist sofortiges Ergebnis wie Google zeigt

Hallo ich die Änderungen gemacht, aber ich bin immer noch nicht das Ergebnis bekommt Sie bitte auf das Bild unten überprüfen.

<head> 

<title></title> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

    <script> 

     (function ($, window) { 
     var elementName = ''; 
     var initGCSEInputField = function() { 
      $('.gcse-container form.gsc-search-box input.gsc-input') 
      .on("keyup", function (e) { 
       if (e.which == 13) { // 13 = enter 
        var searchTerm = $.trim(this.value); 
        if (searchTerm != '') { 
         console.log("Enter detected for search term: " + searchTerm); 
         // execute your custom CODE for Keyboard Enter HERE 
        } 
       } 
      }); 
      $('.gcse-container form.gsc-search-box input.gsc-search-button') 
      .on("click", function (e) { 
       var searchTerm = $.trim($('.gcse-container form.gsc-search-box input.gsc-input').val()); 
       if (searchTerm != '') { 
        console.log("Search Button Click detected for search term: " + searchTerm); 
        // execute your custom CODE for Search Button Click HERE 
       } 
      }); 
     }; 
     var GCSERender = function() { 
      google.search.cse.element.render({ 
       div: 'gcse_container', 
       tag: 'search' 
      }); 
      initGCSEInputField(); 
     }; 
     var GCSECallBack = function() { 
      if (document.readyState == 'complete') { 
       GCSERender(); 
      } 
      else { 
       google.setOnLoadCallback(function() { 
        GCSERender(); 
       }, true); 
      } 
     }; 
     window.__gcse = { 
      parsetags: 'explicit', 
      callback: GCSECallBack 
     }; 
    })(jQuery, window); 

    (function() { 
     var cx = '017643444788069204610:4gvhea_mvga'; // Insert your own Custom Search engine ID here 
     var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; 
     gcse.src = 'https://www.google.com/cse/cse.js?cx=' + cx; 
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); 
    })(); 
</script> 
</head> 
<body> 
    <div class="gcse-container" id="gcse_container"> 
    <gcse:search enableautocomplete="true"></gcse:search> 
    </div> 
</body>

Quelle

2017-01-30 Anonymous

einen Blick auf jQuerys .input() -Methode (vorausgesetzt, dass Sie jquery als Tag aufgelistet ...) http://stackoverflow.com/questions/17384218/jquery-input -event – Snowmonkey

Folgte diesem Link aber ich konnte auch nicht http://stackoverflow.com/questions/26524620/google-site-search-catch-search-submit-and-trigger-function –

Meinst du, dass das Ergebnis wird nach jedem 'key stroke' von der Tastatur zeigen? Denken Sie daran, dass dies mehrere Suchanfragen für eine einzelne Suche bedeutet. Auf diese Weise wird Ihre Suchquote sehr schnell aufgebraucht. – Fayaz

Der folgende Codeausschnitt wird Ergebnis auf jedem Tastendruck füllen. Klicken Sie auf Run code snippet Schaltfläche & dann klicken Sie auf Full Page Schaltfläche für eine bessere Sicht & dann überprüfen Sie, ob es Ihre Anforderung erfüllt. Es verwendet Google Custom Search element control API. Studieren Sie dieses Dokument zur weiteren Anpassung.

(function($, window) { 
 
    var elementName = ''; 
 
    var lastSearchTerm = ''; 
 
    var initGCSEInputField = function() { 
 
    $('.gcse-container form.gsc-search-box input.gsc-input') 
 
     .on("keyup", function(e) { 
 
     if(e.which == 13) { 
 
     // 13 = enter, execute custom CODE as necessary on enter 
 
     console.log("Enter detected"); 
 
     } 
 
     else { 
 
     if(elementName == '') { 
 
     \t // assuming that we have only one search element on the page 
 
     \t var elements = google.search.cse.element.getAllElements(); 
 
      for(var element in elements) { 
 
      elementName = element; 
 
      if(elementName != '') { 
 
      \t break; 
 
      } 
 
      } 
 
     } 
 
     if(elementName != '') { 
 
     \t // searching on each keystroke 
 
      var searchTerm = $.trim(this.value); 
 
      if(searchTerm != lastSearchTerm) { 
 
      // console.log(searchTerm); 
 
      google.search.cse.element.getElement(elementName).execute(searchTerm); 
 
      lastSearchTerm = searchTerm; 
 
      } 
 
     } 
 
     } 
 
    }); 
 
    }; 
 
    
 
    var GCSERender = function() { 
 
    \t google.search.cse.element.render({ 
 
     div: 'gcse_container', 
 
     tag: 'search' 
 
     }); 
 
     initGCSEInputField(); 
 
    }; 
 
    
 
    var GCSECallBack = function() { 
 
    if (document.readyState == 'complete') { 
 
     GCSERender(); 
 
    } 
 
    else { 
 
     google.setOnLoadCallback(function() { 
 
     GCSERender(); 
 
     }, true); 
 
    } 
 
    }; 
 
    
 
    window.__gcse = { 
 
    \t parsetags: 'explicit', 
 
    callback: GCSECallBack 
 
    }; 
 
})(jQuery, window); 
 

 
(function() { 
 
    var cx = '017643444788069204610:4gvhea_mvga'; // Insert your own Custom Search engine ID here 
 
    var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; 
 
    gcse.src = 'https://www.google.com/cse/cse.js?cx=' + cx; 
 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); 
 
})();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="gcse-container" id="gcse_container"> 
 
    <gcse:search enableAutoComplete="true"></gcse:search> 
 
</div>

Quelle

2017-02-01 04:24:55 Fayaz

Hallo, bitte überprüfen Sie meine aktualisierte Antwort, hier im Codeausschnitt es läuft sehr gut, aber wie ich dies auf meiner Seite kopiert es zeigt nicht das Ergebnis auf die Eingabe von "mi" Snippet zeigt Ergebnis, aber auf meiner Seite ist es nicht zeigt. Muss ich mehr Code, der nicht in Ihrem Snippet vorhanden ist, platzieren? –

Nein, dieser Code-Schnipsel funktioniert überall ohne zusätzlichen CODE. Du machst irgendwo was falsch. Was passiert, wenn Sie die Eingabetaste drücken? Zeigen die Ergebnisse nach dem Drücken von Enter? Aktualisieren Sie Ihre Frage mit CODE, den Sie verwenden. – Fayaz

Ja, nachdem Sie darauf geklickt haben, wird das Ergebnis angezeigt –

On Taste sofortiges Ergebnis drückt

Antwort

Verwandte Themen