add quick test for clickable flow chart node with tooltip
This commit is contained in:
parent
b418642359
commit
8db7d73dc0
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue