External JS File

[purplespider]

Is it possible to put all my JavaScript into an external file, rather than have multiple copies of the code in each HTML file?

I have tried creating a main.js file in the "Resources" group, and then added

Code: Select all

<script type="text/javascript" src="main.js"></script>

into the head of my HTML files, just as it has been done with NKit.js, but it doesn't work. It fails to see the Javascript, and when running the App in the simulator, I get the following warning in the Build Results window:

Code: Select all

warning: no rule to process file '$(PROJECT_DIR)/main.js' of type sourcecode.javascript for architecture i386

Am I missing something?

Cheers
James

[sunny]

The problem here is that when you add javascript file in your project Xcode treats it as a source code file but can not process it, so the file is just ignored, to make it work you have to manually specify that this javascript file is resource.
To do this collapse disclosure trieangle "Targets"->"YOUR_PROJECT_NAME"->Compile Sources and remove your js file from it.
then drag your js file to "Targets"->"YOUR_PROJECT_NAME"->Copy Bundle Resources

[purplespider]

That worked great, thank you very much!

[Andy Baird]

This technique also allows the use of external CSS (stylesheet) files, which can greatly simplify page coding as well as reducing overall app size.

Andy Baird

[tkambler]

Could anyone provide some additional insight into this? I know this sounds simple, but I have tried for the past 45 minutes to get this to work with no luck.

[tkambler]

Could anyone provide some additional insight into this? I know this sounds simple, but I have tried for the past 45 minutes to get this to work with no luck.

OK, scratch that. I did finally manage to get my external JS file to load. Weird thing, though... In my JS file, I have the following:

alert('1');

Just as a test. But when I run the iPhone simulator, all I get is dim screen and the app never loads.

[sunny]

send the project to support@nimblekit.com I will take a look if you still have problem

[Quast77]

Hi there,

i am sorry and i do not understand how to do this... Can anybody explain it more detailed ?

Thanks
Quast

[Quast77]

I found the setting in "Targets" and i added my js-File, but it doesn't work. Question: Do i have to enter the path to the file or just the file in my

<script type="text/javascript" src="../javascript/main.js"></script>


??

I have a Javascript-Folder in my project .

Thanks,
Quast

[Big-O]

I found the setting in "Targets" and i added my js-File, but it doesn't work. Question: Do i have to enter the path to the file or just the file in my

<script type="text/javascript" src="../javascript/main.js"></script>


??

I have a Javascript-Folder in my project .

Thanks,
Quast

You might have the path wrong. Depending on how you created the folders they might be 'virtual' meaning that they just look like folders in the tree but aren't actually in folders. Try just linking to the file name instead of adding the rest of the path.