JavaScript Power Hour - Leveraging 3rd-party code (jQuery)

1. Conference Number: 805-309-0248Participant Code: 880-0006 Power HourApril 2013 JavaScript Leveraging 3rd-party code (jQuery)

2. Power Hour – April 2013 Agenda • JavaScriptLeveraging 3rd-party code (jQuery) • Survey Results • Webinar Schedule

3. Power Hour – April 2013 JavaScriptLeveraging 3rd-party code (jQuery)

4. JavaScript – Leveraging 3rd-party code (jQuery) Experience

5. JavaScript – Leveraging 3rd-party code (jQuery) What are your goals for this session?

6. JavaScript – Leveraging 3rd-party code (jQuery) What are your goals for this session? • Integration points for Reverb or Dynamic HTML output. Overview of ePublisher's built-in JavaScript • Learn how jQuery can make our help more interactive

7. JavaScript – Leveraging 3rd-party code (jQuery) Topics to cover: • Learn where to place JavaScript library files • Understand the Page.asp markup required • Expand JavaScript into generated pages

8. JavaScript – Leveraging 3rd-party code (jQuery) Learn where to place JavaScript library files: • Internet – Several scripts publicly hosted on CDN (content delivery networks) • <format>\Pages\scripts • Project Files Folder

9. JavaScript – Leveraging 3rd-party code (jQuery) Understand the Page.asp markup required: • Internet CDN • Only works for content hosted on a web server (no file:// URLs) • Example<script src="//ajax.googleapis.com/ajax/libs/jquery /1.9.1/jquery.min.js"></script>

10. JavaScript – Leveraging 3rd-party code (jQuery) Understand the Page.asp markup required: • @wwpage:attribute-src • relative-to-output • copy-relative-to-output • Example<script type="text/javascript" src="scripts/unidata.js" wwpage:attribute-src="copy-relative-to-output"></script>

11. JavaScript – Leveraging 3rd-party code (jQuery) Expand JavaScript into generated pages: • Two ways • @wwpage:content-from-file • @wwpage:replace-from-file • Example<wwpage:Import wwpage:replace-from-file="scripts/common.js" />

12. JavaScript – Leveraging 3rd-party code (jQuery) Expand JavaScript into generated pages: • NOTEChange required to pages.xsl prior to 2013.1 for all formats except WebWorks Reverb • Example<xsl:apply-templates select="$GlobalPageTemplate" mode="wwmode:pagetemplate"> <xsl:with-param name="ParamPageTemplateURI" select="$ParameterPageTemplateURI" />

13. Power Hour – April 2013 Survey Results

14. Survey Results When to meet:

15. Survey Results Voice Options:

16. Survey Results Topics to cover:

17. Survey Results Topics to cover: • XML/XSLT oriented sessions

18. Power Hour – April 2013 Webinar Schedule

19. Webinar Schedule Power Hour: • May 30th at 2:00pm Central • XSL-FOBasic Concepts and Markup Sign-up atwww.webworks.com/eSchool/Power_Hour/

20. Webinar Schedule Show Me: • May 16th at 10:30am Central • Learn what the ePublisher platform can do for you • Repeats monthly on the 3rd Thursday Sign-up atwww.webworks.com/eSchool/Show_Me/

21. Webinar Schedule Study Hall: • May 8th at 1:00pm Central • Open forum for ePublisher users • Repeats monthly on the 2nd and last Wednesdays Join atwww.webworks.com/eSchool/Study_Hall/

22. Power HourApril 2013 JavaScript Leveraging 3rd-party code (jQuery)