summaryrefslogtreecommitdiff
path: root/search.html
blob: cf070e51801194e7f34e9b830f86326dbba8637d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!doctype html>
<html>
<head>
<title>Photoblaster Search Widget</title>
<style type="text/css">
  form { display: inline-block; }
  #gallery-images img { max-width: 200px; height: 90px; margin: 5px; }
  #result { height: 500px; }
  #result img { max-height: 500px; }
</style>
<body>

<div id="gallery">
  <form id="gallery-search">
    <input type="text" id="dumpfm-search-query" value="duck bill">
    <button id="gallery-search">DUMP SEARCH</button>
  </form>
  <button id="gallery-random">IM RANDOM</button>
  <span id="gallery-status"></span>
  <div id="gallery-images"></div>
</div>

<div id="result">
  <input type="text" id="url">
  <div id="image"></div>
</div>

</body>
<script type="text/javascript" src="js/vendor/jquery/jquery.min.js"></script>
<script type="text/javascript" src="js/asdf.js"></script>
<script type="text/javascript" src="js/gallery.js"></script>
<script type="text/javascript">

function status(s){ $("#status").html(s); console.log(s) }

gallery.choose = function(){
  $("#result #image").empty().append( $(this).clone() )
  $("#result #url").val(this.src);
}

$(gallery.init);

</script>
</html>