Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add http reference extension #10

Open
jpilgrim opened this issue Jun 4, 2017 · 0 comments
Open

Add http reference extension #10

jpilgrim opened this issue Jun 4, 2017 · 0 comments
Assignees

Comments

@jpilgrim
Copy link
Owner

jpilgrim commented Jun 4, 2017

Add extension as described in REQ SPEX-1002 and use this as the reference implementation for generic references as described in REQ SPEX-1001.

Compare with https://github.github.com/gfm/#autolinks and modify spec if it makes sense.

@jpilgrim jpilgrim self-assigned this Jul 2, 2017
jpilgrim added a commit that referenced this issue Jul 3, 2017
jpilgrim added a commit that referenced this issue Jul 3, 2017
jpilgrim added a commit that referenced this issue Jul 8, 2017
jpilgrim added a commit that referenced this issue Jul 15, 2017
jpilgrim added a commit that referenced this issue Jul 15, 2017
jpilgrim added a commit that referenced this issue Jul 22, 2017
This is how FQNs can be used for external links though:
```
<html>
<head>

<script type="text/javascript">

var map = {
	"Section_1": 1,
	"Section_2": 2,
	"Section_3": 3,
	"Section_4": 4
}


var c = "user";
function locationHashChanged(e) { 
		if (c=="user") {
			let res = e.newURL.match(/#(.*)/);
			let hash = res ? res[1] : "";
			if (hash) {
				let redirect = map[hash];
			    if (redirect) {
			    	c = "redirect";
					e.preventDefault();
					e.stopPropagation();
					location.hash = redirect;
					return false;
			    }
			}
		} else {
			c="user";
		}
		return true;	    
}  

window.addEventListener("hashchange", locationHashChanged, true);


</script>




<style>
#container {
	margin-left: auto;
	margin-right:auto;
}
#head {
	border: dotted;
	border-width: 1px;
	height: 50px;
}
#nav {
	border: dotted;
	border-width: 1px;
	width: 200px;
	float: left; 
}
#content {
	border: dotted;
	border-width: 1px;
	min-width: 250px;
	min-height: 400px;
	margin-left: 200px;
	max-height:90%;overflow:auto;
}
</style>
</head>
<body>
<div id="container">
<div id="head">
	<a href="#Section_1">Section 1 with name</a>, 
	<a href="#Section_4">Section 4 with name</a>
</div>
<div id="nav">
	<a href="#1">Section 1</a><br/>
	<a href="#2">Section 2</a><br/>
	<a href="#3">Section 3</a><br/>
	<a href="#4">Section 4</a><br/>
</div>
<div id="content">
	<h1 id="1">Section 1</h1>
	Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
est Lorem ipsum dolor sit amet.
	<h1 id="2">Section 2</h1>
	Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
est Lorem ipsum dolor sit amet.
	<h1 id="3">Section 3</h1>
	Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
est Lorem ipsum dolor sit amet.
	<h1  id="4">Section 4</h1>
	Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
est Lorem ipsum dolor sit amet.
</div>
</div>
</body>
</html>
```
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant