sverweij
commented
7 years ago You can use the <script> tag for this. You can use the same data-* attributes as in other elements.
Could you try and see if that covers your needs?
<!DOCTYPE html>
<html>
<head>
<meta content='text/html;charset=utf-8' http-equiv='Content-Type'>
<script src='https://sverweij.github.io/mscgen_js/mscgen-inpage.js' defer></script>
</head>
<body>
<p>
There's a sequence chart below this line.
</p>
<hr>
<script type="text/x-mscgen">
msc {
wordwraparcs=true;
bw [label="BlueWeb"],
ci [label="Check-in groups API"],
as [label="ancillary shop API"];
bw =>> ci [label="check in"];
ci >> bw [label="check in response (including link to ancillary shop)"];
bw =>> as [label="GET shop"];
bw alt as [label="seatmap available"] {
as >> bw [label="shop response\n link to seatmap"];
bw =>> as [label="GET seatmap"];
bw rbox bw [label="render seatmap"];
--- [label="no seatmap available"];
as >> bw [label="shop response\nNO link to a seatmap"];
bw rbox bw [label="tell customer seatmap is not available (or just don't show the seatmap)"];
};
}
</script>
<hr>
<p>
There's a sequence chart above this line.
</p>
</body>
</html>
daledude
I have some graphs that are kind of complicated and big. I currently see the msc code before the graph is completed. It would be nice to have the ability to set an option to hide the raw graph code and then display after graph is completed.
A javascript function that I can set, possibly via data- attribute, to be called by mscgen_js after it finished creating the graph so I can change the "display" css from "none" or a data- attribute to set option to initially hide. Maybe even a simple "loading" displayed in the center.