Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.
COURSE of the MONTH
12 days, 22 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
Getting HTML5 history to work locally
Posted on 2014-02-28
I have the following HTML5 code I got from this page: http://html5.gingerhost.com/seattle
I downloaded the code and tried to get it working locally but haven't had any success. Here is the error:
SecurityError: The operation is insecure.
file:///C:/Users/miles.wil
Line 86
history.pushState(page_to_
Is there anyway to get this to work locally? I'm using FF browser.
I downloaded the code and tried to get it working locally but haven't had any success. Here is the error:
SecurityError: The operation is insecure.
file:///C:/Users/miles.wil
Line 86
history.pushState(page_to_
Is there anyway to get this to work locally? I'm using FF browser.
<br/>
<ul id="menu" class="clearfix">
<li class="current"><a href="/">Home</a></li>
<li><a href="seattle">Seattle</a></li>
<li><a href="new-york">New York</a></li>
<li><a href="london">London</a></li>
</ul>
<br/>
<script>
// THIS IS WHERE THE MAGIC HAPPENS
$(function() {
$('nav a').click(function(e) {
$("#loading").show();
href = $(this).attr("href");
loadContent(href);
// HISTORY.PUSHSTATE
history.pushState('', 'New URL: '+href, href);
e.preventDefault();
});
// THIS EVENT MAKES SURE THAT THE BACK/FORWARD BUTTONS WORK AS WELL
window.onpopstate = function(event) {
$("#loading").show();
console.log("pathname: "+location.pathname);
};
});
</script>
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
1 Comment
Active 1 day ago
From https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history :
You are not working thru a web browser since the error URL starts with file:///C:/Users/miles.wil
If you put your code on a web server, it might start working. It at the very least will not have that particular error message.
A complicated document about browser security and restrictions: http://code.google.com/p/browsersec/wiki/Part2
The new URL can be any URL in the same origin as the current URL.
You are not working thru a web browser since the error URL starts with file:///C:/Users/miles.wil
If you put your code on a web server, it might start working. It at the very least will not have that particular error message.
A complicated document about browser security and restrictions: http://code.google.com/p/browsersec/wiki/Part2
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
This article discusses the difference between strict equality operator and equality operator in JavaScript.
The Need:
Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page.
Reference your jQuery libraries: (CODE)
Include your new external js/jQuery file: (CODE)
Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles.
Reference your jQuery libraries:
(CODE)
Include your new external js/jQuery file:
(CODE)
Write your first lines of code to setup your site for jQuery…
Suggested Courses
Course of the Month12 days, 22 hours left to enroll
777 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.