javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 15:07:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

starting ajax stuff

Browse Source
This commit is contained in:
Adam Bradley
2013-08-23 15:59:32 -05:00
parent 246f33e568
commit 1542f75908
4 changed files with 71 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@ -1,2 +1,6 @@
native-examples
Framework!
===============
python -m SimpleHTTPServer 8000
http://localhost:8000/example/

22
example/buttons.html
View File

@ -4,13 +4,17 @@
<link rel="stylesheet" href="../dist/framework-theme-default.css">
</head>
<body>
<header class="bar-header">
<a class="button-prev" data-previous="true" href="#">
<a class="button-prev" data-history-go="-1" href="#">
Previous
</a>
<h1 class="title">Willkommen!</h1>
</header>
<div class="content">
<main>
<p>
<a class="button button-default" href="grid.html">Grid</a>
</p>
@ -20,9 +24,17 @@
<p>
<a class="button button-secondary" href="index.html">Home</a>
</p>
</div>
<footer class="bar-footer">
</footer>
</main>
<footer class="bar-footer"></footer>
<script id="framework-globals" type="text/globals">
asdfasf
</script>
<script src="../js/jquery/jquery-1.10.2.js"></script>
<script src="../js/framework/framework-utilities.js"></script>
<script src="../js/framework/framework-navigation.js"></script>

72
js/framework/framework-navigation.js
View File

@ -19,42 +19,49 @@
// A link has been clicked
function linkClick(e) {
var
target = e.target,
href = target.getAttribute("href");
// data-previous="true"
// shortcut if they just want to go to the previous page
if(target.dataset.previous === "true") {
window.history.back();
return preventDefault(e);
}
// if they clicked a link while scrolling don't nav to it
if(framework.isScrolling || href === "#") {
return preventDefault(e);
if(framework.isScrolling) {
e.preventDefault();
return false;
}
var
target = e.target;
// data-history-go="-1"
// shortcut if they just want to use window.history.go()
if(target.dataset.historyGo) {
window.history.go( parseInt(target.dataset.historyGo, 10) );
e.preventDefault();
return false;
}
// only intercept the nav click if they're going to the same domain
if (location.protocol === target.protocol && location.host === target.host) {
// this link is an anchor to the same page
if(href.indexOf("#") === 0) {
hashLinkClick(target, href);
if(target.getAttribute("href").indexOf("#") === 0) {
hashLinkClick(target);
} else {
pageLinkClick(target, href);
pageLinkClick(target);
}
return preventDefault(e);
e.preventDefault();
return false;
}
}
// they are navigating to another URL within the same domain
function pageLinkClick(target, href) {
console.log("pageLinkClick, get:", href);
function pageLinkClick(target) {
console.log("pageLinkClick, get:", target.href);
push({
url: target.href
});
}
// they are navigation to an anchor within the same page
function hashLinkClick(target, href) {
console.log("hashLinkClick, get:", href);
function hashLinkClick(target) {
console.log("hashLinkClick, get:", target.href);
}
function touchEnd(e) {
@ -65,9 +72,28 @@
}
function preventDefault(e) {
e.preventDefault();
return false;
function push(options) {
framework.isRequesting = true;
var xhr = new XMLHttpRequest();
xhr.open('GET', options.url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if(xhr.status === 200) {
successRequest(xhr, options);
} else {
failedRequest(options.url);
}
}
};
xhr.send();
}
function successRequest(xhr, options) {
framework.isRequesting = false;
}
function failedRequest(options) {
framework.isRequesting = false;
}
framework.on("ready", function(){

0
js/framework/framework-page.js Normal file
View File