TKP : Google Sites - เพิ่มส่วนค้นหาข้อมูล

TKP : Google Sites

เพิ่มส่วนค้นหาข้อมูล

โดยการเปิด embed เลือก embed code แล้วทำการ พิมพ์ (copy) Code ด้านล่างนี้

<!DOCTYPE html>

<html>

<head>

function submitSearch(){

var siteSearchUrl = 'https://sites.google.com/dei.ac.th/tkp-sites/home/_/search?query='; // Replace with your site's search URL

var query = document.getElementById("search-query-input").value;

var url = siteSearchUrl + query

if(typeof IE_fix != "undefined") // IE8 and lower fix to pass the http referer

{

var referLink = document.createElement("a");

referLink.href = url;

document.body.appendChild(referLink);

referLink.click();

}

else { window.open(url,'_blank'); } // All other browsers

}

function searchKeyPress(e){

// look for window.event in case event isn't passed in

e = e || window.event;

if (e.keyCode == 13)

{

document.getElementById('search-icon').click();

return false;

}

return true;

}

</script>

<style>

body {margin:0;padding:14px 6px 0 6px;background-color:transparent;font-family: 'Roboto', sans-serif;overflow:hidden;}

#search-icon,#clear-icon {padding:12px;height:24px;vertical-align:middle;cursor:pointer;}

#clear-icon {visibility:hidden;}

#search-query {

width:50vw;min-width:480px;max-width:720px;

margin:0 auto;overflow:hidden;border:0;border-radius:4px;color: #212121;background-color:#FFF;

box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);font-size:16px;line-height:24px;}

#search-query-input {

min-width:104px;width:66%;height:24px;font-size:16px;font-stretch: normal;letter-spacing: normal;line-height:24px;border:0;color:#000;background-color:transparent;cursor:text;

text-align:start;vertical-align:middle;}

@media all and (max-width: 480px) {

#search-query {min-width:200px;width:100%;}

}

</style>

</head>

<body>

<!-- <input type="text" id="query" />

<button id="search" onclick="submitSearch()">Search</button> -->

</div>

</body>

</html>

Report abuse