Skip to content

Instantly share code, notes, and snippets.

@dineshmm23

dineshmm23/get_html_file.js

Forked from gengns/get_html_file.js
Created May 26, 2020 16:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dineshmm23/e991bfc00f1430658d6001692fc41a7d to your computer and use it in GitHub Desktop.
Save dineshmm23/e991bfc00f1430658d6001692fc41a7d to your computer and use it in GitHub Desktop.
Download ZIP
Get a local html file to insert into your Cordova Single Page Application
Raw
get_html_file.js
/**
Get local html files (views/widgets) to insert into your SPA
@param path ex:
path = 'file:///android_asset/www/view/page.html'
@param success
@param failure
*/
function get_html_file(path, success, failure) {
const xhr = new XMLHttpRequest()
xhr.open('GET', path)
xhr.onload = () => {
if (xhr.status == 200)
success(xhr.response)
else if (failure)
failure(xhr.status)
}
xhr.send()
}
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="container"></div>
</body>
<script src="js/get_html_file.js"></script>
<script src="js/page.js"></script>
</html>
Raw
page.html
<div id="page">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
Raw
page.js
/*
@file page.js
@description View
*/
const page = (() => {
function load() {
get_html_file('file:///android_asset/www/view/page.html', data => {
document.querySelector('#container').innerHTML = data
})
}
return {
load: load
}
})()
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment