<body ng-app="starter" onload="orientationUnlock()">
<ion-side-menus>
<ion-content padding="true" style="background: url(img/BackGround.jpg) no-repeat center;background-size:cover;">
<div style= "font-weight: bold; margin-top: 75px;">
<div style="background-color:#CB6242;">
<button class="button button-balanced button-large button-full button-icon" onclick="espandi1();" style="margin-top:0px; margin-bottom:0px;">Il Museo</button>
</div>
<div id="submenu1" style="display: none;">
<button onclick="location.href='access.html'" style="background-color: #CB6242; opacity: 0.9" class="button button-balanced button-large button-full button-icon">Accessibilità</button>
<button onclick="location.href='info.html'" style="background-color: #CB6242; opacity: 0.9" class="button button-balanced button-large button-full button-icon">Informazioni</button>
<button onclick="location.href='locali.html'" style="background-color: #CB6242; opacity: 0.9" class="button button-balanced button-large button-full button-icon">I locali del museo</button>
</div>
<br>
<div style="background-color:#CB6242;">
<button class="button button-balanced button-large button-full button-icon" onclick="espandi2();" style="margin-top:0px; margin-bottom:0px;">Visitare il MarTa</button>
</div>
<div id="submenu2" style="display: none;">
<button onclick="location.href='percorso.html'" style="background-color: #CB6242; opacity: 0.9" class="button button-balanced button-large button-full button-icon">Percorso Base</button>
<button onclick="location.href='mostreVirtuali.html'" style="background-color: #CB6242; opacity: 0.9" class="button button-balanced button-large button-full button-icon">Mostre Virtuali</button>
</div>
</div>
</ion-content>
</ion-side-menu-content>
</ion-side-menus>
<!-- codice per il funzionamento dei due pulsanti con apertura esclusiva -->
<script type="text/javascript">
var contatore1 = 0;
var contatore2 = 0;
function espandi1() {
contatore1 ++;
if (contatore1%2 == 0)
submenu1.style.display = "none";
else {
submenu1.style.display = "block";
if (contatore2%2 == 1)
espandi2();
}
}
function espandi2() {
contatore2 ++;
if (contatore2%2 == 0)
submenu2.style.display = "none";
else {
submenu2.style.display = "block";
if (contatore1%2 == 1)
espandi1();
}
}
</script>
<script src="js/app.js" type="text/javascript"></script>
</body>
Questo è il codice della pagina index.html, una volta cliccato sul pulsante "accessibilità" si entrerà nella schermata di accessibilità che presenta il seguente codice:
<body ng-app="starter" onload="orientationUnlock()">
<ion-side-menus>
<ion-side-menu-content>
<ion-header-bar class="bar bar-header ">
<button onclick="location.href='index.html'" style="background-color: white; border-color: transparent;"><img src="img/back.png"></button>
</ion-header-bar>
<ion-content direction="y" locking="true" scrollbar-y="true" id="posizione" >
<div>
<h1 id="TitoloInformazioni">Opzioni di accessibilità</h1>
</div>
<br>
<div>
<p id="informazioniContenuto">Attiva il supporto per non vedenti</p>
<button id="home" onclick="location.href='indexNonVedenti.html'">Non Vedenti</button>
</div>
<br>
<div>
<p id="informazioniContenuto">Scegli la dimensione del testo</p>
<button id="home">Normale</button>
<button id="home">Grande</button>
</div>
</ion-content>
</ion-side-menu-content>
</ion-side-menus>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
</script>
<script type="text/javascript" src="js/app.js"></script>
</body>
a questo punto in questa pagina si può selezionare l'opzione "non vedenti" e questa mi fa aprire una nuova pagina(il cui codice allego di seguito), e vorrei che questa pagina fosse nuovamente mostrata quando riapro l'applicazione.