adding a linktotarget button #84 (c)

flat/script/flat.editor.js

@@ -2194,6 +2194,13 @@ function addlinkrefs(index, ho_index) {
     }
 }
 
+function linktotarget() {
+}
+
+function getlinktotarget(annotation, structureelement) {
+    //build a query to link to the specified element
+}
+
 function editor_submit(addtoqueue) {
     /* Submit the annotations prepared in the editor dialog */
 

flat/script/flat.viewer.js

@@ -487,6 +487,10 @@ function renderstructure(structureelement, norecurse, noheader, extended) {
 				if ((annotation.type == "su") && (extended)) {
 					s = s + "<div class=\"opentreeview\" title=\"Show in Tree Viewer\" onclick=\"treeview('" + annotation.id + "')\"></div>";
 				}
+                if ((extended) && (linkselector >= 0)) {
+                    //this is actually an editor feature
+					s = s + "<div class=\"linktotarget\" title=\"Link to this annotation\" onclick=\"linktotarget(" + getlinktotarget(annotation, structureelement) + ")\"></div>";
+                }
 				s = s + "</th><td>";
                 s = s + renderannotation(annotation, false, extended);
                 s = s + "</td></tr>";
@@ -509,6 +513,10 @@ function renderstructure(structureelement, norecurse, noheader, extended) {
             if (((substructure.type == "morpheme") || (substructure.type == "phoneme"))  && (extended)) {
                 s = s + "<div class=\"opentreeview\" title=\"Show in Tree Viewer\" onclick=\"treeview_structure('" + substructure.id + "')\"></div>";
             }
+            if ((extended) && (linkselector >= 0)) {
+                //this is actually an editor feature
+                s = s + "<div class=\"linktotarget\" title=\"Link to this annotation\" onclick=\"linktotarget(" + getlinktotarget(substructure, structureelement) + ")\"></div>";
+            }
             s += "</th><td>";
 			s += renderannotation(substructure, false, extended); //renders class
 			s += renderstructure(substructure, false, true, extended);

flat/style/flat.viewer.css

@@ -383,6 +383,15 @@ div.opentreeview {
     min-height: 34px;
     cursor: pointer;
 }
+div.linktotarget {
+    background: url(linktarget.png);
+    background-size: 48px 34px;
+    width: 48px;
+    height: 34px;
+    min-width: 48px;
+    min-height: 34px;
+    cursor: pointer;
+}
 div#document span.seqnr {
     float: left;
     display: inline-block;