iphone navigation
- by Rona
function handleClickEvent(event) {
var linkFrom = $(event.target);
if (typeof linkFrom.attr("href") == 'undefined') {
linkFrom = $(event.target).parent();
}
var targetPage = linkFrom.attr("href");
if (linkFrom.hasClass('submit')) {
handleSubmitEvent(event);
// if we want to stop processing: return false;
}
if (linkFrom.hasClass('backbutton')) {
targetPage = historyStack.pop();
if (historyStack.length == 0) {
lastPage = "index.html";
}
} else {
historyStack.push(lastPage);
}
lastPage = targetPage;
$(event.target).css({
'background-color': '#194fdb',
'color': '#ffffff'
});
loadingWindowON();
// Add new unique div
prevPageId = "page" + pageIdCounter;
pageIdCounter = parseInt(pageIdCounter) + 1
nextPageId = "page" + pageIdCounter;
nextPageDiv = "<div id='" + nextPageId + "' class='nextpage' /></div>";
$("body").append(nextPageDiv);
if (linkFrom.attr("target") != "_blank") {
event.preventDefault();
document.getElementById(nextPageId).addEventListener('webkitAnimationEnd', function () {
// remove prev div
element = document.getElementById(prevPageId);
if (element) {
element.parentNode.removeChild(element);
}
// set next div as current
document.getElementById(nextPageId).className = 'currentpage';
}, false);
document.getElementById(nextPageId).className += ' slideleftIn';
document.getElementById(prevPageId).className += ' slideleftOut';
loadContent(targetPage, nextPageId);
}
I use this javascript with a twitter app I had to do and when I click a button, instead of sliding the new page from the side it adds it to the existing page at the bottom.
It works fine when i open it on my computer using google chrome but when I try to open it with my iphone it doesn't work.
Any ideas?
