diff options
Diffstat (limited to 'static/search/imagesearch.html')
| -rw-r--r-- | static/search/imagesearch.html | 270 |
1 files changed, 270 insertions, 0 deletions
diff --git a/static/search/imagesearch.html b/static/search/imagesearch.html new file mode 100644 index 0000000..73fb436 --- /dev/null +++ b/static/search/imagesearch.html @@ -0,0 +1,270 @@ +<html> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> +<title>dump.fm</title> + <link rel="stylesheet" type="text/css" href="/static/browser.css"> + +<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> + <script src="dumpsearch.js" type="text/javascript"></script> + + <link href="/static/win.css" rel="stylesheet" type="text/css" media="screen"/> + <script type="text/javascript" src="/static/js/win.js"></script> + +</head> +<body onload=" + + javascript:CreateDropdownWindow('image search', '680px', true, 'search', 50, 60);" > + + + <div style="display:none;"id="search"> + <div id="content" name="content"style="background-image:url(/static/hearts.gif);background-repeat:repeat;height:800;"> + +<form onSubmit="searchImages(); return false;" > + + + <tr> + <td colspan="2"><br> + <input name="q" type="text" id="q" onChange="searchImages();" size="10%"> + <input type="submit" name="submit" id="submit" class="msgSubmit"value="Search Images"> + + <label> + </label> + </td> + + + <table class="search" width="425" border="0" cellpadding="5" cellspacing="0"> + + + <a href="#" id="about">options</a></div> + </table> + + + </div> + + <div id="description"> + <div align="left"><a href="#" class="closeinfo"></a> + </p> + + </div> + + + + <div align="left"> + <table class="search" width="425" border="0" cellpadding="5" cellspacing="0"> + <tr> + <td colspan="2"> + <p> + <label>where: + <select name="site" id="site" onChange="searchImages();"> + <option value="flickr.com" selected>flickr</option> + <option value="istockphoto.com">istockphoto</option> + <option value="photobucket.com">photobucket</option> + <option value="imikimi.com">imikimi</option> + <option value="blingee.com">Blingee</option> + <option value="myspace.com">myspace</option> + <option value="ning.com">ning.com</option> + <option value="mudspace.com">MudSpace</option> + <option value="gov">US Government</option> + <option value="wordpress.com">wordpress</option> + <option value="blogger.com">blogger</option> + <option value="typepad.com">typepad</option> + <option value="webshots.com">webshots</option> + <option value="blackplanet.com">Black Planet</option> + <option value="http://i.walmartimages.com/">walmart</option> + <option value="http://www.ibiblio.org">ibiblio</option> + <option value="deviantart.com">deviant art</option> + <option value="glitter-graphics.com">Glitter Graphics</option> + <option value="corbis.com">corbis</option> + <option value="made-in-china.com">made in china</option> + <option value="0" selected>EVERYWHERE</option> + </select> + </label> + <label> + <input name="showFaces" type="checkbox" onClick="searchImages();"> + Only Faces</label> + <div style="display:none;">★<label> hot shit</label>★ + <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked> + Always ON</div> + </td> + </tr> + + <tr> + + </tr> + <tr> + <td colspan="2"><p> + <label>File Type</label> + <input type="radio" name="type" value="jpg" onClick="searchImages();"> + JPG + <input name="type" type="radio" value="png" onClick="searchImages();"> + PNG + <input name="type" type="radio" value="bmp" onClick="searchImages();"> + BMP + <input type="radio" name="type" value="gif" onClick="searchImages();"> + GIF + <input type="radio" name="type" value="0" checked onClick="searchImages();"> + Any</p></td> + </tr> + <tr> + <td colspan="2"><p> + <label>Image Size</label> + <input type="radio" name="size" value="small" onClick="searchImages();"> + Small + <input name="size" type="radio" value="medium" onClick="searchImages();"> + Medium + <input type="radio" name="size" value="large" onClick="searchImages();"> + Large + <input type="radio" name="size" value="xlarge" onClick="searchImages();"> + Extra Large + <input type="radio" name="size" value="0" checked onClick="searchImages();"> + All Sizes</p></td> + </tr> + <tr> + <td colspan="2"><p> + <label>Image Color</label> + <input type="radio" name="color" value="bw" onClick="searchImages();"> + Black & White + <input name="color" type="radio" value="gray" onClick="searchImages();"> + Gray + <input type="radio" name="color" value="color" onClick="searchImages();"> + Color + <input type="radio" name="color" value="0" checked onClick="searchImages();"> + Whateva</p></td> + </tr> + </table> + + </div> + </div> + </div> + + <tr> + <td colspan="2"><div id="searchControl"> + <div align="left">Loading... + </div> + </div></td> + </tr> + <div align="left"> + </table> + </div> +</form> + +</div> </div> +</div></div></div></div> +<script type="text/javascript"> + google.load('search', '1'); + google.setOnLoadCallback(searchImages, true); + + function searchImages() { + var control = new google.search.SearchControl(); + control.setResultSetSize(google.search.Search.LARGE_RESULTSET); + control.setNoResultsString("Sorry but no images match your search criteria. Please modify your search query and try again."); + control.setLinkTarget(google.search.Search.LINK_TARGET_BLANK); + + var options = new google.search.SearcherOptions(); + options.setExpandMode(google.search.SearchControl.EXPAND_MODE_OPEN); + + var searcher = new google.search.ImageSearch(); + + for (var i = 0; i < document.forms[0].safeSearch.length; i++) { + if (document.forms[0].safeSearch[i].checked) { + if (document.forms[0].safeSearch[i].value == "off") + searcher.setRestriction(GSearch.RESTRICT_SAFESEARCH, google.search.Search.SAFESEARCH_OFF); + else if (document.forms[0].safeSearch[i].value == "moderate") + searcher.setRestriction(GSearch.RESTRICT_SAFESEARCH, google.search.Search.SAFESEARCH_MODERATE); + else if (document.forms[0].safeSearch[i].value == "strict") + searcher.setRestriction(GSearch.RESTRICT_SAFESEARCH, google.search.Search.SAFESEARCH_STRICT); + else + searcher.setRestriction(GSearch.RESTRICT_SAFESEARCH, null); + break; + } + } + + for (var i = 0; i < document.forms[0].size.length; i++) { + if (document.forms[0].size[i].checked) { + if (document.forms[0].size[i].value == "small") + searcher.setRestriction(GimageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_SMALL); + else if (document.forms[0].size[i].value == "medium") + searcher.setRestriction(GimageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_MEDIUM); + else if (document.forms[0].size[i].value == "large") + searcher.setRestriction(GimageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_LARGE); + else if (document.forms[0].size[i].value == "xlarge") + searcher.setRestriction(GimageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); + else + searcher.setRestriction(GimageSearch.RESTRICT_IMAGESIZE, null); + break; + } + } + + for (var i = 0; i < document.forms[0].type.length; i++) { + if (document.forms[0].type[i].checked) { + if (document.forms[0].type[i].value == "bmp") + searcher.setRestriction(GimageSearch.RESTRICT_FILETYPE, google.search.ImageSearch.FILETYPE_BMP); + else if (document.forms[0].type[i].value == "jpg") + searcher.setRestriction(GimageSearch.RESTRICT_FILETYPE, google.search.ImageSearch.FILETYPE_JPG); + else if (document.forms[0].type[i].value == "png") + searcher.setRestriction(GimageSearch.RESTRICT_FILETYPE, google.search.ImageSearch.FILETYPE_PNG); + else if (document.forms[0].type[i].value == "gif") + searcher.setRestriction(GimageSearch.RESTRICT_FILETYPE, google.search.ImageSearch.FILETYPE_GIF); + else + searcher.setRestriction(GimageSearch.RESTRICT_FILETYPE, null); + break; + } + } + + for (var i = 0; i < document.forms[0].color.length; i++) { + if (document.forms[0].color[i].checked) { + if (document.forms[0].color[i].value == "bw") + searcher.setRestriction(GimageSearch.RESTRICT_COLORIZATION, google.search.ImageSearch.COLORIZATION_BLACK_AND_WHITE ); + else if (document.forms[0].color[i].value == "gray") + searcher.setRestriction(GimageSearch.RESTRICT_COLORIZATION, google.search.ImageSearch.COLORIZATION_GRAYSCALE); + else if (document.forms[0].color[i].value == "color") + searcher.setRestriction(GimageSearch.RESTRICT_COLORIZATION, google.search.ImageSearch.COLORIZATION_COLOR); + else + searcher.setRestriction(GimageSearch.RESTRICT_COLORIZATION, null); + break; + } + } + + var list = document.forms[0].site; + if (list.options[list.selectedIndex].value == 0) + searcher.setSiteRestriction(null); + else + searcher.setSiteRestriction(list.options[list.selectedIndex].value); + + for (var i = 0; i < document.forms[0].site.length; i++) { + if (document.forms[0].site[i].checked) { + if (document.forms[0].site[i].value == 0) + searcher.setSiteRestriction(null); + else + searcher.setSiteRestriction(document.forms[0].site[i].value); + break; + } + } + + if (document.forms[0].showFaces.checked) + searcher.setRestriction(GimageSearch.RESTRICT_IMAGETYPE, GimageSearch.IMAGETYPE_FACES); + else + searcher.setRestriction(GimageSearch.RESTRICT_IMAGETYPE); + + control.addSearcher(searcher, options); + + function keepResult(res) { + $.ajax({ + type: 'POST', + timeout: 5000, + url: '/msg', + data: { 'room': 'RoomA', 'content': res.unescapedUrl }, + cache: false, + dataType: 'json' + }); + }; + + control.setOnKeepCallback(this, keepResult, 'DUMP THIS'); + control.draw(document.getElementById("searchControl")); + + control.execute(document.getElementById('q').value); + return false; + } + </script> +</body> +</html>
\ No newline at end of file |