Skip to content

Instantly share code, notes, and snippets.

@pom421

pom421/focus.html

Last active August 28, 2019 22:46
Show Gist options
  • Save pom421/acbc40fe3d84f049ee20885c69052b0f to your computer and use it in GitHub Desktop.
Save pom421/acbc40fe3d84f049ee20885c69052b0f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
focus.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<span id="anchor" tabindex="-1" style="outline: none"></span>
<div id="page1" style="display: none">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis, quia. Tempora illo dolores magni numquam nostrum dolor minus odio, ratione, non sequi unde asperiores excepturi ullam alias sed accusantium optio?
</p>
<button>Bouton 1</button>
</div>
<div id="page2">
<p>
Bla bla bli bla bla bla, Bla bla bli bla bla bla, Bla bla bli bla bla bla, v, Bla bla bli bla bla b, Bla bla bli bla bla bla, Bla bla bli bla bla bla.
</p>
<button>Bouton 2</button>
</div>
<br>
<footer>
<a href="http://">Lien 1</a>
<a href="http://">Lien 2</a>
</footer>
<script>
setTimeout(() => {
document.querySelector("#page1").style.display = "block"
document.querySelector("#page2").style.display = "none"
document.querySelector("#anchor").focus()
}, 2000)
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment