Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

webxvideo · 09-12-2011, 13:05

Halllo Leute,

ich habe für eine Theater eine einfache, für mobile Geräte optimierte Seite erstellt.
=> Scheinbar Varieté

Gestestet habe ich die Seite auf diversen Browsern, einem Android-Phone und dem iPod. Alles bestens.

Nun wurde ich aber darauf hingewiesen, dass die Seiten auf einem iPhone nicht funktionieren. Leider habe ich keinen Ansatz woran das liegen könnte.
Die Startseite wird noch absolut korrekt dargestellt, aber bei einem Klick auf die Links passiert nichts. (JavaScript ist aktiviert).

Da ich selber kein iPhone habe, kann ich das Ganze leider nicht testen. Stand schon mal jemand vor ähnlichen Problemen?
Kann jemand mit iPhone die Probleme unter dem oben genannten Link bestätigen?

Dank schon mal
Christian

pixelslave · 09-12-2011, 13:14

bei mir auf dem iPhone 4 mit iOS 5.0.1 geht alles wunderbar.

Grüße

webxvideo · 09-12-2011, 13:18

Ich packe hier noch mal die relevanten und auf das wichtigste gekürzte Code-Schnipsel rein:
HTML:

HTML-Code:

<!DOCTYPE HTML>
<html>
<head>
<title>Scheinbar Varieté</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=440" />
<script type="text/javascript" charset="utf-8" src="jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="scheinbar.js"></script>
<link rel="stylesheet" href="main.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="home">
<div id="homenav">
<a href="#next">nächste Vorstellung</a>
<a href="#overview">Spielplan</a>
<a href="#lage">Anfahrt</a>
<a href="#contact">Kontakt</a>
</div>
</div>
<div id="loader"></div>
<div id="content"></div>
<div id="overview"></div>
<div id="lage">
<h1>Anfahrt</h1>
<p>Adresse, Lageplan, ...</p>
</div>
<div id="contact">
<h1>Kontakt</h1>
<p>Kontakt infos ...</p>
</div>
</div>
</body>
</html>

scheinbar.js (stark gekürzt):

ActionScript:

$(document).ready(function() {
    $('#homenav a').click(getprog);
    // gekürzt
    $(window).bind( 'hashchange', onHashChanged);
});
function onHashChanged(){
    // das hier soll den Zurück-Button des gerätes abfangen
    var hash=window.location.hash.substring(1);
    if(hash=='')showCont('home');
    else if(hash=='overview')showCont('overview');
}
function getprog(e) {
    //e.preventDefault(); habe ich weggelassen,
    // damit man den Zurückbutton des Gerätes nutzen kann
    
    var hash=$(this).attr("href").substring($(this).attr("href").indexOf('#')+1);   
    if(hash=='contact' || hash=='lage'){
        showCont(hash);
    }else{
        // hier werden die dynamischen Seiten per Ajax geladen
        // Da auch Kontakt und Lage nicht funktionieren, ist das nicht rellevant
    }
 
}
function showCont(cont,sp){
    var allC=Array('home','content','loader','contact','lage','overview');
    for(var i=0;i<allC.length;i++){
        if(allC[i]!=cont)$('#'+allC[i]).fadeOut();
    }
    $('#'+cont).fadeIn();
    // gekürzt
}

webxvideo · 09-12-2011, 13:19

@pixelslave

Danke schon mal, ich versuche jetzt mal die problematische iPhone-Version rauszubekommen.

webxvideo · 11-12-2011, 12:05

So, wie es aussieht hat wurde das iPhone welches die Seite nicht darstellen konnte länger nicht upgedated. Jetzt laufen die Seiten auch dort.

Aber merkwürdig ist es trotzdem, die Seiten funktionieren sogar auf dem IE6 und Firefox 3.

Eigentlich bleiben ja nur zwei Fehlerquellen:
1. das Phone kann den hash nicht extrahieren
2. es hat Probleme mit fadeIn()

09-12-2011, 13:05	#1 (permalink)
webxvideo Neuer Benutzer Registriert seit: Nov 2003 Ort: berlin Beiträge: 883	iPhone Problem Halllo Leute, ich habe für eine Theater eine einfache, für mobile Geräte optimierte Seite erstellt. => Scheinbar Varieté Gestestet habe ich die Seite auf diversen Browsern, einem Android-Phone und dem iPod. Alles bestens. Nun wurde ich aber darauf hingewiesen, dass die Seiten auf einem iPhone nicht funktionieren. Leider habe ich keinen Ansatz woran das liegen könnte. Die Startseite wird noch absolut korrekt dargestellt, aber bei einem Klick auf die Links passiert nichts. (JavaScript ist aktiviert). Da ich selber kein iPhone habe, kann ich das Ganze leider nicht testen. Stand schon mal jemand vor ähnlichen Problemen? Kann jemand mit iPhone die Probleme unter dem oben genannten Link bestätigen? Dank schon mal Christian __________________ ° www.webXvideo.de \| Partyspinne.de - Partyräume, Catering, Künstler ... für Veranstalter

09-12-2011, 13:14	#2 (permalink)
pixelslave i ate pixels Registriert seit: Mar 2004 Ort: Augsburg Beiträge: 528	bei mir auf dem iPhone 4 mit iOS 5.0.1 geht alles wunderbar. Grüße __________________ GTA ähnliches Auto mit HTML, CSS3 + JavaScript

09-12-2011, 13:19	#4 (permalink)
webxvideo Neuer Benutzer Registriert seit: Nov 2003 Ort: berlin Beiträge: 883	@pixelslave Danke schon mal, ich versuche jetzt mal die problematische iPhone-Version rauszubekommen. __________________ ° www.webXvideo.de \| Partyspinne.de - Partyräume, Catering, Künstler ... für Veranstalter

11-12-2011, 12:05	#5 (permalink)
webxvideo Neuer Benutzer Registriert seit: Nov 2003 Ort: berlin Beiträge: 883	So, wie es aussieht hat wurde das iPhone welches die Seite nicht darstellen konnte länger nicht upgedated. Jetzt laufen die Seiten auch dort. Aber merkwürdig ist es trotzdem, die Seiten funktionieren sogar auf dem IE6 und Firefox 3. Eigentlich bleiben ja nur zwei Fehlerquellen: 1. das Phone kann den hash nicht extrahieren 2. es hat Probleme mit fadeIn() __________________ ° www.webXvideo.de \| Partyspinne.de - Partyräume, Catering, Künstler ... für Veranstalter

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Iphone-App -> Fehler beim aufs iPhone laden?	silentx	Mobile Flash und Flash Lite	1	11-07-2011 06:39
[Tutorial] Flash iPhone Entwicklung mit FlashDevelop und Adobe “Packager for iPhone”	_geo_	Mobile Flash und Flash Lite	58	26-05-2011 05:36
iPhone-App mit Flash Problem	silentx	Mobile Flash und Flash Lite	3	17-05-2011 07:35
[Flash CS5] [iPhone] Problem mit den Zertifikaten (gelöst)	vanillegipfel	Flash Einsteiger	1	13-06-2010 14:10