diff options
| author | dumpfmprod <dumpfmprod@ubuntu.(none)> | 2010-01-15 14:20:56 -0500 |
|---|---|---|
| committer | dumpfmprod <dumpfmprod@ubuntu.(none)> | 2010-01-15 14:20:56 -0500 |
| commit | 4167e78c42ee2e4ccf19e9a45bab4f22bf3df059 (patch) | |
| tree | cda98d040bcc22ea70b1fb57801a92a5dba50711 | |
| parent | d542c7f4476b14d6a0fa2c1089ed6ff1fe8da5dc (diff) | |
commit
| -rwxr-xr-x | static/browser.html | 243 | ||||
| -rw-r--r-- | static/browser.png | bin | 0 -> 11865 bytes | |||
| -rwxr-xr-x | static/search/browser.html | 234 | ||||
| -rw-r--r-- | static/search/browser.png | bin | 0 -> 11865 bytes | |||
| -rwxr-xr-x | template/browser.st | 4 |
5 files changed, 332 insertions, 149 deletions
diff --git a/static/browser.html b/static/browser.html index 5306a5d..99e4710 100755 --- a/static/browser.html +++ b/static/browser.html @@ -1,15 +1,10 @@ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> -<title>dump.fm - Browser/Search Tool</title> +<title>dump.fm - image search</title> -<head> - - - <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> - <style type="text/css"> - +<style type="text/css"> +<!-- a { font-size: 12px; color: #f0e; @@ -23,12 +18,13 @@ a:hover { a:active { color: #f0e; } -#ish {position:absolute; -left:20%; -top:5%; -line-height:19; -} - + + + + + + + body { font-size:13; @@ -58,53 +54,126 @@ table.search{font-family:Verdana,Arial,Helvetica,sans-serif;text-align:left;font max-height:400px; height: expression(this.width > 500 ? 500: true); - - </style></head> + #submit { -<body onLoad="setupZoom()"></p> - + position:absolute; + display:inline-block; + width:120px; +height:35px; +right:0px; +font-size:20px; +background-image:url(/static/bg-btn-blue.png); +top:15px; + text-align:center; + z-index:100; + cursor:pointer; + background-color:#087cff; + border-top-right-radius:10px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topright:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomright:5px; + border-radius:2px; + font-size:12px; + color:#fff; + text-shadow:1px 1px 3px rgba(0,0,0,0.5); +} - <p> - </p> - <p> - <input name="q" type="text" id="q" onChange="searchImages();" size="55%"> - <input type="submit" name="submit" id="submit" value="Search Images"> - - - - </p> -<p> - <label>where: - <select name="site" id="site" onChange="searchImages();"> - <option value="flickr.com" selected>flickr</option> - <option value="zooomr.com">zooomr</option> - <option value="photobucket.com">photobucket</option> - <option value="myspace.com">myspace</option> - <option value="wordpress.com">wordpress</option> - <option value="blogger.com">blogger</option> - <option value="typepad.com">typepad</option> - <option value="picsearch.com">picsearch</option> - <option value="webshots.com">webshots</option> +#ish{ + top:30%; + left:20%; + width: 300px; +} +</style> + + +<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> + <script type="text/javascript" src="all.js"></script> + <script type="text/javascript" src="cufon-yui.js"></script> + <script src="/static/js-global/FancyZoom.js" type="text/javascript"></script> +<script src="/static/js-global/FancyZoomHTML.js" type="text/javascript"></script> + <script type="text/javascript" src="futura.js"></script> +</head> +<body> + +<div id="ish"> +<form onSubmit="searchImages(); return false;" > +<div align="left"> + + <tr> + <td colspan="2"><p align="left"><img src="browser.png" width="141" height="64"></p> + + <div align="left"> + <input name="q" type="text" id="q" onChange="searchImages();" size="30%"> + <input type="submit" name="submit" id="submit" class="msgSubmit"value="Search Images"> + </div> + <label> + </label> + </p> </td> + </tr> + <div align="center"> + <div align="left"> + <table class="search" width="425" border="0" cellpadding="5" cellspacing="0"> + + + <a href="#" id="about">options</a></div> + </table> + + + </div> +</div> + <div id="description"> + <div align="left"><a href="#" class="closeinfo"></a> + </p> + + </div> + <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="zooomr.com">zooomr</option> + <option value="photobucket.com">photobucket</option> + <option value="myspace.com">myspace</option> + <option value="wordpress.com">wordpress</option> + <option value="blogger.com">blogger</option> + <option value="typepad.com">typepad</option> + <option value="picsearch.com">picsearch</option> + <option value="webshots.com">webshots</option> <option value="http://i.walmartimages.com/">walmart</option> <option value="http://www.ibiblio.org">ibiblio</option> - <option value="gov">US Government</option> - <option value="deviantart.com">deviant art</option> - <option value="corbis.com">corbis</option> - <option value="msn.com">msn</option> + <option value="gov">US Government</option> + <option value="deviantart.com">deviant art</option> + <option value="corbis.com">corbis</option> + <option value="msn.com">msn</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> - ★<label> hot shit</label>★ - <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked> - Always ON - - <label><br> - File Type</label> + <option value="0" selected>EVERYWHERE</option> + </select> + </label> + <label> + <input name="showFaces" type="checkbox" onClick="searchImages();"> + Only Faces</label> + ★<label> hot shit</label>★ + <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked> + Always ON + </p></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();"> @@ -114,9 +183,11 @@ table.search{font-family:Verdana,Arial,Helvetica,sans-serif;text-align:left;font <input type="radio" name="type" value="gif" onClick="searchImages();"> GIF <input type="radio" name="type" value="0" checked onClick="searchImages();"> - Any - <br> - <label>Image Size</label> + 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();"> @@ -126,11 +197,11 @@ table.search{font-family:Verdana,Arial,Helvetica,sans-serif;text-align:left;font <input type="radio" name="size" value="xlarge" onClick="searchImages();"> Extra Large <input type="radio" name="size" value="0" checked onClick="searchImages();"> - All Sizes - - - <label><br> - Image Color</label> + 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();"> @@ -138,16 +209,28 @@ table.search{font-family:Verdana,Arial,Helvetica,sans-serif;text-align:left;font <input type="radio" name="color" value="color" onClick="searchImages();"> Color <input type="radio" name="color" value="0" checked onClick="searchImages();"> -Whateva</p></td> - - + Whateva</p></td> + </tr> + </table> + + </div> + </div> + </div> + <tr> - <td colspan="2"><div id="searchControl">Loading...</div> - - - - - <script type="text/javascript"> + <td colspan="2"><div id="searchControl"> + <div align="left">Loading... + </div> + </div></td> + </tr> + <div align="left"> + </table> + </div> +</form> +<div align="left"> +</div> </div> +</div></div> +<script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(searchImages, true); @@ -244,12 +327,24 @@ Whateva</p></td> searcher.setRestriction(GimageSearch.RESTRICT_IMAGETYPE); control.addSearcher(searcher, options); + + function keepResult(res) { + $.ajax({ + type: 'GET', + 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> -</div></div> + </script> </body> </html>
\ No newline at end of file diff --git a/static/browser.png b/static/browser.png Binary files differnew file mode 100644 index 0000000..a2e22c0 --- /dev/null +++ b/static/browser.png diff --git a/static/search/browser.html b/static/search/browser.html index a75e402..99e4710 100755 --- a/static/search/browser.html +++ b/static/search/browser.html @@ -1,15 +1,10 @@ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> -<title>dump.fm - Browser/Search Tool</title> +<title>dump.fm - image search</title> - <head> - - - <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> - <style type="text/css"> - +<style type="text/css"> +<!-- a { font-size: 12px; color: #f0e; @@ -23,11 +18,13 @@ a:hover { a:active { color: #f0e; } -#ish {position:absolute; -left:20%; -top:5%; -} - + + + + + + + body { font-size:13; @@ -57,58 +54,125 @@ table.search{font-family:Verdana,Arial,Helvetica,sans-serif;text-align:left;font max-height:400px; height: expression(this.width > 500 ? 500: true); - - </style></head> + #submit { -<body onLoad="setupZoom()"> - - <div id="ish"> + position:absolute; + display:inline-block; + width:120px; +height:35px; +right:0px; +font-size:20px; +background-image:url(/static/bg-btn-blue.png); +top:15px; + text-align:center; + z-index:100; + cursor:pointer; + background-color:#087cff; + border-top-right-radius:10px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topright:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomright:5px; + border-radius:2px; + font-size:12px; + color:#fff; + text-shadow:1px 1px 3px rgba(0,0,0,0.5); +} -<form onSubmit="searchImages(); return false;" > <img src="dumpsearch.gif" width="348" height="166"> </p> - +#ish{ + top:30%; + left:20%; + width: 300px; +} +</style> - <input name="q" type="text" id="q" onChange="searchImages();" size="55%"> - <input type="submit" name="submit" id="submit" value="Search Images"> - +<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> + <script type="text/javascript" src="all.js"></script> + <script type="text/javascript" src="cufon-yui.js"></script> + <script src="/static/js-global/FancyZoom.js" type="text/javascript"></script> +<script src="/static/js-global/FancyZoomHTML.js" type="text/javascript"></script> + <script type="text/javascript" src="futura.js"></script> +</head> +<body> + +<div id="ish"> +<form onSubmit="searchImages(); return false;" > +<div align="left"> - <p> - <label>where: - <select name="site" id="site" onChange="searchImages();"> - <option value="flickr.com" selected>flickr</option> - <option value="zooomr.com">zooomr</option> - <option value="photobucket.com">photobucket</option> - <option value="myspace.com">myspace</option> - <option value="wordpress.com">wordpress</option> - <option value="blogger.com">blogger</option> - <option value="typepad.com">typepad</option> - <option value="picsearch.com">picsearch</option> - <option value="webshots.com">webshots</option> + <tr> + <td colspan="2"><p align="left"><img src="browser.png" width="141" height="64"></p> + + <div align="left"> + <input name="q" type="text" id="q" onChange="searchImages();" size="30%"> + <input type="submit" name="submit" id="submit" class="msgSubmit"value="Search Images"> + </div> + <label> + </label> + </p> </td> + </tr> + <div align="center"> + <div align="left"> + <table class="search" width="425" border="0" cellpadding="5" cellspacing="0"> + + + <a href="#" id="about">options</a></div> + </table> + + + </div> +</div> + <div id="description"> + <div align="left"><a href="#" class="closeinfo"></a> + </p> + + </div> + <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="zooomr.com">zooomr</option> + <option value="photobucket.com">photobucket</option> + <option value="myspace.com">myspace</option> + <option value="wordpress.com">wordpress</option> + <option value="blogger.com">blogger</option> + <option value="typepad.com">typepad</option> + <option value="picsearch.com">picsearch</option> + <option value="webshots.com">webshots</option> <option value="http://i.walmartimages.com/">walmart</option> <option value="http://www.ibiblio.org">ibiblio</option> - <option value="gov">US Government</option> - <option value="deviantart.com">deviant art</option> - <option value="corbis.com">corbis</option> - <option value="msn.com">msn</option> + <option value="gov">US Government</option> + <option value="deviantart.com">deviant art</option> + <option value="corbis.com">corbis</option> + <option value="msn.com">msn</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> - ★<label> hot shit</label>★ - <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked> - Always ON -</p></td> - </tr> + <option value="0" selected>EVERYWHERE</option> + </select> + </label> + <label> + <input name="showFaces" type="checkbox" onClick="searchImages();"> + Only Faces</label> + ★<label> hot shit</label>★ + <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked> + Always ON + </p></td> + </tr> - <tr> + <tr> - </tr> - <tr> - <td colspan="2"><p> + </tr> + <tr> + <td colspan="2"><p> <label>File Type</label> <input type="radio" name="type" value="jpg" onClick="searchImages();"> JPG @@ -119,10 +183,10 @@ table.search{font-family:Verdana,Arial,Helvetica,sans-serif;text-align:left;font <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> + Any</p></td> + </tr> + <tr> + <td colspan="2"><p> <label>Image Size</label> <input type="radio" name="size" value="small" onClick="searchImages();"> Small @@ -133,10 +197,10 @@ table.search{font-family:Verdana,Arial,Helvetica,sans-serif;text-align:left;font <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> + 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 @@ -145,16 +209,28 @@ table.search{font-family:Verdana,Arial,Helvetica,sans-serif;text-align:left;font <input type="radio" name="color" value="color" onClick="searchImages();"> Color <input type="radio" name="color" value="0" checked onClick="searchImages();"> - Whateva</p></td> - - + Whateva</p></td> + </tr> + </table> + + </div> + </div> + </div> + <tr> - <td colspan="2"><div id="searchControl">Loading...</div> - - - - - <script type="text/javascript"> + <td colspan="2"><div id="searchControl"> + <div align="left">Loading... + </div> + </div></td> + </tr> + <div align="left"> + </table> + </div> +</form> +<div align="left"> +</div> </div> +</div></div> +<script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(searchImages, true); @@ -251,12 +327,24 @@ table.search{font-family:Verdana,Arial,Helvetica,sans-serif;text-align:left;font searcher.setRestriction(GimageSearch.RESTRICT_IMAGETYPE); control.addSearcher(searcher, options); + + function keepResult(res) { + $.ajax({ + type: 'GET', + 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> -</div> </div> + </script> </body> </html>
\ No newline at end of file diff --git a/static/search/browser.png b/static/search/browser.png Binary files differnew file mode 100644 index 0000000..a2e22c0 --- /dev/null +++ b/static/search/browser.png diff --git a/template/browser.st b/template/browser.st index a92eef3..93da34d 100755 --- a/template/browser.st +++ b/template/browser.st @@ -42,14 +42,14 @@ </div> <div id="messagePane"> <div id="messageList"> - <iframe src="/static/search/search.html" style="width:100%;height:100%;padding:0px;background-color: #fff; position:absolute; top:0px; left:0px; border:none; allowtransparency="true" scrolling="no" ></iframe> + <iframe src="/static/search/browser.html" style="width:100%;height:100%;padding:0px;background-color: #fff; position:absolute; top:0px; left:0px; border:none; allowtransparency="true" scrolling="yes" ></iframe> </div> $if(user_nick)$ <div id="msgInputDiv"> <input id="msgInput" class="msgInput" type="input" /> - <input id="msgSubmit" type="submit" value="Send Image URL" + <input id="msgSubmit" type="submit" value="Send Text" /> </div> $endif$ |
