show search tags, current tags, and tags of the current pic in one line

2 files changed, 17 insertions, 11 deletions

diff --git a/index.php b/index.php
index a4fe2b7..7cf15c0 100644
--- a/index.php
+++ b/index.php
@@ -71,13 +71,15 @@ function autoversion($file)
 
 <div class="tagsearch">
 <form class="form-search" method="get" action="">
- <label>Search for tag:</label> <input class="input-medium search-query" list="MyTags" id="MyTagsInput" type="text" value="" />
-  <datalist id="MyTags">
-  </datalist>
- <p> Current tags:<span id="currenttags"></span>
-  <a class="next btn btn-small btn-info" onclick="tagcloud()">tag cloud</a>
-  <a class="btn btn-small btn-success" href='<?php echo $webbase?>'>all</a>
- </p>
+  <p>
+    <label>Search for tag:</label> <input class="input-medium search-query" list="MyTags" id="MyTagsInput" type="text" value="" />
+    <datalist id="MyTags">
+    </datalist>
+    Current tags:<span id="currenttags"></span>
+    <a class="next btn btn-small btn-info" onclick="tagcloud()">tag cloud</a>
+    <a class="btn btn-small btn-success" href='<?php echo $webbase?>'>all</a>
+    <span id="pictags"></span>
+  </p>
 </form>
 </div>
 
diff --git a/js/photo-tags.js b/js/photo-tags.js
index 238575d..b657fbe 100644
--- a/js/photo-tags.js
+++ b/js/photo-tags.js
@@ -81,17 +81,21 @@ function load_content() {
 			return "Description: "+d.description + "Time: "+date.toUTCString();
 		});
 	    /* show tags */
-	    tags="";
 	    d3.json(webbase+"/getjson.php?IDT="+ID, function(jsontag) {
-		singlepicspace.append("p").selectAll("span").data(jsontag)
+		tags=0;
+		d3.select("#pictags").selectAll("span").remove();
+		d3.select("#pictags").selectAll("span").data(jsontag)
 		    .enter().append("span")
 		    .attr("class","btn btn-small")
 		    .text( function(t) {
+			tags=1;
 			return t.name;
 		    })
 		    .on("mouseover", function(d){ d3.select(this).classed("btn-success",true)})
-		    .on("mouseout", function(d){ d3.select(this).classed("btn-success",false)})
-		    .on("click", function(d) { document.location.href=webbase+'/tag/'+d.name});
+		    .on("mouseout",  function(d){ d3.select(this).classed("btn-success",false)})
+		    .on("click",     function(d){ document.location.href=webbase+'/tag/'+d.name});
+		if(tags)
+		d3.select("#pictags").insert("span",":first-child").text("tags in current picture:");
 	    });
 
 	    update_thumbnails();