New custom Google search engine

Nice!

On my screen, it also appears at the top, just below the menu bar and the thread pathname.

However, the text entry line for the Google custom search is so wide that it pushes the "Search" button almost entirely past the black right border (you can see a small part of the left side of the search button).

The Google custom search at the bottom does not have this problem on my screen.  In fact, the text entry window is actually very short (~ 1/3 window width).

k

I will post a screenshot of the top and bottom searchboxes as they appear on my screen...

Meanwhile, there should be some parameter thingie that allows you to scale it according to the width of the user window, but yes, too techie for me as well.

Here is the code

<script>
(function() {
var cx = '003890047031720304301:djv-rp9rp4i';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>


In the footer (bottom) I have the following code inserted
The red text is the world clock

<div style="margin: 15px 0px 0px; text-align: center; display: inline-block;"><div style="margin: 0px 0px 5px; padding: 2px 4px; border: 1px solid rgb(204, 204, 204); border-image: none; text-align: center; display: inline-block; background-color: rgb(5, 0, 0);"><a style="color: rgb(251, 243, 243); font-size: 13px; text-decoration: none;" href="http://localtimes.info/difference">World Clock</a></div><script src="http://localtimes.info/world_clock2.php?&cp1_Hex=fbf3f3&cp2_Hex=050000&cp3_Hex=000000&fwdt=88&ham=0&hbg=0&hfg=0&sid=0&mon=0&wek=0&wkf=0&sep=0&widget_number=11000&lcid=CAXX0518,USNY0996,UKXX0085,ASXX0089" type="text/javascript">null</script></div><table width="470">
<tr><td>

<script>
(function() {
var cx = '003890047031720304301:djv-rp9rp4i';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>

It does a great job. Thanks for putting it in. I find the ProBoards search engine too cumbersome/tedious to use, so this is great.

I use the most current version of Chrome but with a different theme than khj - my theme has the montage of classic stamps for a graphic background.  Like Kim, my bottom search bar is short and the top search bar is so long that the button containing the magnifying glass that you can click to start the search is pushed almost entirely off the right side of the display.  There's a little bit of the button still visible but you can't see the magnifying glass.  The top bar still works, I just hit the enter key instead of clicking on the magnifying glass.

I can see why the search bar in the footer is shorter - a table has been opened with one row and one cell (and never closed) with a width of 470 pixels, and the Google search bar is in that table.  The following code is added at the end of the red text you have used to highlight the World Clock code:
<table width="470">
<tr><td>
Because the table was never closed, anything after that bottom search bar would also be restricted to only 470 pixels wide, if the page had more stuff down there.  You need the following to close the table.
</td></tr></table>
Kim's default font must be smaller than mine - the "Terms of Service / Privacy Policy / Notice /" blah blah blah all fits on a single line under his search box, but I have a larger default font and my blah blah blah has to fit on two lines because it's too long to fit under the restriction of 470 pixels.



The quick and dirty fix will be to also put the top search bar in a table, I suppose.  Try this code at both top and bottom.  Change the "470" if you want a different length on the search bar.  (You don't need to duplicate the code to open the table - that extra code in the red text for your World Clock should be deleted.)

<table width="470"><tr><td>

<script>
(function() {
var cx = '003890047031720304301:djv-rp9rp4i';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>

</td></tr></table>
Ryan

For any users of the Ghostery software, enabling the tracker "Google AJAX Search API" will allow the Google search boxes to appear.

The table width="470"> is now gone.
Bear with me over the next day, I will get to the bottom of this.

I can always buy the advance GSE but the lowest priced package is $100 per year and a rough draft of the numbers we could be looking at $350 a year or more.
We will suffer with the free GSE.

I'd say the free GSE is more than sufficient. Thanks for adding it!

Better the black screen than the old MS Blue Screen of Death.

I like Free, enough bills to pay without adding a further cost

Hi Admin

One quickie. Why not just leave the button, bottom also, and no search boxes?

Also, if possible, when one clicks the "TSF Search" button have the search open in a new tab. One could do that by right clicking the button and choosing "open in new tab" but I would think opening in a new tab would be more convenient.

Jerry B