Differences

This shows you the differences between two versions of the page.

--- en:user:gs3_sample_format_statements [2016/10/09 21:01] – [Linking metadata to a search] kjdon
+++ en:user:gs3_sample_format_statements [2016/10/09 22:40] – [adding in new javascript] kjdon
@@ Line 203: / Line 203: @@
   * s1.index=CR   - the index to search in, in this case the CR dc.Creator index.
+===== Using javascript to change the display =====
+As an example of using javascript, we will see how to output the document filesize in a human readable form. For example, instead of displaying "834716 bytes", it will display "815 KB".
+A basic javascript method to do this is the following:
+<code>
+function humanReadableFileSize(bytes)
+{
+    var filesize = bytes + " bytes";
+    if (bytes > 1048576) {
+	filesize = Math.round(bytes / 1048576.0) + " MB";
+    }
+    else if (bytes > 1024) {
+	filesize = Math.round(bytes/1024.0)+ " KB";
+    }
+    return filesize;
+}
+</code>
+So, we have a javascript function, but how do we get it into the page?
+Displaying human readable filesize.
+	<gsf:template match="documentNode">
+	  <td>
+	    <gsf:link type="document">
+	      <gsf:metadata name="dls.Keyword"/>
+	    </gsf:link>
+	  </td>
+	  <td>
+	    <script type="text/javascript">
+   		<xsl:text disable-output-escaping="yes">
+			bytes =</xsl:text><gsf:metadata name="FileSize"/><xsl:text  disable-output-escaping="yes">;
+    			var filesize = bytes + " bytes";
+			if (bytes > 1048576) {
+			filesize = Math.round(bytes / 1048576.0) + " MB";
+			}
+			else if (bytes > 1024) {
+				filesize = Math.round(bytes/1024.0)+ " KB";
+			}
+			document.write(filesize);
+		</xsl:text>
+   	</script>
+  </td>
+	</gsf:template>