Google Custom Search Engine/Voorbeeld met Bootstrap styling: verschil tussen versies
Uit MediaWikiGids
(Nieuwe pagina aangemaakt met '== Voorbeeld 2 - Bootstrap styling == <html> <script> (function() { var cx = '018439257105187159561:8ydlp_ajuk0'; var gcse = document.createElement('scr...') |
(→Voorbeeld 2 - Bootstrap styling) |
||
| (3 tussenliggende versies door dezelfde gebruiker niet weergegeven) | |||
| Regel 1: | Regel 1: | ||
== Voorbeeld 2 - Bootstrap styling == | == Voorbeeld 2 - Bootstrap styling == | ||
| + | |||
| + | Bron: https://rafed123.github.io/blog/implement-google-custom-search | ||
| + | Status: Fout | ||
<html> | <html> | ||
| Regel 25: | Regel 28: | ||
} | } | ||
</script> | </script> | ||
| − | |||
<form class="navbar-form navbar-right" id="cse-search-box-form-id" onsubmit="return executeQuery();" role="search"> | <form class="navbar-form navbar-right" id="cse-search-box-form-id" onsubmit="return executeQuery();" role="search"> | ||
<div class="input-group"> | <div class="input-group"> | ||
<input type="text" class="form-control" id="cse-search-input-box-id" size="25" autocomplete="off"> | <input type="text" class="form-control" id="cse-search-input-box-id" size="25" autocomplete="off"> | ||
| − | + | <script async type="text/javascript" src="//cse.google.com/cse/brand?form=cse-search-box-form-id&inputbox=cse-search-input-box-id"></script> | |
| − | |||
| − | |||
| − | |||
| − | |||
<span class="input-group-btn"> | <span class="input-group-btn"> | ||
<button type="submit" class="btn btn-default"> | <button type="submit" class="btn btn-default"> | ||
| Regel 42: | Regel 40: | ||
</div> | </div> | ||
</form> | </form> | ||
| + | |||
| + | <gcse:searchresults-only></gcse:searchresults-only> | ||
</html> | </html> | ||
Huidige versie van 26 mrt 2019 om 12:39
Voorbeeld 2 - Bootstrap styling
Bron: https://rafed123.github.io/blog/implement-google-custom-search Status: Fout