Is it possible to make parts of the sequence diagrams hyperlinkable?

[pkanthi]

Currently the Sequence diagram generated is pretty static and only good for rendering purposes. To make it interactive, it would be good to allow hyperlinks in the grammar.

[gasparch]

It is SVG, we can put JS handlers over it, no? It will require some classes on elements, tho

[Chetabahana]

We can do hyperlinked and coloring as well like this

function trydrawSVG(val) {
    try {
         ....
    }catch(err) {
         ....
     } finally {
     //to be executed regardless of the try / catch result
    checkReady();
 }

 function checkReady() {

    var svg = $('.diagram').find('svg')[0];
    if (!svg) {
        setTimeout(function(){ checkReady(); }, 300);
    } else { 

        var svgobj = svg.children;
        for (i = 0; i < svgobj.length; i++) {
        element = svgobj[i];
        element.style = "cursor: pointer;";

        $(element).mouseover(function(evt){
        $(this).hide(100).show(100)
        });

        $(element).click(function(evt){
            $(this).find('rect').css({ fill: 'yellow' });
          if($(this).attr("class") == "signal"){
             window.open('https://www.google.com/')
          }
        });

     }       
    }

  } 

You can check also how it runs hyperlinkable and color filled in jsFiddle https://jsfiddle.net/chetabahana/f7ejxhnk/35/

• Click a box will turn its color to yellow
• Click an arrow will open Google site