Hallo, Hallo.
Wer den Thread "Stellt eure Homepage" vor in der letzteren Zeit genauer verfolgte, der weiß, dass ich im Moment ein kleines Blog für mich aufbaue. Nun bin ich an dem Punkt, an dem ich meine Arbeiten auch auf die mobile Ebene bringen will. Deswegen arbeite ich zusammen mit iAppTipps an Lösungen, um das Standardverhalten von iOS, das WebApps alle Links in neuen Fenstern öffnet, teilweise zu umgehen, damit alle internen Links "normal" geöffnet werden, während dieses Verhalten bei externen Links sinnvollerweise erhalten bleiben soll.
Nun arbeiten wir an einer Lösung in jQuery, die im CSS-Stil alle a-Tags, deren href-Attribut mit der URL der Seite beginnt - hier machen wir uns ein Verhalten von WordPress zunutze - selektiert. Beim Klicken wird mittels .load(), sprich über AJAX der Inhalt des Hauptdivs der Seite, hier #main, durch den der verlinkten Seit ersetzt.
Soweit, so gut. Leider ist es so, dass dies nicht immer klappt. Mal "wörkt" es, mal nicht. Besonders das iPad tickt da rum.
Zudem wollten wir, damit der User im Vollbildmodus merkt, dass er lädt, einen kleinen Ladebildschirm dynamisch ein- und ausblenden. Dies klappt ausgerechnet im Vollbildmodus nicht. Wir sind da echt am Rätseln und brauchen eure Hilfe.
Hier die URL der Seite:
http://planet-kinimod.de/
JavaScript-Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
setTimeout("$('#ladebildschirm').fadeTo(500, 0)", 500);
setTimeout("$('#ladebildschirm').css('display', 'none')", 1000);
$("title").text("PlanetKinimod");
$("a[href^=\"http://planet-kinimod.de\"]").click(function() {
$("#ladebildschirm").fadeTo(500, 1);
$("#wrapper").load($(this).attr("href") + " #wrapper", function() {
$('#ladebildschirm').fadeTo(500, 0);
setTimeout("$('#ladebildschirm').css('display', 'none')", 500);
});
return false;
});
});
</script>
Sorry, dass es nicht "gehighlighted" ist, ich schreibe dies nämlich vom bösen iPad aus.
Viele Grüße
Und
Vielen Dank
Dominik
Wer den Thread "Stellt eure Homepage" vor in der letzteren Zeit genauer verfolgte, der weiß, dass ich im Moment ein kleines Blog für mich aufbaue. Nun bin ich an dem Punkt, an dem ich meine Arbeiten auch auf die mobile Ebene bringen will. Deswegen arbeite ich zusammen mit iAppTipps an Lösungen, um das Standardverhalten von iOS, das WebApps alle Links in neuen Fenstern öffnet, teilweise zu umgehen, damit alle internen Links "normal" geöffnet werden, während dieses Verhalten bei externen Links sinnvollerweise erhalten bleiben soll.
Nun arbeiten wir an einer Lösung in jQuery, die im CSS-Stil alle a-Tags, deren href-Attribut mit der URL der Seite beginnt - hier machen wir uns ein Verhalten von WordPress zunutze - selektiert. Beim Klicken wird mittels .load(), sprich über AJAX der Inhalt des Hauptdivs der Seite, hier #main, durch den der verlinkten Seit ersetzt.
Soweit, so gut. Leider ist es so, dass dies nicht immer klappt. Mal "wörkt" es, mal nicht. Besonders das iPad tickt da rum.
Zudem wollten wir, damit der User im Vollbildmodus merkt, dass er lädt, einen kleinen Ladebildschirm dynamisch ein- und ausblenden. Dies klappt ausgerechnet im Vollbildmodus nicht. Wir sind da echt am Rätseln und brauchen eure Hilfe.
Hier die URL der Seite:
http://planet-kinimod.de/
JavaScript-Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
setTimeout("$('#ladebildschirm').fadeTo(500, 0)", 500);
setTimeout("$('#ladebildschirm').css('display', 'none')", 1000);
$("title").text("PlanetKinimod");
$("a[href^=\"http://planet-kinimod.de\"]").click(function() {
$("#ladebildschirm").fadeTo(500, 1);
$("#wrapper").load($(this).attr("href") + " #wrapper", function() {
$('#ladebildschirm').fadeTo(500, 0);
setTimeout("$('#ladebildschirm').css('display', 'none')", 500);
});
return false;
});
});
</script>
Sorry, dass es nicht "gehighlighted" ist, ich schreibe dies nämlich vom bösen iPad aus.
Viele Grüße
Und
Vielen Dank
Dominik