Question

(10 points) Image Gallery Search: The following HTML snippet is the skeleton of a . simple image gallery. The gallery stores all of its images in a directory called im ages. Write a PHP sear ch page for an program called search php to implement the searching feature. An image is onsidered a mat ch" to the search string if the name of the image contains the entirety of the search string. For example, query of "tea" mightmatch 'teajpg" or "steamboatjpg" a The search should be case-insensitive and you should eliminate the whitespace surrounding a query before processingit You should output an unordered list of links to all matches. Ablank query should return no results. You may assume there are only image files in the images directory. Please also submit the html code you use to test the corectness of your fundion <h 1> Image Gallery Search <h 1> form action ="search.php" method-"get"> <fieldset Type a query: <input type "text" name-' <input type-"submit" value="Search" /> </fieldset> </form ="query" f <br />

Answer 1

untitled-Atom File Edit View Selection Find Packages Help Welcome Guide untitled <script type="text/javascript"> function SearchImages){ var searchterm document.getElementbyName("query"); alert(searchterm); requestImages (); requestImages.error ( function () 10 11 12 13 alert("HTTP Status 400 or 404 Error Sorry please check the url again"); 14 15 ) ; 16 17 var requestImages = $.ajax ( type 'GET 18 19 20 url: "searchforImages. php?action=searchterm*", data: searchterm, 21 dataType "plain/text", success: function (resultData) alert("Request for Images Complete"); } 22 23 24 25 /Printing the array result /example it would be for searchterm bull alert(requestImages) ; 26 27 requestImages [bul1.jpeg,bull.png, bull.gif, bulls . png, bullockcart.img]; 28 untitled O GitHub 14:15 CRLF UTF-8 HTML Git (0) 2:04 PM 6/8/2019

untitled Atom File Edit View Selection Find Packages Help Welcome Guide untitled 13 alert("HTTP Status 400 or 404 Error Sorry please check the url again"); 1/4 15 } 16 17 var requestImages = $.ajax (f type 'GET, url: "searchfor Images.php?action=searchterm" data: searchterm 18 19 20 21 dataType "plain/text", success: function (resultData) alert("Request for Images Complete"); } 22 23 24 25 /Printing the array result 26 /example it would be for searchterm: bull --> requestImages [bull.jpeg, bull.png, bull.gif, bulls.png, bullockcart.img ]; alert(requestImages) ; 27 28 29 </script> 30 31 32 <h1>Image Gallery Search</h1 33 <form action="Search.php" method-"get"> 34 35 <<fieldset> 36 Type a query <<input type"text" name"query" value-"" / ><<br/> <input type "submit" value="Search" onclick "SearchImages (this );"/> 37 </fieldset> 38 </form 39 O GitHub untitled 14:15 CRLF UTF-8 HTML Git (0) 2:05 PM 6/8/2019