Posted by Dave on

Two pane search of this blog

Two pane search of this blog

I want to build a custom search page for my whole blog space, you’d think it was easy, but it seems not. Here are my notes and links.

Here is a mock-up of what it might be.

So making the page is not hard, or shouldn’t be. But invoking the queries, and formatting the output seems a bit harder.  The HTML code is in this git repo. Here are some links I found, or expect to find useful.

  1. Creating a simple search box, at Codebox
  2. <input type=”search”> , at the Mozilla Development Network

The LRD home page has a custom search box.

Why is this so hard, the more I read, the harder it seems to do while avoiding javascript, or in the case of wordpress, PHP.

The LRD has a search box that runs a google query, I have posted the code to github. I changed the code to point a google search at an iframe using the form target attribute, this fails in Firefox, for security reasons. The code is in search-page-2.htm. Running a search through my sites might not have this problem, but it is a feature and implemented by both the server site, in this case google and firefox.

The Beginner’s guide to wordpress rest api has a series of examples, although they all involve code, JS or PHP. LRD Publications looks like they specify the action as a separate php page.

Forms can take multiple actions.


There’s loads of Youtube Videos about making the search box pretty.

Comment ( 1 )

  1. ReplyAuthorDave
    I amended this today. Added comments on using forms and writing to frames, I may have to write some php or even javascript. The wordpress rest page has examples.

This site uses Akismet to reduce spam. Learn how your comment data is processed.