Comments for iCab Blog

Comment on Customize the contextual menu of UIWebView by shetainniseri

shetainniseri — Fri, 10 Sep 2010 12:44:28 +0000

Hi Iam Prabhu from chennai,joined today in this forum…

Comment on Customize the contextual menu of UIWebView by Alexander

Alexander — Thu, 09 Sep 2010 20:32:01 +0000

@Enzo
Sorry, but I don’t know if you can directly access the character at a certain coordinate very easy. In case you can work with the selected text (in case there’s a text selection), you may use “window.getSelection()” to get the text that is selected.

Comment on Customize the contextual menu of UIWebView by Alexander

Alexander — Thu, 09 Sep 2010 20:21:48 +0000

@Ky
I think, if you create a “style” element you can not set the CSS properties using “innerHTML”.
You have to add the “style” element to the “head” section of the document and then use the “insertRule()” funtion of the style object to add your stylesheet rules.

Something like this should work:

var style = document.createElement(“style”);
document.getElementsByTagName(“head”)[0].appendChild(style);
var count = document.styleSheets.length-1;
document.styleSheets[count-1].insertRule(
“.fbxWelcomeBoxName {display:block;…}”);

Comment on Customize the contextual menu of UIWebView by Enzo

Enzo — Thu, 09 Sep 2010 06:01:34 +0000

A great article! Thanks for sharing!

With document.elementFromPoint(x,y) it is possible to get the elements the user pointed on, but does someone have an idea how I can identify the concrete characters under my tap? A result represented as a Range() object would be great. Thanks.

Comment on Customize the contextual menu of UIWebView by Ky

Ky — Wed, 08 Sep 2010 23:46:01 +0000

Alexander,
Thank you for the great tutorial and the iCab Mobile app is great too. I have one question about this UIWebView stuff. I want to apply some css to a page after it is done loading but it doesn’t seem to work. I made a javascript function to add the style and then invoke the javascript function but nothing happened. It seems like the webview doesn’t apply the newly added style. Do you know why?

Here is the function:
function MyFunction_AddCSS()
{var newstyle = document.createElement(‘style’); newstyle.innerHTML = ‘.fbxWelcomeBoxName {display:block;font-weight:color:#ff0000;normal;padding:4px 0 1px;width:112px;word-wrap:break-word;}’;
document.head.appendChild(newstyle);
}

Comment on Search and highlight text in UIWebView by dRine

dRine — Wed, 08 Sep 2010 08:38:17 +0000

Thank you so much !
I’ve read it was something like that on the apple developer forum but the solutions were wrong. Instead, YOU are totally right !
Thanks for your quick answer !!

Comment on Search and highlight text in UIWebView by Alexander

Alexander — Wed, 08 Sep 2010 08:21:00 +0000

@dRine

Probably, Xcode does not treat the .js file as resource file. And so it tries to compile it instead of copying it into as resource into the app bundle.

To fix this, look into the sidebar of the project window in XCode and locate the section “targets”. Here you should move the .js file from “compile source” to “copy bundle resources” section.

Comment on Search and highlight text in UIWebView by dRine

dRine — Wed, 08 Sep 2010 07:53:13 +0000

Hi,
Very helpful post, thanks a lot !
Unfortunately, I’ve got a little problem with it. If I put some javascript directly in my Objective-C code, no problem. But now, I’ve put some more complex code in a .js file. The problem is that the mainBundle can’t find it. I’ve put my .js file in my Resources folder. I’ve also tried with a .txt. I really don’t understand.
Have you an idea of what the problem is ?
thanks a lot !

Comment on Customize the contextual menu of UIWebView by steve

steve — Sat, 04 Sep 2010 12:22:45 +0000

Hello, thanks for this ! It’s working great
I’m using UITabBar, and I had to put the addObserver in the viewWillAppear method and a removeObserver in viewWillDisappear method, so notifications are not handled when UIWebView is not shown !

Comment on Changing the headers for UIWebKit HTTP requests by Alexander

Alexander — Mon, 30 Aug 2010 20:04:35 +0000

@Peter
I assume that UIWebView treats each frame of the stream as new “web page”, so you would need to set the META tag for each frame, and unfortunately this is not possible with the limited API of the iOS.

But you should try to embed the image stream using the IMG tag within a simple HTML document. This way UIWebView has to deal only with one single HTML document.

Comment on Changing the headers for UIWebKit HTTP requests by Peter

Peter — Sat, 28 Aug 2010 10:50:44 +0000

@Alexander
Yes that’s what I mean, because it’s a stream, the method doesn’t get called. It’s MJPEG from an IP camera (example: http://ycamitaly.dtdns.net:8150/stream.jpg guest,guest). Displays fine, but i can’t find a way to change UIWebView scaling. The back ground thread approach seems to change the scale, but only until the next frame is received. very frustrating.

Comment on Changing the headers for UIWebKit HTTP requests by Alexander

Alexander — Fri, 27 Aug 2010 16:01:37 +0000

@Peter
Have you correctly set the delegate for the UIWebView object? If it is never called because the web page never “finishes” to load, then you are in “trouble” What is the web page you’re having trouble with? Is this really a web page with real HTML code? Or is this a video stream without any HTML code in which it is embedded? If it is the latter, I assume you can’t add a META tag in something that is not HTML.

Comment on Changing the headers for UIWebKit HTTP requests by Peter

Peter — Fri, 27 Aug 2010 10:19:15 +0000

@Alexander Thanks for the response! I tried some js viewport manipulation from webViewDidFinishLoad. But this method never gets called (stream), so I tried on a background thread, but the next frame of video seems to overwrite the change. So now I’m thinking I need to somehow intercept the http response to insert the viewport meta change… I’m really hoping I don’t need to parse the mjpeg stream manually, but UIWebView doesn’t seem to expose enough control.

Comment on Changing the headers for UIWebKit HTTP requests by Alexander

Alexander — Tue, 24 Aug 2010 19:59:53 +0000

@Peter
The scaling can be changed using META tags (see the “Safari Web Content Guide” for the iPhone from Apple, especially the “Customizing the viewport” section). So you can overwrite the default scaling by inserting a META tag into the head section of the HTML code of the web page with the new scaling definition. This can be done via JavaScript (injecting the JavaScript code can be done with the method “stringByEvaluatingJavaScriptFromString:” of the UIWebView class).

Comment on Customize the contextual menu of UIWebView by Alexander

Alexander — Tue, 24 Aug 2010 18:39:31 +0000

@Robin
First of all, customizing the contextual menu of UIWebView is a more complex task,so this is not really a good start for someone new to iPhone developement. You have to overwrite a class, creating a category for another, use Notifications, implement delegate methods , write code in Objective C and also in JavaScript.
Though each of these topics is “basic” stuff, you need some experience to understand how this works together. So if you are new to iPhone programming, you should start with some more simpler tasks first.
My example code should show a way how to implement certain features, but because the details of these features will be different in each App, it doesn’t make sense to show much more than the basics of the implementation in the blog post. Otherwise the example code would get much larger and more difficult to read. There would be too much stuff included which isn’t really important for the basic idea.

If need more detailed help, please write an email and please include some more details about your concrete problem.