comment gérer le javascript onorientationchange événement à l'intérieur de uiwebview

Quelqu'un pourrait m'aider comment gérer les changement d'orientation des événements en javascript lors de la visite à travers uiwebview iphone?

Je suis en train d'essayer de capturer onorientationchange cas de javascript. J'ai essayé le code suivant.

<style type="text/css" media="only screen and (max-device-width: 480px)">
    .portrait
    {
        width: 300px;
        padding: 0 15px 0 5px;
    }
    .landscape
    {
        width: 460px;
        padding: 0 15px 0 5px;
    }
</style>

<script type="text/javascript">
    window.onload = orientationchange;
    window.onorientationchange = orientationchange;
    function orientationchange() {
        if (window.orientation == 90
            || window.orientation == -90) {
            document.getElementById('contents').className = 'landscape';
        }
        else {
            document.getElementById('contents').className = 'portrait';
        }
    }
</script>

//and I have a div inside html

<div id="contents">
    my contents and description... e.t.c, and e.t.c...
</div>

Il fonctionne très bien dans safari mais quand je visite la page à l'aide de uiwebview le changement d'orientation de l'événement n'est pas d'être capturé et mon choix fonctionnalité peut ne pas être obtenue.

OriginalL'auteur Waqas Raja | 2011-03-07

  1. 4

    J'aimerais vous ce post: "l'iphone-uiwebview-local-ressources-aide-javascript-et-manutention-onorientationchang", la réponse directement au-dessous de la accepté de répondre à n'hommage à votre question: Gérer les changements d'orientation dans le code de l'application et de les injecter des changements avec javascript. Je cite dans l'espérance, l'auteur ne sera pas l'esprit:

    "La réponse à votre deuxième problème de la onorientationchange gestionnaire n'est pas appelée dans UIWebView:

    J'ai remarqué que la fenêtre.l'orientation de la propriété ne fonctionne pas correctement et la fenêtre.onorientationchange gestionnaire n'est pas appelé. La plupart des applications souffrent de ce problème. Ceci peut être corrigé par le réglage de la fenêtre.l'orientation de la propriété et de l'appel de la fenêtre.onorientationchange dans le willRotateToInterfaceOrientation méthode de la vue-contrôleur qui contient votre UIWebView:"

    Je n'ai pas besoin de ressources locales, je veux juste la capture de changement d'orientation de l'événement dans mon html, javascript
    J'ai ajouté une citation du post, j'ai essayé, sans succès, à vous montrer. C'est en fait le problème que vous avez indiqué.
    ouais merci; mon problème est résolu. mais c'est bizarre de consommer de l'orientation activé les pages html dans une application.
    Vous êtes les bienvenus. Oui, il ne devrait pas être de cette façon, mais c'est une bonne solution pour ce bug.

    OriginalL'auteur Nick Weaver

  2. 1

    Merci u.

    Une autre façon d'écrire c'est:

    var onorientationchange = function()    {
    document.getElementById('contents').className =
      Math.abs(window.orientation == 90)? "landscape" : "portrait";
}
window.onload = function() {
    window.onorientationchange = window.onorientationchange
}
    Il a l'air bon, je vais vérifier plus tard, & vous laisser savoir si cela fonctionne.
    Merci pour la réponse, mais il ne fonctionne pas.
    Merci pour la réponse, mais il y a une parens bug dans le code. Vous voulez en Mathématiques.abs(fenêtre.l'orientation) == 90, pas l'abs de la comparaison...

    OriginalL'auteur Marcio

  3. 1

    Mettre cela en viewDidLoad: 

    [[UIDevice currentDevice]beginGeneratingDeviceOrientationNotifications];
 [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(hasOrientationChanged:) name:@"UIDeviceOrientationDidChangeNotification" object:nil];

- (void)hasOrientationChanged:(NSNotification *)notification {
    UIDeviceOrientation currentOrientation; 
    currentOrientation = [[UIDevice currentDevice] orientation];
    if(currentOrientation == UIDeviceOrientationLandscapeLeft){
        NSLog(@"left");
    }

    if(currentOrientation == UIDeviceOrientationLandscapeRight){
        NSLog(@"right");
    }

}

    Maintenant, vous pouvez appeler votre webview avec le droit de l'orientation 🙂

    oui, il est droit dans l'application. mais comment pouvais-je sais que dans ma page html?

    OriginalL'auteur stef_pe