NSCoriolisBlog » UIWebView http://blog.coriolis.ch Just another Coriolis weblog Sat, 13 Mar 2010 09:43:13 +0000 en hourly 1 http://wordpress.org/?v=abc Extend UIWebView to handle all special links http://blog.coriolis.ch/2009/10/29/extend-uiwebview-to-handle-all-special-links/ http://blog.coriolis.ch/2009/10/29/extend-uiwebview-to-handle-all-special-links/#comments Thu, 29 Oct 2009 21:57:09 +0000 Stephan http://blog.coriolis.ch/?p=235 Have you ever wanted to add an UIWebView to your application, so you can browse the internets without leaving your application? While it is a trivial task to add an UIWebView to a project, there are some links that an UIWebView will not handle.

These are:

  • mailto
  • YouTube
  • maps.google.com
  • iTunes
  • AppStore

I’ve written a generic BrowserViewController, code available on GitHub here: http://github.com/sburlot/browserviewcontroller which handles all these cases:

mailto links are handled with a MFMail: I tried to handle all variations on the link: “to”, “cc”, “subject” and “body”.

YouTube, Map, iTunes and AppStore links are opened in their respective apps.

You can customise the view and decide if you want a navigation tab bar or not.

The navigation tab bar will add standard web buttons: Back, Forward, Stop, Reload and also a button to send the url of the current page via email, or open it in Safari.

Enjoy!

]]> http://blog.coriolis.ch/2009/10/29/extend-uiwebview-to-handle-all-special-links/feed/ 0 HowTo fit text inside a UIWebView http://blog.coriolis.ch/2009/01/05/howto-fit-text-inside-a-uiwebview/ http://blog.coriolis.ch/2009/01/05/howto-fit-text-inside-a-uiwebview/#comments Sun, 04 Jan 2009 22:25:14 +0000 Stephan http://blog.coriolis.ch/?p=45 If, like me, you want to make sure your text will fit inside your UIWebView (without scrolling), you can implement the following javascript:

    <script language='javascript' type="text/javascript">
    function adjustHeight(maxHeight) {
      elem = document.getElementById("sign");
      height = elem.offsetHeight;
      current_size = elem.style.fontSize.replace('px','')/1;
      while ((current_size-- > 10) && (height > maxHeight)){
        elem.style.fontSize = current_size + 'px';
        height = elem.offsetHeight;
      }
    }
    </script>

This script will reduce the size of the div until it fits the required height, but with a minimum font-size of 10px hardcoded.

Now in the html, call the adjustHeight function, passing it the id of the div to adjust:

<body onload="adjustHeight(48)">
  <div id="sign" style="font-size:68px">This is the text that fits</div>
</body>

The trick here is that to read the fontSize of a div, the font-size property should be inline. If the font-size is declared in the CSS, you’ll have to use another much more complex method, described in http://developer.apple.com/internet/webcontent/styles.html.

PS: Instead of reading the font-size from the div, I could have hardcoded its value in the script, and avoided much trouble.

]]> http://blog.coriolis.ch/2009/01/05/howto-fit-text-inside-a-uiwebview/feed/ 0