Skip to main content

iOS WebView > Display only main-content from a website including pictures



How do I fetch just the main-content part of a webpage and display it in an UIWEBVIEW? Link to the page





When I look at the code of the webpage I see that the 'What is new?' posts appear below:







<div id="content-header" class="clearfix">

<a name="main-content" id="main-content"></a>

<h1 class="title">Aktuell</h1> </div> <!-- /#content-header -->







Is it possible to relate to id="main-content within the UIWEBVIEW to display just this part of the website instead of the whole page?





Screenshot shows visually what I like to get.





Screenshot





P.S This is my code to display the whole webpage:







- (void)viewDidLoad

{

[super viewDidLoad];



NSString *golfClubURL = @"http://golfplatz-altenstadt.de";



NSURL *loungeURL = [NSURL URLWithString:golfClubURL];



NSURLRequest *myrequest = [NSURLRequest requestWithURL:loungeURL];



[self.webView loadRequest:myrequest];



self.webView.scalesPageToFit = YES;

}




Comments

  1. The process to make this work is to load the URL in to a string, and then modify the string, and then send the string to display in the UIWebView.

    It will require you to parse the html. You will probably be best off cutting out just what part you want, and adding in a header and footer.

    You might want to look at NSURLConnection

    Do you own the website? You might want to create an alternative page of the site that shows a more mobile friendly version of the page. If it is a blog, or running something like wordpress there are plug-ins for mobile templates. This has an added benefit of giving a fast easy to read version of the site for anyone using any mobile device.

    ReplyDelete

Post a Comment

Popular posts from this blog

Why is this Javascript much *slower* than its jQuery equivalent?

I have a HTML list of about 500 items and a "filter" box above it. I started by using jQuery to filter the list when I typed a letter (timing code added later): $('#filter').keyup( function() { var jqStart = (new Date).getTime(); var search = $(this).val().toLowerCase(); var $list = $('ul.ablist > li'); $list.each( function() { if ( $(this).text().toLowerCase().indexOf(search) === -1 ) $(this).hide(); else $(this).show(); } ); console.log('Time: ' + ((new Date).getTime() - jqStart)); } ); However, there was a couple of seconds delay after typing each letter (particularly the first letter). So I thought it may be slightly quicker if I used plain Javascript (I read recently that jQuery's each function is particularly slow). Here's my JS equivalent: document.getElementById('filter').addEventListener( 'keyup', function () { var jsStart = (new Date).getTime()...

Is it possible to have IF statement in an Echo statement in PHP

Thanks in advance. I did look at the other questions/answers that were similar and didn't find exactly what I was looking for. I'm trying to do this, am I on the right path? echo " <div id='tabs-".$match."'> <textarea id='".$match."' name='".$match."'>". if ($COLUMN_NAME === $match) { echo $FIELD_WITH_COLUMN_NAME; } else { } ."</textarea> <script type='text/javascript'> CKEDITOR.replace( '".$match."' ); </script> </div>"; I am getting the following error message in the browser: Parse error: syntax error, unexpected T_IF Please let me know if this is the right way to go about nesting an IF statement inside an echo. Thank you.