Turn on Orientation in UIWebview during Javascript Evaluation

Question

Turn on Orientation in UIWebview during Javascript Evaluation

As I begin assessing the javascript, such as when a user selects text and it becomes highlighted, I encounter issues with the device orientation on my iPad. The orientation stops working until the javascript finishes executing.

Is there a way to manage javascript evaluation in a uiwebview without impacting the uiwebview orientation?

javascript ipad uiwebview uiinterfaceorientation

Answer 1

Answer №1

Indeed. When initializing your JavaScript, you can define a boolean variable and set a variable with the current orientation of your UIViewController (both within your UIViewController instance). After that, you need to implement the following method in your UIViewController:

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
    // Return YES for supported orientations
    return YES;
}

This method informs the iPhone whether it can rotate your app when users rotate the device.

Therefore, when your JavaScript begins:

// BOOL stopRotation; // declare it in yourViewController.h stopRotation = TRUE; // UIInterfaceOrientation* currentOrientationFrozen; // declare it in yourViewController.h currentOrientationFrozen = self.interfaceOrientation;

Additionally, add the following code snippet:

    - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
    {
        if (stopRotation){
             if (interfaceOrientation == currentOrientationFrozen) {
                 return YES;
             } else {
                 return NO;
             }
        } 
        return YES;
    }

Finally, when your JavaScript concludes, reset your BOOL and currentOrientationFrozen variables:

stopRotation = FALSE;
currentOrientationFrozen = nil;

Answer 2

Indeed. When initializing your JavaScript, you can define a boolean variable and set a variable with the current orientation of your UIViewController (both within your UIViewController instance). After that, you need to implement the following method in your UIViewController:

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
    // Return YES for supported orientations
    return YES;
}

This method informs the iPhone whether it can rotate your app when users rotate the device.

Therefore, when your JavaScript begins:

// BOOL stopRotation; // declare it in yourViewController.h stopRotation = TRUE; // UIInterfaceOrientation* currentOrientationFrozen; // declare it in yourViewController.h currentOrientationFrozen = self.interfaceOrientation;

Additionally, add the following code snippet:

    - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
    {
        if (stopRotation){
             if (interfaceOrientation == currentOrientationFrozen) {
                 return YES;
             } else {
                 return NO;
             }
        } 
        return YES;
    }

Finally, when your JavaScript concludes, reset your BOOL and currentOrientationFrozen variables:

stopRotation = FALSE;
currentOrientationFrozen = nil;

Turn on Orientation in UIWebview during Javascript Evaluation

Answer №1

Similar questions

Tips for specifically targeting the clicked table row using angularJS directives ng-show and ng-hide

Issue when attempting to animate an SVG point using translateX transformation

Parsing JSON data in JavaScript

Sign up for a Jquery template event

What could be causing the readTextFile function to return undefined?

How can I pass a value to a javascript function when a button in asp.net is clicked?

When I apply the overflow hidden property, the wrapped text magically disappears

Encountering vulnerabilities during the deployment of my React App using NPM has presented a challenge

Switch between two PHP files with a toggle feature using jQuery click event

Analyzing data from radio button selections using React Hooks calculations

Create a generic function that retrieves a specific property from an array of objects using the select method

jquery's animation causing elements to move abruptly when containing text

Using Javascript to parse SOAP responses

Tips for ensuring an element stays anchored at the bottom even when the keyboard is displayed

When the oncuechange event is triggered, it initiates a smooth fade-in/fade-out animation within the HTML P tag

Capture the responseBody data within a Newman script from a Postman collection and save it to a

JQuery Datatables: Struggling to make JQuery function work following AJAX update

React Error: Unable to iterate over this.state.descriptions

Eslint is not functioning properly on the local machine

The component 'AppComponent' cannot access the property 'results'