I've designed my main view using HTML, CSS and some images. It looks very nice. I'm using some images that are clickable in HTML code. On click of some image, I want to load some view accordingly. Is it possible? If yes, please suggest me how to do it. If tutorial or some sample code is available please share it.
You can look into PhoneGap for some sample code.
There are two parts. First you define a custom scheme for you application that is only used to communicate between the web page and the delegate. Could just be 'foo:' as it will be private to the page and host. You then handle this custom scheme in the delegate shouldStartLoadWithRequest method and return NO.
With a clickable link, you can just set the href to something that starts with your custom scheme. If you need to send messages at arbitrary times, you can use javascript to set the window.location to a url with your custom scheme.
Implement the following UIWebView Delegate Method and call your Objective methods
(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
if (navigationType == UIWebViewNavigationTypeLinkClicked) { NSLog(@"LINK CLICKED......"); //return NO; }
return YES; }