diff options
| -rw-r--r-- | spec2md.pl | 2 | ||||
| -rw-r--r-- | template.html | 15 |
2 files changed, 16 insertions, 1 deletions
@@ -12,7 +12,7 @@ while (<STDIN>) { if ($stage == 0) { $example++; print "\n<div class=\"example\" id=\"example-$example\" data-section=\"$section\">\n"; - print "<div class=\"examplenum\"><a href=\"#example-$example\">Example $example</a></div>\n\n"; + print "<div class=\"examplenum\"><a href=\"#example-$example\">Example $example</a> <a class=\"dingus\" title=\"open in interactive dingus\">(interact)</a></div>\n\n"; print "````````````````````````````````````````````````````````` markdown\n"; } elsif ($stage == 1) { print "`````````````````````````````````````````````````````````\n\n"; diff --git a/template.html b/template.html index 0eaf299..b17d285 100644 --- a/template.html +++ b/template.html @@ -47,6 +47,7 @@ pre.html span.space:after { border: 1px solid #666; } div.examplenum { font-size: 82%; text-align: left; } +a.dingus { color: red; } a.footnoteRef > sup:before { content: "["; } @@ -58,6 +59,20 @@ a.footnoteRef > sup { font-size: 100%; } </style> +<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> +<script type="text/javascript"> +$$(document).ready(function() { + $$("div.example").each(function(e) { + var t = $$(this).find('pre.markdown > code').text(); + $$(this).find('a.dingus').click(function(f) { + window.open('/dingus.html?text=' + encodeURIComponent(t)); + }); + }); + $$("pre.markdown").dblclick(function(e) { window.open('/dingus.html?text=' + + encodeURIComponent($$(this).find('code').text())); + }); +}); +</script> </head> <body> $if(title)$ |