<!DOCTYPE html> <html lang="en"> <head> <link href="dist/yasr.min.css" rel="stylesheet" type="text/css" /> <!-- build:css --> <link rel="stylesheet" href="//localhost/yasgui/yasqe/dist/yasqe.min.css"> <!-- endbuild --> </head> <body> <div id="yasqe"></div> <div id="showcase"></div> <script src="dist/yasr.bundled.min.js"></script> <!-- build:js --> <script src="//localhost/yasgui/yasqe/dist/yasqe.bundled.js"></script> <!-- endbuild --> <script type="text/javascript"> var yasr, yasqe = {}; yasr = YASR(document.getElementById("showcase")); yasqe = YASQE(document.getElementById("yasqe"), { sparql: { showQueryButton: true, } }); /** * Set some of the hooks to link YASR and YASQE */ yasr.options.getUsedPrefixes = yasqe.getPrefixesFromQuery; yasqe.options.sparql.callbacks.complete = yasr.setResponse; if (!yasr.storage.get("yasr_showcase_results")) yasqe.query(); /** * A function to do some quick testing */ function testFile(testFile) { $.get("test/" + testFile, function(data) { yasr.setResponse(data); }); } </script> </body> </html>