Notice: In order to edit this ticket you need to be either: a Product Owner, The owner or the reporter of the ticket, or, in case of a Task not yet assigned, a team_member"

Task #9593 (new)

Opened 7 years ago

Last modified 4 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 4 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.

1.3.13-PRO © 2008-2011 Agilo Software all rights reserved (this page was served in: 0.77464 sec.)

We're Hiring!