index.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375
  1. <!DOCTYPE html>
  2. <!--
  3. Licensed to the Apache Software Foundation (ASF) under one
  4. or more contributor license agreements. See the NOTICE file
  5. distributed with this work for additional information
  6. regarding copyright ownership. The ASF licenses this file
  7. to you under the Apache License, Version 2.0 (the
  8. "License"); you may not use this file except in compliance
  9. with the License. You may obtain a copy of the License at
  10. http://www.apache.org/licenses/LICENSE-2.0
  11. Unless required by applicable law or agreed to in writing,
  12. software distributed under the License is distributed on an
  13. "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  14. KIND, either express or implied. See the License for the
  15. specific language governing permissions and limitations
  16. under the License.
  17. -->
  18. <html>
  19. <head>
  20. <meta charset="utf-8" />
  21. <meta name="format-detection" content="telephone=no" />
  22. <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
  23. <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" />
  24. <!--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'; " /-->
  25. <title>I love xm24</title>
  26. <link rel="stylesheet" type="text/css" href="css/index.css" />
  27. <link rel="stylesheet" type="text/css" href="css/toastr.css" />
  28. <link rel="stylesheet" href="css/themes/default/jquery.mobile-1.4.5.min.css" />
  29. <script type="text/javascript" src="js/vendor/jquery-1.10.2.min.js"></script>
  30. <script type="text/javascript" src="js/vendor/jquery.mobile-1.4.5.min.js"></script>
  31. <script type="text/javascript" src="js/vendor/xml2json.js"></script>
  32. <script type="text/javascript" src="js/vendor/toastr.js"></script>
  33. <script type="text/javascript" src="js/vendor/moment.min.js"></script>
  34. <!--script src="js/swipe-page.js"></script-->
  35. <script type="text/javascript" src="js/main.js"></script>
  36. <script type="text/javascript" src="js/update.js"></script>
  37. <script type="text/javascript" src="js/query.js"></script>
  38. <script type="text/javascript" src="js/eventsCRUD.js"></script>
  39. <script type="text/javascript" src="js/events.js"></script>
  40. <script type="text/javascript" src="js/push.js"></script>
  41. <script type="text/javascript" src="js/share.js"></script>
  42. <script type="text/javascript" src="cordova.js"></script>
  43. </head>
  44. <body>
  45. <!--panel -->
  46. <div data-role="panel" data-position="right" id="outside" data-theme="a" data-position-fixed="true" data-display="overlay" data-swipe-close="true">
  47. <p><img src="image/ilovexm24_puzzle-300x300.jpg" class="panel_logo" /></p>
  48. <ul data-role="listview">
  49. <li><a class="nav" href="#info">Home</a></li>
  50. <li><a class="nav" href="#ilove">I love XM24</a></li>
  51. <li><a class="nav" href="#events">Eventi</a></li>
  52. <li><a class="nav" href="#about">About</a></li>
  53. <li>
  54. <input type="text" class="cerca" value="" placeholder="Cerca" data-clear-btn="true" />
  55. </li>
  56. <li>
  57. <button onclick="cerca();" class="ui-btn ui-corner-all">Cerca su tutto il sito</button>
  58. </li>
  59. <hr/>
  60. <li data-icon="mail"><a href="mailto:info@digitigrafo.it" onclick="segnalaBug();">Hey, non mi funziona!</a></li>
  61. </ul>
  62. </div>
  63. <!--footer -->
  64. <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">
  65. <ul>
  66. <!--li><a href="#">&#60; precedente</a></li-->
  67. <li><a data-rel="back" href="#" data-ajax="false"><h3>INDIETRO</h3></a></li>
  68. <!--li><a href="#">successiva &#62;</a></li-->
  69. </ul>
  70. </div>
  71. <!--/navbar -->
  72. <div data-role="header" data-position="fixed" id="navheader">
  73. <div data-role="navbar" id="nav2" data-iconpos="left" data-theme="a">
  74. <ul class="downnav">
  75. <li><a class="ui-mini" href="#outside" data-icon="bars">
  76. <img src="image/xm-logo.png" class="rwd" />
  77. </a>
  78. </li>
  79. </ul>
  80. </div>
  81. </div>
  82. <!-- /header -->
  83. <!-- Home page -->
  84. <!-- <div data-role="page" id="index" data-dom-cache="true" data-theme="a" class="ui-page">
  85. <center><p><img src="image/xm-logo.png" class="rwd" /></p>
  86. <ul data-role="listview" data-inset="true">
  87. <li>
  88. <a class="nav" href="#ilove">
  89. <img src="./image/ilovexm24_puzzle-300x300.jpg" class="ui-li-thumb">
  90. <h2>I love XM24</h2>
  91. <p>Bla blabla</p>
  92. <!-p class="ui-li-aside">iOS</p-=>
  93. </a>
  94. </li>
  95. <li>
  96. <a class="nav" href="#info">
  97. <img src="./image/xm24-particolare2.jpeg" class="ui-li-thumb">
  98. <h2>Info e comunicati</h2>
  99. <p>Bla Bla blabla</p>
  100. <!--p class="ui-li-aside">BlackBerry</p-=>
  101. </a>
  102. </li>
  103. <li>
  104. <a class="nav" href="#events">
  105. <img src="./image/xm24-particolare2.jpeg" class="ui-li-thumb">
  106. <h2>Eventi</h2>
  107. <p>Bla Bla blabla</p>
  108. </a>
  109. </li>
  110. </ul>
  111. </center>
  112. <!=-a class="minibox orange nav" href="#eventi"> Eventi</a>
  113. <a class="minibox green nav" href="#lab"> Laboratori</a>
  114. <a class="minibox green nav" href="#ultime"> News</a>
  115. <a class="minibox green nav" href="#tag"> Tag</a>
  116. <a class="minibox blue nav" href="#quotidiano"> Un post a caso</a ==>
  117. <br/ style="clear:both;">
  118. <div id="aggiornahome">Aggiorna i contenuti dal sito XM24 di tanto in tanto.
  119. <br/> Per iniziare da capo e riscaricare tutti i contenuti clicca su reset. </p>
  120. <center>
  121. <img src="./image/ilovexm24_puzzle-300x300.jpg" width="50px" id="aggiorna" />
  122. <fieldset class="ui-grid-a">
  123. <div class="ui-block-a">
  124. <input value="Aggiorna" data-theme="a" type="Submit" onclick="checkAndUpdate();" id="aggiorna2">
  125. </div>
  126. <div class="ui-block-b">
  127. <input value="Reset" data-theme="b" type="Reset" onclick="checkAndReset();" id="resetta">
  128. </div>
  129. </fieldset>
  130. </div>
  131. <div data-role="popup" id="benvenuta" data-dismissible="false">
  132. <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!
  133. <p><img class="gifloader" src="./image/ajax_loader_red_512.gif" /></p>
  134. </p>
  135. <input type="button" value="OK" onclick='$("#benvenuta").popup("close");alterContent(#info);' />
  136. </div>
  137. </div> -->
  138. <div data-role="page" id="info" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  139. <div role="main" class="ui-content">
  140. <!-- <center><p><img src="image/xm-logo.png" class="rwd" /></p></center> -->
  141. <div class="ui-body">
  142. <p class="introlettera">Info e comunicati</p>
  143. <p id="mostralistainfo" class="listatovirgole listevoci">
  144. <img class="gifloader" src="./image/ajax_loader_red_512.gif" />
  145. </p>
  146. </div>
  147. <!-- chiude body-->
  148. </div>
  149. <!--chiude content -->
  150. </div>
  151. </div>
  152. <div data-role="page" id="events" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  153. <div role="main" class="ui-content">
  154. <div class="ui-body">
  155. <p class="introlettera">EVENTI</p>
  156. <p id="mostralista" class="listatovirgole listevoci">
  157. </p>
  158. </div>
  159. <!-- chiude body-->
  160. </div>
  161. <!--chiude content -->
  162. </div>
  163. <div data-role="page" id="about" data-dom-cache="true" data-theme="a" class="ui-page">
  164. <div role="main" class="ui-content">
  165. <div class="ui-body">
  166. <p class="introlettera">About I love XM24</p>
  167. <p id="mostralistaabout" class="listatovirgole listevoci">
  168. <img class="gifloader" src="./image/ajax_loader_red_512.gif" />
  169. </p>
  170. </div>
  171. <!-- chiude body-->
  172. </div>
  173. <!--chiude content -->
  174. </div>
  175. <!-- chiude pagina -->
  176. <div data-role="page" id="ilove" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  177. <div role="main" class="ui-content">
  178. <div class="ui-body">
  179. <p class="introlettera">IO AMO XM</p>
  180. <p id="mostralista" class="listatovirgole listevoci">
  181. <img class="gifloader" src="./image/ajax_loader_red_512.gif" />
  182. </p>
  183. </div>
  184. <!-- chiude body-->
  185. </div>
  186. <!--chiude content -->
  187. </div>
  188. <!-- chiude pagina -->
  189. <!-- chiude pagina -->
  190. <div data-role="page" id="quotidiano" data-transition="slide" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  191. <div role="main" class="ui-content">
  192. <div class="ui-body"><img onclick='myJsonRandomPost("#titolosingleR", "#mostracontentsingleR");' src="./image/RICARICA.png" style="float:right;width:80px;cursor:pointer;" />
  193. <p class="introlettera">Un diritto al giorno:</p>
  194. <p id="mostrapostrandom">
  195. <p class="introlettera" id="titolosingleR"></p>
  196. <p id="mostracontentsingleR" class="listatovirgole"><img class="gifloader" src="./image/ajax_loader_red_512.gif" /></p>
  197. </div>
  198. <!-- chiude body-->
  199. </div>
  200. <!--chiude content -->
  201. </div>
  202. <!-- chiude pagina -->
  203. <!--div data-role="page" id="aggiorna" data-transition="slide" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  204. <div role="main" class="ui-content">
  205. <div class="ui-body">
  206. <p class="introlettera" id="">Aggiornamenti</p>
  207. <p>
  208. Aggiorna i contenuti dal sito XM24 di tanto in tanto.
  209. <br/> Per iniziare da capo e riscaricare tutti i contenuti clicca su reset. </p>
  210. <center>
  211. <img src="./image/icona_aggiorna.png" id="aggiorna" />
  212. <fieldset class="ui-grid-a">
  213. <div class="ui-block-a">
  214. <input value="Aggiorna" data-theme="a" type="Submit" onclick="checkAndUpdate();" id="aggiorna2">
  215. </div>
  216. <div class="ui-block-b">
  217. <input value="Reset" data-theme="b" type="Reset" onclick="checkAndReset();" id="resetta">
  218. </div>
  219. </fieldset>
  220. </center>
  221. <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>
  222. <img src="image/icona_aggiorna.gif" style="visibility:hidden;" id="aggiornamento" />
  223. </div>
  224. </div>
  225. </div>
  226. chiude pagina -->
  227. <div data-role="page" id="singleQpost" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  228. <div role="main" class="ui-content">
  229. <div class="ui-body">
  230. <p class="introlettera" id="titolosingle"></p>
  231. <p id="mostracontentsingle">
  232. <img class="gifloader" src="./image/ajax_loader_red_512.gif" />
  233. </p>
  234. <script>
  235. //funzione carica pagina
  236. </script>
  237. <button onclick="shareMeNow('ciao', 'testo', 'http://www.enc.org/xm24')">Text Share</button>
  238. </div>
  239. <!-- chiude body-->
  240. </div>
  241. <!--chiude content -->
  242. </div>
  243. <!-- chiude pagina -->
  244. <div data-role="page" id="ultime" data-transition="slide" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  245. <div role="main" class="ui-content">
  246. <div class="ui-body">
  247. <p class="introlettera">ultime novità</p>
  248. <p id="mostralistaultime" class="listatovirgole listevoci">
  249. <img class="gifloader" src="./image/ajax_loader_red_512.gif" />
  250. </p>
  251. </div>
  252. <!-- chiude body-->
  253. </div>
  254. <!--chiude content -->
  255. </div>
  256. <!-- chiude pagina -->
  257. <div data-role="page" id="tag" data-transition="slide" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  258. <div role="main" class="ui-content">
  259. <div class="ui-body">
  260. <p class="introlettera">Naviga per tag</p>
  261. <p id="mostralistaTag" class="listatovirgole">
  262. <img class="gifloader" src="./image/ajax_loader_red_512.gif" />
  263. </p>
  264. <script>
  265. // D
  266. </script>
  267. </div>
  268. <!-- chiude body-->
  269. </div>
  270. <!--chiude content -->
  271. </div>
  272. <!-- chiude pagina -->
  273. <div data-role="page" id="posttag" data-transition="slide" data-prev="" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  274. <div role="main" class="ui-content">
  275. <div class="ui-body">
  276. <p class="introlettera">TAG:</p>
  277. <p class="introlettera" id="tagtitle"></p>
  278. <p id="tagpostlist" class="listatovirgole listevoci">
  279. <img class="gifloader" src="./image/ajax_loader_red_512.gif" />
  280. </p>
  281. </div>
  282. <!-- chiude body-->
  283. </div>
  284. <!--chiude content -->
  285. </div>
  286. <!-- chiude pagina -->
  287. <div data-role="page" id="ricerca" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  288. <div role="main" class="ui-content">
  289. <div class="ui-body">
  290. <p class="introlettera">Risultati della ricerca</p>
  291. <p class="listresult listatovirgole listevoci">
  292. </div>
  293. <div data-role="popup" id="aggiornaora" data-dismissible="false">
  294. <p>Questa voce è nuova ed è disponibile online. Aggiorna ora gli articoli locali della tua app:</p>
  295. <input type="button" value="OK" onclick='$( "#aggiornaora" ).popup( "close" );update();alterContent("#info")' />
  296. </div>
  297. <!-- chiude body-->
  298. </div>
  299. <!--chiude content -->
  300. </div>
  301. <!-- chiude pagina -->
  302. <div data-role="page" id="alert" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  303. <div role="main" class="ui-content">
  304. <div class="ui-body" style="text-align: center">
  305. <p><img src="image/xm-logo.png" class="rwd" /></p>
  306. <h1 class="introlettera" id="alert-title"></h1>
  307. <h2 id="alert-message"></h2>
  308. <!--<button onclick="spengimi()" id="spegni-musica">Ferma Musica</button>-->
  309. </div>
  310. <!-- chiude body-->
  311. </div>
  312. <!--chiude content -->
  313. </div>
  314. <!-- chiude pagina -->
  315. </body>
  316. </html>