<style>/*<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=8737588169908790988&zx=f4254960-0ee5-4097-9928-2c32cdeb1373' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=8737588169908790988&zx=f4254960-0ee5-4097-9928-2c32cdeb1373' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

</head><body>*/</style>

Dynamic Content in EPUB 3

Stewart Haines

22 Sep, 2025

Tasteful dynamic content in EPUB 3.

This sample reflowable EPUB 3 file includes some Reading System javascript to toggle the visibility of some text content. The dynamic content is in the second chapter, which is a recipe for the Georgian bean stew known as lobio.

It allows the reader to click or tap the a) number of serves, and b) the measuring units that are displayed in the recipe.

Add Comment

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/552934507-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6S0Rwuz952UkjpBWjRFCA57P2ajg:1758545047515';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8737588169908790988','//blog.stewarthaines.com/2025/09/dynamic-content-in-epub-3.html','8737588169908790988');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '8737588169908790988', 'title': 'EPUB 3 Investigations', 'url': 'https://blog.stewarthaines.com/2025/09/dynamic-content-in-epub-3.html', 'canonicalUrl': 'https://blog.stewarthaines.com/2025/09/dynamic-content-in-epub-3.html', 'homepageUrl': 'https://blog.stewarthaines.com/', 'searchUrl': 'https://blog.stewarthaines.com/search', 'canonicalHomepageUrl': 'https://blog.stewarthaines.com/', 'blogspotFaviconUrl': 'https://blog.stewarthaines.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22EPUB 3 Investigations - Atom\x22 href\x3d\x22https://blog.stewarthaines.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22EPUB 3 Investigations - RSS\x22 href\x3d\x22https://blog.stewarthaines.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22EPUB 3 Investigations - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/8737588169908790988/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22EPUB 3 Investigations - Atom\x22 href\x3d\x22https://blog.stewarthaines.com/feeds/7304808990332626915/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/6d12723abf16eb92', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '7304808990332626915', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIwMC2ZDGzP0WhTE20t7lH4qEomaq-8bly6pI98whZ3ZSLZkzQBc80vXjo5dbxznh3RBGBxgmy5QR-pEPUK275YzeAmI8JN46_ZdXDByzaM73eObG0i2v0TYD0sUodY5_kzDrU94lMbWZwbzvTpof_GmxKccu2PWdA5J95NvsEaMHJNAoIa2iHeejEQ6U/s72-c/Screenshot%202025-09-22%20at%204.38.24%20pm.png', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIwMC2ZDGzP0WhTE20t7lH4qEomaq-8bly6pI98whZ3ZSLZkzQBc80vXjo5dbxznh3RBGBxgmy5QR-pEPUK275YzeAmI8JN46_ZdXDByzaM73eObG0i2v0TYD0sUodY5_kzDrU94lMbWZwbzvTpof_GmxKccu2PWdA5J95NvsEaMHJNAoIa2iHeejEQ6U/s320/Screenshot%202025-09-22%20at%204.38.24%20pm.png', 'pageName': 'Dynamic Content in EPUB 3', 'pageTitle': 'EPUB 3 Investigations: Dynamic Content in EPUB 3'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Dynamic Content in EPUB 3', 'description': 'Tasteful dynamic content in EPUB 3.   This sample reflowable EPUB 3 file includes some Reading System javascript to toggle the visibility of...', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIwMC2ZDGzP0WhTE20t7lH4qEomaq-8bly6pI98whZ3ZSLZkzQBc80vXjo5dbxznh3RBGBxgmy5QR-pEPUK275YzeAmI8JN46_ZdXDByzaM73eObG0i2v0TYD0sUodY5_kzDrU94lMbWZwbzvTpof_GmxKccu2PWdA5J95NvsEaMHJNAoIa2iHeejEQ6U/s320/Screenshot%202025-09-22%20at%204.38.24%20pm.png', 'url': 'https://blog.stewarthaines.com/2025/09/dynamic-content-in-epub-3.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 7304808990332626915}}, {'name': 'widgets', 'data': [{'title': 'EPUB 3 Investigations (Header)', 'type': 'Header', 'sectionId': 'upload-image', 'id': 'Header1'}, {'title': 'JSON Variables', 'type': 'HTML', 'sectionId': 'upload-image', 'id': 'HTML50'}, {'title': 'Search This Blog', 'type': 'BlogSearch', 'sectionId': 'upload-image', 'id': 'BlogSearch1'}, {'type': 'Attribution', 'sectionId': 'upload-image', 'id': 'Attribution1'}, {'title': '', 'type': 'BlogArchive', 'sectionId': 'upload-image', 'id': 'BlogArchive1'}, {'title': 'Categories', 'type': 'Label', 'sectionId': 'upload-image', 'id': 'Label1'}, {'title': 'Main Tags', 'type': 'Label', 'sectionId': 'upload-image', 'id': 'Label2'}, {'title': '', 'type': 'ReportAbuse', 'sectionId': 'upload-image', 'id': 'ReportAbuse1'}, {'title': '', 'type': 'PageList', 'sectionId': 'upload-image', 'id': 'PageList1'}, {'title': 'About Me', 'type': 'Profile', 'sectionId': 'upload-image', 'id': 'Profile1'}, {'title': 'Default Thumbnail', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image52'}, {'title': 'Pages', 'type': 'PageList', 'sectionId': 'upload-image', 'id': 'PageList52'}, {'title': '', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image50'}, {'title': 'About Us', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image51'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '7304808990332626915', 'title': 'Dynamic Content in EPUB 3', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIwMC2ZDGzP0WhTE20t7lH4qEomaq-8bly6pI98whZ3ZSLZkzQBc80vXjo5dbxznh3RBGBxgmy5QR-pEPUK275YzeAmI8JN46_ZdXDByzaM73eObG0i2v0TYD0sUodY5_kzDrU94lMbWZwbzvTpof_GmxKccu2PWdA5J95NvsEaMHJNAoIa2iHeejEQ6U/s320/Screenshot%202025-09-22%20at%204.38.24%20pm.png', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'author', 'label': 'by'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Comment'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Tags:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'by'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'labels', 'label': 'Tags:'}]}, {'title': 'About', 'type': 'Profile', 'sectionId': 'sidebar-static', 'id': 'Profile2'}, {'title': 'Categories', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label10'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': 'About This', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Follow Me', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'upload-image', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML50', 'upload-image', document.getElementById('HTML50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'upload-image', document.getElementById('BlogSearch1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'upload-image', document.getElementById('Attribution1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'upload-image', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'upload-image', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'upload-image', document.getElementById('Label2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ReportAbuseView', new _WidgetInfo('ReportAbuse1', 'upload-image', document.getElementById('ReportAbuse1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'upload-image', document.getElementById('PageList1'), {'title': '', 'links': [{'isCurrentPage': false, 'href': 'http://seed-html.blogspot.com/', 'title': 'Home'}, {'isCurrentPage': false, 'href': 'https://blog.stewarthaines.com/p/about.html', 'id': '7518744560269226166', 'title': 'About'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'upload-image', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image52', 'upload-image', document.getElementById('Image52'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList52', 'upload-image', document.getElementById('PageList52'), {'title': 'Pages', 'links': [{'isCurrentPage': false, 'href': '/', 'title': 'Home'}, {'isCurrentPage': false, 'href': 'https://blog.stewarthaines.com/p/about.html', 'id': '7518744560269226166', 'title': 'About'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image50', 'upload-image', document.getElementById('Image50'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image51', 'upload-image', document.getElementById('Image51'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'header-main', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2434276967-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile2', 'sidebar-static', document.getElementById('Profile2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label10', 'sidebar-static', document.getElementById('Label10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar-static', document.getElementById('HTML19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'footer-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>