I have the following innocent-looking code (index.html), but it doesn't load the code.js
file. It works well if I copy/paste the contents of the file in the HTML page. Both index.html
and code.js
files are in the same directory. This is the code snippet. Any help would be great.
index.html :
<html> <head> <script type="text/javascript" src="code.js"></script> </head> <body onload="drawImage()"> <div><canvas id="canvas" width="320" height="480"></canvas></div> </body> </html>
ViewController.m:
- (void)viewDidLoad { [super viewDidLoad]; // load the first webpage [homePageWebView loadRequest:[NSURLRequest requestWithURL:[NSURLfileURLWithPath: [[NSBundle mainBundle] pathForResource:@"index"ofType:@"html"] isDirectory:NO]]]; }
You should put all javascript code in a <script> tag for the browser to recognize and make it run and for the src attribute of the script tag to find your 'script. js' file, it just has to be in the same directory as the html file, you don't need to specify the entire file root.
To include an external JavaScript file, we can use the script tag with the attribute src . You've already used the src attribute when using images. The value for the src attribute should be the path to your JavaScript file. This script tag should be included between the <head> tags in your HTML document.
The programs in JavaScript are called scripts which are executed as plain texts. We can write these scripts directly on our HTML page or use an external JavaScript file. JavaScript can execute in the browser, and also on the server, or actually on any device that has a special program called the JavaScript engine.
I have found that Xcode thinks that the js file needs to be compiled.
Open the project in Xcode. Go to "Targets" and look in "Compile Sources". If you see your js file in that folder, move it to the "Copy Bundle Resources" folder and delete it from the "Compile Sources" folder.
Delete the app from your iPhone if it is installed already for testing. Go to the Build menu in Xcode and Clean all Targets. Then recompile.
Check now to see if your HTML file actually sees your js file now.
Linda
You need to read the html file into a string and set the baseURL when loading so relative paths can be understood.
NSError* error; NSString* html = [NSString stringWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"] encoding:NSASCIIStringEncoding error:&error]; [webview loadHTMLString:html baseURL:[self getBaseURL]]; - (NSURL*) getBaseURL { NSString* path = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"]; NSRange r = [path rangeOfString:@"/" options:NSBackwardsSearch]; path = [path substringToIndex:r.location]; path = [path stringByReplacingOccurrencesOfString:@"/" withString:@"//"]; path = [path stringByReplacingOccurrencesOfString:@" " withString:@"%20"]; path = [NSString stringWithFormat:@"file:/%@//",path]; return [NSURL URLWithString:path]; }
Something like that should work for you.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With