Task #9593 (new)
Opened 7 years ago
Last modified 3 years ago
DOC: ome.plateview.js
| Reported by: | cneves | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | Unscheduled |
| Component: | Documentation | Version: | n.a. |
| Keywords: | n.a. | Cc: | web-team@… |
| Resources: | n.a. | Referenced By: | n.a. |
| References: | n.a. | Remaining Time: | n.a. |
| Sprint: | n.a. |
Description
After adding some documentation on the javascript source file for the plateview widget (see https://github.com/cneves/openmicroscopy/tree/doc/plateview ) I also have a minimal HTML example that should be put somewhere, I'm just not sure where:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
{% comment %}
/**
* Copyright (c) 2012 Glencoe Software, Inc. All rights reserved.
*
* This software is distributed under the terms described by the LICENCE file
* you can find at the root of the distribution bundle, which states you are
* free to use it only for non commercial purposes.
* If the file is missing please request a copy by contacting
* jason@glencoesoftware.com.
*/
{% endcomment %}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Plate View Test</title>
<link rel="stylesheet" type="text/css" href="/static/webgateway/css/ome.plateview.css" media="all" />
<script type="text/javascript" src="/static/3rdparty/jquery-1.7.2.js"></script>
<script type="text/javascript" src="/static/webgateway/js/ome.gs_utils.js"></script>
<script type="text/javascript" src="/static/webgateway/js/ome.plateview.js"></script>
</head>
<body>
<h1>Plate View Test</h1>
<div id="plate"></div>
<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function () {
var count = 1;
var plate = $.WeblitzPlateview('#plate', {'baseurl': ''});
//$(plate).data('noFocus', true); // Uncomment to prevent the focus css class to be added
plate.self.bind('thumbClick', function(ev, tdata, elm) {
plate.setFocus($(elm));
alert("Image ID: " + tdata.newid);
});
plate.self.bind('thumbLoad', function(ev, container, elm) {
// container is the <td> around the thumb
// elm is the <img> for the thumb
});
plate.self.bind('thumbNew', function(ev, tdata, elm) {
tdata.newid = tdata.id + " #" + count++ + " @" + tdata._wellpos;
});
plate.load(1,0); // Field 0 of plate #1
});
/* ]]> */
</script>
</div>
</body>
</html>
Change History (1)
comment:1 Changed 3 years ago by jamoore
- Milestone changed from 5.x to Unscheduled
Note: See
TracTickets for help on using
tickets.
You may also have a look at Agilo extensions to the ticket.
