HTTP/2 302
date: Wed, 23 Jul 2025 23:21:56 GMT
content-type: text/html; charset=utf-8
content-length: 0
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With,Accept-Encoding, Accept, X-Requested-With
location: https://gist.github.com/balupton/858093
cache-control: no-cache
strict-transport-security: max-age=31536000; includeSubdomains; preload
x-frame-options: deny
x-content-type-options: nosniff
x-xss-protection: 0
referrer-policy: origin-when-cross-origin, strict-origin-when-cross-origin
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
server: github.com
set-cookie: _gh_sess=6ESBQSgSFZCi7wKZmT1k0w21xquJUHiLZLG6H5czY8mGUJJNp9OsEEkPUnTm2LoDzB6G7Y31FzhhnXAm9u6A3rQzbNX0HPMWpBYgYtbmy%2BK5Ynqf3WisAJoMugg0lRugoq%2B4uXkjX5Y7XlNSAqWhV%2Bz6gaG11qBAOscqA4eKnIeWTUydULGlW9ona5fJFPI8l1IcqdXSI1z4btry5I97ExdO5KYiBJbx1wCW7EOxXbLsUqpzQDnSuLhg5aT3kyPJlj2pKiO8EaIjgaC9Fvo%2B3w%3D%3D--oETQib2Cv3yAVjwY--sQc0Flj%2BTLx2Qxmo68bjYA%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.354786016.1753312915; Path=/; Domain=github.com; Expires=Thu, 23 Jul 2026 23:21:55 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Thu, 23 Jul 2026 23:21:55 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: D094:3644F0:1144B68:14BEE83:68816E93
HTTP/2 200
date: Wed, 23 Jul 2025 23:21:56 GMT
content-type: text/html; charset=utf-8
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With,Accept-Encoding, Accept, X-Requested-With
etag: W/"f81daa676daf1391688df7af75a9beb8"
cache-control: max-age=0, private, must-revalidate
strict-transport-security: max-age=31536000; includeSubdomains; preload
x-frame-options: deny
x-content-type-options: nosniff
x-xss-protection: 0
referrer-policy: origin-when-cross-origin, strict-origin-when-cross-origin
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
server: github.com
content-encoding: gzip
accept-ranges: bytes
x-github-request-id: D094:3644F0:1144B80:14BEEB7:68816E93
Ajaxify a Website using the HTML4 HashChange Functionality · GitHub
Instantly share code, notes, and snippets.
Created
March 7, 2011 04:58
Star
46
(46 )
You must be signed in to star a gist
Fork
5
(5 )
You must be signed in to fork a gist
Save balupton/858093 to your computer and use it in GitHub Desktop.
Save balupton/858093 to your computer and use it in GitHub Desktop.
Ajaxify a Website using the HTML4 HashChange Functionality
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
( function ( window , undefined ) {
// Prepare our Variables
var
document = window . document ,
$ = window . jQuery ;
// Wait for Document
$ ( window ) . bind ( function ( ) {
// Prepare Variables
var
$content = $ ( '#content' ) ,
$body = $ ( document . body ) ,
rootUrl = document . location . protocol + '//' + ( document . location . hostname || document . location . host ) ;
// Ajaxify our Internal Links
$ . fn . ajaxify = function ( ) {
// Ajaxify internal links
$ ( this ) . find ( 'a[href^="/"],a[href^="' + rootUrl + '"]' ) . unbind ( 'click' ) . bind ( 'click' , function ( event ) {
var $this = $ ( this ) , url = $this . attr ( 'href' ) , title = $this . attr ( 'title' ) || null , relativeUrl = $ ( this ) . attr ( 'href' ) . replace ( rootUrl , '' ) ;
document . location . hash = relativeUrl ;
event . preventDefault ( ) ;
return false ;
} ) ;
// Chain
return this ;
} ;
// Ajaxify Page
$body . ajaxify ( ) ;
// Hook into State Changes
$ ( window ) . bind ( 'hashchange' , function ( ) {
// Prepare
var
relativeUrl = '/' + document . location . hash . replace ( / ^ \/ / , '' ) ,
fullUrl = rootUrl + relativeUrl ;
// Set Loading
$body . addClass ( 'loading' ) ;
// Start Fade Out
$content . fadeOut ( 800 ) ;
// Ajax Request the Traditional Page
$ . get ( url , function ( data ) {
// Find the content in the page's html, and apply it to our current page's content
$content . stop ( true , true ) . show ( ) ;
$content . html ( $ ( data ) . find ( '#content' ) ) . ajaxify ( ) ;
if ( $content . ScrollTo || false ) $content . ScrollTo ( ) ; // https://balupton.com/projects/jquery-scrollto
$body . removeClass ( 'loading' ) ;
// Inform Google Analytics of the change
if ( typeof pageTracker !== 'undefined' ) {
pageTracker . _trackPageview ( relativeUrl ) ;
}
} ) ; // end get
} ) ; // end onStateChange
} ) ; // end onDomLoad
} ) ( window ) ; // end closure
You can’t perform that action at this time.
In reference to: https://github.com/balupton/History.js/wiki/Intelligent-State-Handling