Clear a Flare HTML5 Search Field with the Escape Key

If you want the search field in Flare HTML5 output to clear when escape is pressed, add the following to the toolbar JavaScript. window.onload = function() { $(“#search-field”).keyup(function (e) { if (e.keyCode == 27) { $(“#search-field”).val(“”); } }); } If there is already a window.onload assignment, just add the inner part to the existing assignment.… Continue reading Clear a Flare HTML5 Search Field with the Escape Key

Snippet Parameterization for Flare HTML5 Output Using AngularJS

Wouldn’t it be nice to be able to do this with snippets? This is content in a snippet. Every time this snippet is used, the content is the same except for here: x This is content in a snippet. Every time this snippet is used, the content is the same except for here: y This… Continue reading Snippet Parameterization for Flare HTML5 Output Using AngularJS

Embellishing the jQuery Slides with Fade Effects

If you saw yesterday’s post, you may have asked, why include the function that does nothing in the parameters for the calls to slideUp() and slideDown()? For yesterday’s example, there is no good reason. The functions will work with no parameters. The first parameter passed is duration. Slow is a nice speed. According to slideUp()… Continue reading Embellishing the jQuery Slides with Fade Effects

Show and Hide with jQuery in HTML5 Output

MadCap Flare includes some show-and-hide controls for web-based outputs such as Togglers and Expanding Text. This blog has explored some alternatives for show-and-hide in the context of condition tags. Here is another option which uses jQuery to expand and collapse an element with a sliding animation. Sliding show-and-hide actions are simple tasks with jQuery. Two such functions… Continue reading Show and Hide with jQuery in HTML5 Output