{"id":1579,"date":"2018-01-19T19:23:00","date_gmt":"2018-01-19T19:23:00","guid":{"rendered":"http:\/\/goofy-trucks.flywheelsites.com\/remote-scripting-with-javascript-iframes-and-php-page-5\/"},"modified":"2018-01-19T19:24:54","modified_gmt":"2018-01-19T19:24:54","slug":"remote-scripting-with-javascript-iframes-and-php-page-5","status":"publish","type":"post","link":"https:\/\/phpbuilder.com\/remote-scripting-with-javascript-iframes-and-php-page-5\/","title":{"rendered":"Remote Scripting with Javascript, IFrames and PHP Page 5"},"content":{"rendered":"<div class=\"phpbuilder-content\">\n<div class=\"phpbuilder-meta\">\n<div class=\"\">By David Vance<\/div>\n<div class=\"\">on May 10, 2004<\/div>\n<\/p><\/div>\n<div id=\"overflow-content\">\n<div class=\"articlePara\">\nThis code also includes a Javascript function called &#8220;buildQueryString&#8221; to,<br \/>\nobviously, build a query string, but since I only needed to pass a single<br \/>\nsearch term I omitted that function, and changed this line:<\/p>\n<div class=\"example\">\n<p>var URL = &#8216;server.html&#8217; + buildQueryString(theFormName);\n<\/p><\/div>\n<p><\/p>\n<p>&#8230;to this line:<br \/>\n<\/p>\n<div class=\"example\">\nvar URL = &#8216;.\/server.php?s=&#8217;+term;\n<\/div>\n<\/div>\n<div class=\"articlePara\">\nI also added the &#8220;term&#8221; parameter to the <code class=\"example\">callToServer()<\/code> function.\n<\/div>\n<div class=\"articlePara\">\nNow, each time a user makes a keystroke in the &#8220;nameSearch&#8221; textbox, the<br \/>\n<code class=\"example\">doSearch()<\/code> Javascript function is called. That function looks like this:\n<\/div>\n<div class=\"articlePhpEx\">\n<font face=\"courier\"><code><span style=\"color: #000000\"><\/p>\n<p><span style=\"color: #0000BB\">&lt;?php<\/p>\n<p><\/span><span style=\"color: #007700\">function\u00a0<\/span><span style=\"color: #0000BB\">doSearch<\/span><span style=\"color: #007700\">(<\/span><span style=\"color: #0000BB\">theForm<\/span><span style=\"color: #007700\">)\u00a0<br \/>\n<br \/>{<br \/>\n<br \/>\u00a0\u00a0\u00a0\u00a0var\u00a0<\/span><span style=\"color: #0000BB\">searchTerm\u00a0<\/span><span style=\"color: #007700\">=\u00a0<\/span><span style=\"color: #0000BB\">theForm<\/span><span style=\"color: #007700\">.<\/span><span style=\"color: #0000BB\">elements<\/span><span style=\"color: #007700\">[<\/span><span style=\"color: #DD0000\">'nameSearch'<\/span><span style=\"color: #007700\">].<\/span><span style=\"color: #0000BB\">value<\/span><span style=\"color: #007700\">;<br \/>\n<br \/>\u00a0\u00a0\u00a0\u00a0if(<\/span><span style=\"color: #0000BB\">searchTerm<\/span><span style=\"color: #007700\">.<\/span><span style=\"color: #0000BB\">length\u00a0<\/span><span style=\"color: #007700\">&lt;\u00a0<\/span><span style=\"color: #0000BB\">2<\/span><span style=\"color: #007700\">)\u00a0<br \/>\n<br \/>\u00a0\u00a0\u00a0\u00a0{<br \/>\n<br \/>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return;<br \/>\n<br \/>\u00a0\u00a0\u00a0\u00a0}<br \/>\n<br \/>\u00a0\u00a0\u00a0\u00a0var\u00a0<\/span><span style=\"color: #0000BB\">s<\/span><span style=\"color: #007700\">=<\/span><span style=\"color: #DD0000\">\"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ\u00a0-.\"<\/span><span style=\"color: #007700\">;<br \/>\n<br \/>\u00a0\u00a0\u00a0\u00a0if(<\/span><span style=\"color: #0000BB\">s<\/span><span style=\"color: #007700\">.<\/span><span style=\"color: #0000BB\">indexOf<\/span><span style=\"color: #007700\">(<\/span><span style=\"color: #0000BB\">searchTerm<\/span><span style=\"color: #007700\">.<\/span><span style=\"color: #0000BB\">charAt<\/span><span style=\"color: #007700\">(<\/span><span style=\"color: #0000BB\">searchTerm<\/span><span style=\"color: #007700\">.<\/span><span style=\"color: #0000BB\">length<\/span><span style=\"color: #007700\">-<\/span><span style=\"color: #0000BB\">1<\/span><span style=\"color: #007700\">))\u00a0==\u00a0-<\/span><span style=\"color: #0000BB\">1<\/span><span style=\"color: #007700\">)\u00a0<br \/>\n<br \/>\u00a0\u00a0\u00a0\u00a0{<br \/>\n<br \/>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return;<br \/>\n<br \/>\u00a0\u00a0\u00a0\u00a0}<\/p>\n<p>\u00a0\u00a0\u00a0\u00a0<\/span><span style=\"color: #0000BB\">callToServer<\/span><span style=\"color: #007700\">(<\/span><span style=\"color: #0000BB\">searchTerm<\/span><span style=\"color: #007700\">);\u00a0\u00a0<br \/>\n<br \/>}<\/p>\n<p><\/span><span style=\"color: #0000BB\">?&gt;<br \/>\n<br \/><\/span><br \/>\n<\/span><br \/>\n<\/code><\/font>\n<\/div>\n<\/div>\n<p><\/p>\n<div style=\"float: left; padding:15px; color:#17AAF3\">\n<div style=\"float:left; padding:2px;\"><a class=\"paginationPageLink\" href=\"vance20040507fdb0.html?page=4\">\u00ab Previous Page<\/a><\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"vance20040507.html\">1<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"vance200405074658.html?page=2\">2<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"vance200405079ba9.html?page=3\">3<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"vance20040507fdb0.html?page=4\">4<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"background-color:#B6E5FC; font-size:16px; margin-top:1px; padding:1px 4px 1px 4px; color:#000; font-style:bold; float:left;\">5<\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"vance20040507c575.html?page=6\">6<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"vance20040507235c.html?page=7\">7<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"vance20040507fdfa.html?page=8\">8<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"vance200405070b08.html?page=9\">9<\/a> <\/div>\n<div style=\"float:left; padding:2px;\"><a class=\"paginationPageLink\" href=\"vance20040507c575.html?page=6\">Next Page \u00bb<\/a><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>David Vance explains there basics of remote scripting, using Javascript, IFrames and<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-1579","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts\/1579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/comments?post=1579"}],"version-history":[{"count":1,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts\/1579\/revisions"}],"predecessor-version":[{"id":3403,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts\/1579\/revisions\/3403"}],"wp:attachment":[{"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/media?parent=1579"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/categories?post=1579"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/tags?post=1579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}