{"id":404,"date":"2013-02-27T16:05:35","date_gmt":"2013-02-27T16:05:35","guid":{"rendered":"http:\/\/tregner.com\/flare-blog\/?p=404"},"modified":"2013-02-28T03:39:18","modified_gmt":"2013-02-28T03:39:18","slug":"quick-search-form-for-html5-output","status":"publish","type":"post","link":"https:\/\/tregner.com\/flare-blog\/quick-search-form-for-html5-output\/","title":{"rendered":"Quick Search Form for HTML5 Output"},"content":{"rendered":"

Here is a quick search form you can use on another page to open an HTML5 output search in the skin. To use it, change the value for uri (third line) to the URL for your Flare HTML5 help system’s main file.\u00a0Then place the script and markup in the page markup where you want the form to appear on a web page.<\/p>\n

<script>\r\n    function open_help_search() {\r\n        var uri = 'http:\/\/www.example.com\/default.htm';\r\n        var reference = encodeURIComponent(document.getElementsByName('help-search-text')[0].value);\r\n        if (reference != \"\") {\r\n            reference = '#search-' + reference;\r\n        }\r\n\r\n        window.open(uri + reference)\r\n    }\r\n<\/script>\r\n\r\n<form name=\"help-search-form\">\r\n  <input type=\"text\" name=\"help-search-text\" \/>\r\n  <button type=\"button\" onclick=\"open_help_search()\">Search help<\/button>\r\n<\/form><\/pre>\n
\"search-form\"<\/a><\/p>\n
\"search-form-with-term\"<\/a><\/p>\n
\"search-results\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Here is a quick search form you can use on another page to open an HTML5 output search in the skin. To use it, change the value for uri (third line) to the URL for your Flare HTML5 help system’s main file.\u00a0Then place the script and markup in the page markup where you want the… Continue reading Quick Search Form for HTML5 Output<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[49,5,56],"_links":{"self":[{"href":"https:\/\/tregner.com\/flare-blog\/wp-json\/wp\/v2\/posts\/404"}],"collection":[{"href":"https:\/\/tregner.com\/flare-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tregner.com\/flare-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tregner.com\/flare-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tregner.com\/flare-blog\/wp-json\/wp\/v2\/comments?post=404"}],"version-history":[{"count":9,"href":"https:\/\/tregner.com\/flare-blog\/wp-json\/wp\/v2\/posts\/404\/revisions"}],"predecessor-version":[{"id":416,"href":"https:\/\/tregner.com\/flare-blog\/wp-json\/wp\/v2\/posts\/404\/revisions\/416"}],"wp:attachment":[{"href":"https:\/\/tregner.com\/flare-blog\/wp-json\/wp\/v2\/media?parent=404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tregner.com\/flare-blog\/wp-json\/wp\/v2\/categories?post=404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tregner.com\/flare-blog\/wp-json\/wp\/v2\/tags?post=404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}