how to capture javascript button action in uiwebview

Question

I want to know which button is called of javascript in uiwebview, My script is

 function nextPage()
 {
   window.location = "page3.html";
 }
function prevPage()
 {
      window.location = "page1.html";
 }

My current page is page2.html.On button action, current page will move backword and forward

I set name and onclick action to both buttons

<button onclick="prevPage();" id="back"></button>
<div id="counter">Page 1 of 13</div>
 <button onclick="nextPage();" id="next"></button>
</div>

how to know which button is called. also want the value inside window.location on button click action

Thanks in advance

Jeff Loughlin · Accepted Answer · 2013-08-08 16:44:03Z

1

In your nextPage and prevPage javascript methods, create a custom url that you can parse inside your web view delegate:

function nextPage()
{
    window.location.href = "file://yourappname?nextPage";
}
function prevPage()
{
     window.location.href = "file://yourappname?prevPage";
}

Then in your Web View delegate, implement shouldStartLoadWithRequest:

-(BOOL)webView:(UIWebView *)webView 
shouldStartLoadWithRequest:(NSURLRequest *)request 
 navigationType:(UIWebViewNavigationType)navigationType 
{
    NSString *urlString = request.URL.absoluteString;
    if (urlString hasSuffix:@"prevPage"])
    {
        NSURL *url = [NSURL urlWithString:@"Page1.html"];
        NSURLRequest *urlRequest = [NSUrlRequest requestWithURL:url];
        [webView loadRequest:urlRequest];
    }
    else if ([queryString hasSuffix:@"nextPage"])
    {
        NSURL *url = [NSURL urlWithString:@"Page3.html"];
        NSURLRequest *urlRequest = [NSUrlRequest requestWithURL:url];
        [webView loadRequest:urlRequest];
    }
    return YES;            
}

Of course that's just a simple example - in real code you'll want to replace @"Page1.html" and @"Page3.html" with code to keep track of the current page and build your url string to page forward or back accordingly.

edited Aug 8, 2013 at 16:44

answered Aug 8, 2013 at 14:03

Jeff Loughlin

4,1742 gold badges33 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

pallavi_ios Over a year ago

i run above code ,also do change in script,but show suffix =currentpage.html it now show "prevPage" or "nextPage".do you have any any another option ?

Jeff Loughlin Over a year ago

Not sure I understand - can you post the contents of urlString (request.URL.absoluteString)?

pallavi_ios Over a year ago

this is the content of (request.URL.absoluteString).My current page is page2.html /Users/macuser/Library/Application Support/iPhone Simulator/5.0/Applications/A16998AD-105C-43E9-A6F5-505FAFABBB68/htmlevents.app/page2.html.

Jeff Loughlin Over a year ago

Is that on the initial page load? Or after you've clicked the button? shouldStartLoadWithRequest will get called both on the initial page load AND when you set window.location.href in your javascript code. The URL you've posted looks like the initial page load.

Collectives™ on Stack Overflow

how to capture javascript button action in uiwebview

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related