ciao ragazzi....
sto testando jquery mobile, ma ho un problema giga...
non riesco a mettere il caricamento fra le pagine... ho già provato di tutto ma non riesco a mettere ne il caricamento della pagina principale ne il caricamento tra pagine interne....
qualcuno sa come si fa?
questo è il codice
grazie mille in anticipo....Codice PHP:
<!DOCTYPE html>
<html>
<head>
<title>Pagine Gialle</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />
<script src="js/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script src="js/jquery.mobile-1.2.0.js"></script>
<script type="text/javascript" src="cordova-2.2.0.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script>
$( document ).delegate("#home", "pageinit", function() {
$.mobile.showPageLoadingMsg("a", "Loading theme a...");
});
$(document).ready(function () {
app.initialize();
$('#classifica').on('pagebeforeshow', function() {
$('#leaderboard').appendTo('#classifica div[data-role="content"]');
});
$('#profile').on('pagebeforeshow', function() {
$('#playerProfile').appendTo('#profile div[data-role="content"]');
});
$('#attivita').on('pagebeforeshow', function() {
$('#activities').appendTo('#attivita div[data-role="content"]');
});
});
</script>
</head>
<body>
<div class="app">
<div id="deviceready">
<div class="bv_headerTab" bv_options='{"offset":0,"position":"top right","zIndex":9999,"playerMetaOptions":["avatar","trophy","display_name","notifications","points"]}' style=""></div>
<div data-role="page" id="home">
<div data-role="header" data-theme="a" data-tap-toggle="false" data-position="fixed">
<h1>Pagine Gialle</h1>
</div>
<div data-role="content">
Contenuto
<p id="geolocation">Finding geolocation...</p>
</div>
<div data-role="footer" data-tap-toggle="false" data-theme="a" data-position="fixed">
<div data-role="navbar" class="custom-navbar">
<ul>
[*][url="#classifica"]Classifica[/url]
[*][url="#profile"]Profile[/url]
[*][url="#attivita"]Attività[/url]
[/list]
</div>
</div>
</div>
<div data-role="page" id="classifica">
<div data-role="header" data-tap-toggle="false" data-theme="a" data-position="fixed">
<h1>Classifica</h1>
[url="#home"]Back[/url]
</div>
<div data-role="content">
<div id="mapcontainer"></div>
</div>
</div>
<div data-role="page" id="profile">
<div data-role="header" data-theme="a" data-tap-toggle="false" data-position="fixed">
<h1>Login</h1>
[url="#home"]Back[/url]
</div>
<div data-role="content" >
</div>
</div>
<div data-role="page" id="attivita">
<div data-role="header" data-theme="a" data-tap-toggle="false" data-position="fixed">
<h1>Login</h1>
[url="#home"]Back[/url]
</div>
<div data-role="content">
</div>
</div>
</div>
</div>
<div style="position:absolute; margin-left:-9999px; width:0px; height:0px; overflow:hidden; visibility:hidden;">
<div id="leaderboard">
<div class="bv_leaderboard" bv_options='{"per_page":10,"name":"week"}'></div>
</div>
<div id="playerProfile">
<div class="bv_playerProfile" bv_options='{"showActivities":false,"showRewards":true}' style=""></div>
</div>
<div id="activities">
<div class="bv_activities"></div>
</div>
</div>
</body>
</html>
Rispondi quotando
