Ilovexm24/www/index.html

417 lines
17 KiB
HTML
Raw Normal View History

2017-03-05 17:31:47 +01:00
<!DOCTYPE html>
<!--
Licensed to the Apache Software Foundation (ASF) under one
or more contributor license agreements. See the NOTICE file
distributed with this work for additional information
regarding copyright ownership. The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
-->
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<!--meta http-equiv="Content-Security-Policy" content="default-src * 'self' gap: ; frame-src * 'self' gap: http: ; style-src * 'self' 'unsafe-inline' 'unsafe-eval'; script-src * 'self' 'unsafe-inline' 'unsafe-eval'; " /-->
<link rel="stylesheet" type="text/css" href="css/index.css" />
<title>I love xm24</title>
<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.4.5.min.css" />
<script src="js/vendor/jquery-1.10.2.min.js"></script>
<!--script src="js/swipe-page.js"></script-->
<script src="js/main.js"></script>
<script src="js/vendor/jquery.mobile-1.4.5.min.js"></script>
<script src="js/vendor/xml2json.js"></script>
<script src="js/events.js"></script>
2017-03-05 17:31:47 +01:00
<script type="text/javascript" src="cordova.js"></script>
2017-03-07 08:40:45 +01:00
<script src="js/vendor/push.js"></script>
2017-03-05 17:31:47 +01:00
<script type="text/javascript">
$(document).on("mobileinit", function () {
$("body").pagecontainer({
defaults: true
});
$(".ui-loader").loader({
defaults: true
});
$("input").button();
});
$(document).on("pagecontainerchange", function () {    
var current = $(".ui-page-active").prop("id");     // Remove active class from nav buttons
    
console.log("current" + current);
$("[data-role='navbar'] a.ui-btn-active").removeClass("ui-btn-active");     // Add active class to current nav button
    
$("[data-role='navbar'] a").each(function () {
var href = $(this).prop("href");        
if (href.indexOf(current, href.length - current.length) !== -1) {            
$(this).addClass("ui-btn-active");        
}    
});
});
$(document).on("pagecreate", function () {
$("body > [data-role='panel']").panel();
$("body > [data-role='panel'] [data-role='listview']").listview();
$("body > [data-role='header']").toolbar();
$("body > [data-role='footer']").toolbar();
$("body > [data-role='navbar']").navbar();
$("#navfooter").navbar();
postInList();
});
/*per inizio navigazione*/
var Site = function () {
this.homepage = "#index"; // the default page that is loaded
this.init();
};
Site.prototype.init = function () {
var self = this;
$(document).ready(function () {
// default page if no hash given
// this changes the hash, so the event is fired
// no need to call self.navigate
window.location.hash = self.homepage;
});
};
// On document ready
$(function () {
intercettaUrl();
new Site();
$(".minibox").click(function () {
});
});
</script>
</head>
<body>
<!--panel -->
<div data-role="panel" data-position="right" id="outside" data-theme="a" data-position-fixed="true" data-display="overlay" data-swipe-close="true">
2017-03-06 16:05:10 +01:00
<p><img src="image/xm-logo.png" class="rwd" /></p>
2017-03-05 17:31:47 +01:00
<ul data-role="listview">
2017-03-05 18:05:38 +01:00
<li><a class="nav" href="#ilove">I love XM24</a></li>
2017-03-05 17:31:47 +01:00
<li><a class="nav" href="#info">Info</a></li>
<li>
<input type="text" class="cerca" value="" placeholder="Cerca" data-clear-btn="true" />
</li>
<li>
<button onclick="cerca();" class="ui-btn ui-corner-all">Cerca su tutto il sito</button>
</li>
<hr/>
<li data-icon="mail"><a href="mailto:info@digitigrafo.it" onclick="segnalaBug();">Hey, non mi funziona!</a></li>
</ul>
</div>
<!--footer -->
<div data-position="fixed" id="navfooter" data-role="footer" data-theme="b" role="contentinfo" class="hide ui-footer ui-bar-a ui-footer-fixed slideup">
<ul>
<!--li><a href="#">&#60; precedente</a></li-->
<li><a data-rel="back" href="#" data-ajax="false"><h3>BACK</h3></a></li>
<!--li><a href="#">successiva &#62;</a></li-->
</ul>
</div>
<!--/navbar -->
<div data-role="header" data-position="fixed" id="navheader" class="hide">
<div data-role="navbar" id="nav2" data-iconpos="left" data-theme="a">
<ul class="downnav">
<li><a class="ui-mini nav" href="#index">home</a> </li>
<li><a class="ui-mini" href="#outside">MENù</a> </li>
</ul>
</div>
</div>
<!-- /header -->
2017-03-05 18:05:38 +01:00
2017-03-05 17:31:47 +01:00
<div data-role="page" id="index" data-dom-cache="true" data-theme="a" class="ui-page">
2017-03-06 16:05:10 +01:00
<center><p><img src="image/xm-logo.png" class="rwd" /></p>
2017-03-05 18:05:38 +01:00
<ul data-role="listview" data-inset="true">
<li>
<a class="nav" href="#ilove">
<img src="./image/ilovexm24_puzzle-300x300.jpg" class="ui-li-thumb">
<h2>I love XM24</h2>
<p>Bla blabla</p>
<!--p class="ui-li-aside">iOS</p-->
</a>
</li>
<li>
<a class="nav" href="#info">
2017-03-06 16:05:10 +01:00
<img src="./image/xm24-particolare2.jpeg" class="ui-li-thumb">
2017-03-05 18:05:38 +01:00
<h2>Info e comunicati</h2>
<p>Bla Bla blabla</p>
<!--p class="ui-li-aside">BlackBerry</p-->
</a>
</li>
<li>
<a class="nav" href="#events">
<img src="./image/xm24-particolare2.jpeg" class="ui-li-thumb">
<h2>Eventi</h2>
<p>Bla Bla blabla</p>
</a>
</li>
2017-03-05 18:05:38 +01:00
</ul>
2017-03-06 16:05:10 +01:00
</center>
2017-03-05 17:31:47 +01:00
<!--a class="minibox orange nav" href="#eventi"> Eventi</a>
<a class="minibox green nav" href="#lab"> Laboratori</a>
<a class="minibox green nav" href="#ultime"> News</a>
<a class="minibox green nav" href="#tag"> Tag</a>
<a class="minibox blue nav" href="#quotidiano"> Un post a caso</a-->
2017-03-05 18:05:38 +01:00
<br/ style="clear:both;">
2017-03-05 17:31:47 +01:00
<div id="aggiornahome">Aggiorna i contenuti dal sito XM24 di tanto in tanto.
<br/> Per iniziare da capo e riscaricare tutti i contenuti clicca su reset. </p>
<center>
2017-03-06 16:05:10 +01:00
<img src="./image/ilovexm24_puzzle-300x300.jpg" width="50px" id="aggiorna" />
2017-03-05 17:31:47 +01:00
<fieldset class="ui-grid-a">
<div class="ui-block-a">
<input value="Aggiorna" data-theme="a" type="Submit" onclick="checkAndUpdate();" id="aggiorna2">
</div>
<div class="ui-block-b">
<input value="Reset" data-theme="b" type="Reset" onclick="checkAndReset();" id="resetta">
</div>
</fieldset>
</div>
<div data-role="popup" id="benvenuta" data-dismissible="false">
<p>Questa è la prima volta che apri l'app I LOVE XM, aspetta un minuto che si scarichi i contenuti dal sito. POi ricordati di tanto in tanto di andare nella sezione Aggiorna!
<p><img class="gifloader" src="./image/ajax_loader_red_512.gif" /></p>
</p>
<input type="button" value="OK" onclick='$("#benvenuta").popup("close");alterContent(#info);' />
</div>
2017-03-05 18:05:38 +01:00
</div>
2017-03-05 17:31:47 +01:00
</div>
<div data-role="page" id="events" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera">EVENTI</p>
<p id="mostralista" class="listatovirgole listevoci">
<img class="gifloader" src="./image/ajax_loader_red_512.gif" />
</p>
</div>
<!-- chiude body-->
</div>
<!--chiude content -->
2017-03-05 17:31:47 +01:00
</div>
<div data-role="page" id="ilove" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera">IO AMO XM</p>
<p id="mostralista" class="listatovirgole listevoci">
<img class="gifloader" src="./image/ajax_loader_red_512.gif" />
</p>
</div>
<!-- chiude body-->
</div>
<!--chiude content -->
</div>
<!-- chiude pagina -->
<div data-role="page" id="info" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera">Info e comunicati</p>
<p id="mostralistainfo" class="listatovirgole listevoci">
<img class="gifloader" src="./image/ajax_loader_red_512.gif" />
</p>
</div>
<!-- chiude body-->
</div>
<!--chiude content -->
</div>
<!-- chiude pagina -->
<div data-role="page" id="quotidiano" data-transition="slide" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body"><img onclick='myJsonRandomPost("#titolosingleR", "#mostracontentsingleR");' src="./image/RICARICA.png" style="float:right;width:80px;cursor:pointer;" />
<p class="introlettera">Un diritto al giorno:</p>
<p id="mostrapostrandom">
<p class="introlettera" id="titolosingleR"></p>
<p id="mostracontentsingleR" class="listatovirgole"><img class="gifloader" src="./image/ajax_loader_red_512.gif" /></p>
</div>
<!-- chiude body-->
</div>
<!--chiude content -->
</div>
<!-- chiude pagina -->
<!--div data-role="page" id="aggiorna" data-transition="slide" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera" id="">Aggiornamenti</p>
<p>
Aggiorna i contenuti dal sito XM24 di tanto in tanto.
<br/> Per iniziare da capo e riscaricare tutti i contenuti clicca su reset. </p>
<center>
<img src="./image/icona_aggiorna.png" id="aggiorna" />
<fieldset class="ui-grid-a">
<div class="ui-block-a">
<input value="Aggiorna" data-theme="a" type="Submit" onclick="checkAndUpdate();" id="aggiorna2">
</div>
<div class="ui-block-b">
<input value="Reset" data-theme="b" type="Reset" onclick="checkAndReset();" id="resetta">
</div>
</fieldset>
</center>
<p id="boxdata" style="display:none;">I tuoi diritti sono stati aggiornati l'ultima volta il <span id="datadiritti">2016/07/18</span> alle <span id="datadirittiora">00:00</span>.</p>
<img src="image/icona_aggiorna.gif" style="visibility:hidden;" id="aggiornamento" />
</div>
</div>
</div>
chiude pagina -->
<div data-role="page" id="singleQpost" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera" id="titolosingle"></p>
<p id="mostracontentsingle">
<img class="gifloader" src="./image/ajax_loader_red_512.gif" />
</p>
<script>
//funzione carica pagina
</script>
</div>
<!-- chiude body-->
</div>
<!--chiude content -->
</div>
<!-- chiude pagina -->
<div data-role="page" id="ultime" data-transition="slide" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera">ultime novità</p>
<p id="mostralistaultime" class="listatovirgole listevoci">
<img class="gifloader" src="./image/ajax_loader_red_512.gif" />
</p>
</div>
<!-- chiude body-->
</div>
<!--chiude content -->
</div>
<!-- chiude pagina -->
<div data-role="page" id="tag" data-transition="slide" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera">Naviga per tag</p>
<p id="mostralistaTag" class="listatovirgole">
<img class="gifloader" src="./image/ajax_loader_red_512.gif" />
</p>
<script>
// D
</script>
</div>
<!-- chiude body-->
</div>
<!--chiude content -->
</div>
<!-- chiude pagina -->
<div data-role="page" id="posttag" data-transition="slide" data-prev="" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera">TAG:</p>
<p class="introlettera" id="tagtitle"></p>
<p id="tagpostlist" class="listatovirgole listevoci">
<img class="gifloader" src="./image/ajax_loader_red_512.gif" />
</p>
</div>
<!-- chiude body-->
</div>
<!--chiude content -->
</div>
<!-- chiude pagina -->
<div data-role="page" id="ricerca" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera">Risultati della ricerca</p>
<p class="listresult listatovirgole listevoci">
</div>
<div data-role="popup" id="aggiornaora" data-dismissible="false">
<p>Questa voce è nuova ed è disponibile online. Aggiorna ora gli articoli locali della tua app:</p>
<input type="button" value="OK" onclick='$( "#aggiornaora" ).popup( "close" );update();alterContent("#info")' />
</div>
<!-- chiude body-->
</div>
<!--chiude content -->
</div>
<!-- chiude pagina -->
2017-03-10 16:30:05 +01:00
<div data-role="page" id="alert" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body" style="text-align: center">
<p><img src="image/xm-logo.png" class="rwd" /></p>
<h1 class="introlettera" id="alert-title"></h1>
<h2 id="alert-message"></h2>
<!--<button onclick="spengimi()" id="spegni-musica">Ferma Musica</button>-->
2017-03-10 16:30:05 +01:00
</div>
<!-- chiude body-->
</div>
<!--chiude content -->
</div>
<!-- chiude pagina -->
2017-03-05 17:31:47 +01:00
</body>
</html>