function switchAnsicht(anlage) {
//Ansicht 1 ist Status-Ansicht
//Ansicht 0 ist Detail-Ansicht
//1 == Status-Ansicht
if (ansicht == 1) {
document.all.links.style.display = "block";
document.all.rechtsoben.style.display = "none";
document.all.rechtsmitte1.style.display = "none";
document.all.rechtsmitte2.style.display = "none";
document.all.rechtsunten.style.display = "none";
ansicht = 0;
}
//0 == Detail-Ansicht
else {
document.all.links.style.display = "block";
function fuehrendeNull(wert) {
if (wert<10) return "0" + parseInt(wert);
else return parseInt(wert);
}
var zeit = new Date();
document.all.rechtsoben.style.display = "block";
document.getElementById("rechtsoben").innerHTML = "<h2>Anlage [" + anlage
+ "] Stand " + fuehrendeNull(zeit.getHours()) + ":" + fuehrendeNull(zeit.getMinutes()) + ":" + fuehrendeNull(zeit.getSeconds()) + "</h2>";
document.all.rechtsmitte1.style.display = "block";
document.all.rechtsmitte2.style.display = "block";
document.all.rechtsunten.style.display = "block";
if (browser == 1) {
//browser == 1
//Detail-Ansicht für mobile Geräte
//erstellt 4 buttons für Detail-Auswahl
document.getElementById("rechtsunten").innerHTML = "<br>"
+ "<input type='button' name='std' value='Status' onClick='javascript:back()'>"
+ "<input type='button' name='ref' value='Refresh' onClick='javascript:refresh()'>"
+ "<input type='button' name='los' value='Lose' onClick='javascript:lossicht()'>"
+ "<input type='button' name='pro' value='Prozesse' onClick='javascript:prozesssicht()'>";
document.all.links.style.display = "none";
document.all.rechtsoben.style.height = "10%";
document.all.rechtsmitte1.style.height = "40%";
document.all.rechtsmitte2.style.height = "40%";
document.all.rechtsunten.style.height = "10%";
}
//browser == 0
//Detail-Ansicht für Desktop-Geräte
//Erstellt Status- und Refresh-button
else {
document.getElementById("rechtsunten").innerHTML = "<br>"
+ "<input type='button' id='std' name='std' value='Status' onClick='javascript:back()'>"
+ "<input type='button' id='ref' name='ref' value='Refresh' onClick='javascript:refresh();'>";
}
ansicht = 1;
}
}
das ist der JavaScript Code der Funktion, wie gesagt alle anderen browser reagieren ordentlich auf den button-click.
zum Thema stylesheets, ich habe die verschiedenen stylesheets nicht aufeinander aufbauend erstellt, sondern für jeden fall ein komplett eigenes, da die darstellung komplett verschiedenen ist.
aus einem bildschirm werden auf dem mobilen gerät 4 verschiedene bildschirme...
das hat bisher auch ganz gut funktioniert. allerdings sucht sich der windows phone browser das desktop-stylesheet und über die browserkennung und meinen javascript code die richtige mobile aufteilung.