Find Something You’ve Lost

CodeMirrorを使ったSPARQLクエリのハイライト表示を試すついでに、実際にSPARQLエンドポイントに投げられるようにしてみた。ソースコードは下にある通りで、とても簡単にブログやサイトに埋め込めることから、サンプルクエリを提示する時に使うのも良いと思う。

<link rel="stylesheet" href="http://codemirror.net/lib/codemirror.css">
<script src="http://codemirror.net/lib/codemirror.js"></script>
<script src="http://codemirror.net/addon/edit/matchbrackets.js"></script>
<script src="http://codemirror.net/mode/sparql/sparql.js"></script>
<style>.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>

<form>Endpoint:<input type="text" size="50" id="epuri"></input><br />
<textarea id="code" name="code"></textarea>
<button type="button" onclick="iq();"><b>Issue Query</b></button></form>
<script>
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
mode: "application/x-sparql-query",
tabMode: "indent",
matchBrackets: true
});
var iq=function(){
  window.location.assign(document.getElementById("epuri").value+"?query="+encodeURIComponent(editor.getValue()));
}
</script>