LaurensRietveld/README.md

## README.md

      
    Raw
  

              README.md
            
          
    In some use cases, it is useful to fetch the YASQE configuration from an external URL.
This allows you to e.g. fetch the shown YASQE query from an externally hosted page. This might be interesting when you've published your SPARQL queries in separate files as part of your documentation, and you would like to use YASQE as a means of accessing it.
This example gist does exactly that: when a 'queryRef' URL parameter is passed, it fetches the YASQE query with an asynchronous call from the URL.

  
## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Parsing URL arguments for YASQE</title>
  <link href='http://cdn.jsdelivr.net/yasqe/2.0/yasqe.min.css' rel='stylesheet' type='text/css'/>
</head>
<body>
  <div id="yasqe"></div>

  <!-- include three libs in 1 request (see https://github.com/jsdelivr/jsdelivr#url-structure for more info) -->
  <script src="http://cdn.jsdelivr.net/g/jquery@1.11.1,codemirror@4.5.0,yasqe@2.0"></script>
  <script src="yasqeInit.js"></script>
</body>

## yasqeInit.js
var consumeUrl = function(yasqe, args) {
	//change query and endpoint value if there are any
	if (args.query) yasqe.setValue(args.query);
	if (args.endpoint) yasqe.options.sparql.endpoint = args.endpoint;

	//want to consume other arguments such as the request type (POST/GET), or arguments to send to endpoint
	//feel free to add them in this function as well.
	//as you see, all options you can specify in the default settings, are configurable via yasqe.options as well

	//Or, if you want to configure yasqe via a remote url (e.g. a query in some file elsewhere),
	//feel free to do so!
	//This example uses a cors proxy to access a github file containing a query
	if (args.queryRef) $.get(args.queryRef, function(result){yasqe.setValue(result);});
};

var yasqe = YASQE(document.getElementById("yasqe"), {
	sparql: {
		showQueryButton: true
	},
	consumeShareLink: consumeUrl
});
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Parsing URL arguments for YASQE</title>
	<link href='http://cdn.jsdelivr.net/yasqe/2.0/yasqe.min.css' rel='stylesheet' type='text/css'/>
	</head>
	<body>
	<div id="yasqe"></div>

	<!-- include three libs in 1 request (see https://github.com/jsdelivr/jsdelivr#url-structure for more info) -->
	<script src="http://cdn.jsdelivr.net/g/jquery@1.11.1,codemirror@4.5.0,yasqe@2.0"></script>
	<script src="yasqeInit.js"></script>
	</body>
	var consumeUrl = function(yasqe, args) {
	//change query and endpoint value if there are any
	if (args.query) yasqe.setValue(args.query);
	if (args.endpoint) yasqe.options.sparql.endpoint = args.endpoint;

	//want to consume other arguments such as the request type (POST/GET), or arguments to send to endpoint
	//feel free to add them in this function as well.
	//as you see, all options you can specify in the default settings, are configurable via yasqe.options as well

	//Or, if you want to configure yasqe via a remote url (e.g. a query in some file elsewhere),
	//feel free to do so!
	//This example uses a cors proxy to access a github file containing a query
	if (args.queryRef) $.get(args.queryRef, function(result){yasqe.setValue(result);});
	};

	var yasqe = YASQE(document.getElementById("yasqe"), {
	sparql: {
	showQueryButton: true
	},
	consumeShareLink: consumeUrl
	});