Using JavaScript "on the fly" with innerHTML

[covoxer]

There is a way to add custom files to exported site that even works on preview and all kinds of export and publish automatically. To do so, create a files folder along with your saved design file. For example, if your design file is: "MySite.web", create following folder in the same location: "MySite_web_files". Now, all files that you'll put into it will be copied on every export operation to the exported files folder.
Another thing that may be useful. If you have to place a path to your files in the placeholder, simply use: "index_htm_files/myfile.js". The "index_htm_files" will be automatically replaced with the proper files folder name as used on export.

[Sebastian]

Hi John,

There is a way to add custom files to exported site that even works on preview and all kinds of export and publish automatically. To do so, create a files folder along with your saved design file. For example, if your design file is: "MySite.web", create following folder in the same location: "MySite_web_files". Now, all files that you'll put into it will be copied on every export operation to the exported files folder.
Another thing that may be useful. If you have to place a path to your files in the placeholder, simply use: "index_htm_files/myfile.js". The "index_htm_files" will be automatically replaced with the proper files folder name as used on export.

thank you for this information. I use the following way to add custom files to my project:

- create a placeholder next to the web page (paste board ?)
- use "replace with graphic" and choose filetype "All (*.*)"
- select my custom file (jquery.js)
- save the project (the support folder will be created automatically)

I use this also with XWD5.

Sebastian

[Ron Lemire]

John; that's great to know, and makes this operation a little more friendly.

Along the same lines -- is it possible to have Web Designer 6 place all of the files (normally stored in the "index_htm_files" folder) into the "local" directory?

For example if I had a web page "index.htm" and two files "1.png and 2.png" -- the two additional files are normally stored in the "index_htm_files" folder. (index.htm, index_htm_files/1.png, 2.png)
so -- <img src="index_htm_files/1.png">

I would like the 1.png and 2.png files stored in the same directory as the index.htm file. (index.htm, 1.png, 2.png)
so -- <img src="1.png">

Why? I would like to use WD6 to create an HTML eBook and my compiler of choice does not allow folders to be compiled.

Ron

[MediaGuy]

Thanks for the demo Ron Lemire, and covoxer and Sebastian for the custom folder tips. To be able to preview jquery with WD6 is great news.

It's a good thing I have a long weekend to be able to experiment with this.

Cheers

[gpholman]

Hi Ron

I used jQuery with a site I created using XWD5 last year to add a nifty fade-in effect to pages and popup layers. This would have been a real pain with straight JavaScript but jQuery's amazing selector engine made it pretty straight forward.

Grant

[covoxer]

is it possible to have Web Designer 6 place all of the files (normally stored in the "index_htm_files" folder) into the "local" directory?

No. All the files generated by the html export filter are always placed in the files folder. This is fool-proof feature in case if someone would try to export two different sites into the same location.

But if you find such option useful, place the proposition in the dear Xara forum.

[steve.ledger]

Please use the Dear Xara Web Designer.. forum for web related feature requests

[Ron Lemire]

Thanks sledger... my wish is now posted,

John; Protecting the images in the "index_htm_file" folder doesn't do much to protect the HTML web pages if any fool were try to exporting two different sites into the same location.

Thanks for your help....

Ron

[covoxer]

Protecting the images in the "index_htm_file" folder doesn't do much to protect the HTML web pages

Try and you'll see.

[davejla]

Hello. I've been a Xara user for several years but this is my first post to the forums. Like others on this forum, I've been won over by Xara Designer Pro 6, but needed a way to integrate JQuery code into my pages.

After some experimenting, I've built a page that demonstrates the ability to do this with XDP6 and documents the steps required to make it work. I'm submitting it in the hopes that it may help others by providing a 'cookbook' approach that can be used to integrate JQuery code (and perhaps code in other languages) into a page using the tools provided in XDP6.

I'd appreciate any feedback for improvement to the page.

The page is here : http://www.djloperation.com/jquery_integration.htm

Thank you.