marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-11-16 18:54:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

add quick test for clickable flow chart node with tooltip

Browse Source
This commit is contained in:
Thomas LEVEIL
2017-12-03 03:45:55 +01:00
parent b418642359
commit 8db7d73dc0
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
dist/index.html vendored
View File

@@ -14,6 +14,8 @@ B --> C{Let me think}
C -->|One| D[Laptop] C -->|One| D[Laptop]
C -->|Two| E[iPhone] C -->|Two| E[iPhone]
C -->|Three| F[Car] C -->|Three| F[Car]
click A "index.html#link-clicked" "link test"
click B testClick "click test"
</div> </div>
<hr/> <hr/>
@@ -101,5 +103,18 @@ Class08 <--> C2: Cool label
<script> <script>
mermaid.initialize({startOnLoad: true, theme: 'forest'}); mermaid.initialize({startOnLoad: true, theme: 'forest'});
</script> </script>
<script>
function testClick(nodeId) {
console.log("clicked", nodeId);
var originalBgColor = document.querySelector('body').style.backgroundColor;
document.querySelector('body').style.backgroundColor = 'yellow';
setTimeout(function() {
document.querySelector('body').style.backgroundColor = originalBgColor;
}, 100);
}
</script>
</body> </body>
</html> </html>