Improved Browsing of XSLT_PEDS Results

In its generation of Html files displaying data from a large number of search results, XSLT_PEDS 1.0 provides clear utility in overcoming the 20-result viewing limit for data on the USPTO’s PEDS site. Files containing many results can, however, be problematic when attempting to browse for particular results of interest. A new feature added in version 1.1 aims to mitigate this problem.

In files generated by XSLT_PEDS 1.1, you can now click on any application title to hide all of the data sections in the file except the Application Data sections. This allows for rapid browsing through the application data of all of the search results to locate those of interest. Clicking on any title again will show the hidden data sections. Importantly, the browser view of the file remains on the result of which the title was clicked to show the hidden sections, allowing easy review of that result’s sections when a search result of interest is located. The page with sections hidden may also be printed if desired to provide a hard copy containing only the Application Data for each result.

Update (September 21, 2020) : Control of the feature discussed above was changed in XSLT_PEDS 1.2, as discussed in a later post.

The latest version of XSLT_PEDS is available for download here.

Show/hide toggling of sections of an Html document based on a click is technically trivial, of course. Implementation such that large hidden swaths of a document can be shown while positioning the clicked element in a predictable and visible location in all cases is a bit more tricky. My solution was to control the scroll position so as to locate the clicked element at the top of the browser viewing area, which required temporary provision of a trailer at the page bottom to handle an edge case. Those interested in the details are invited to examine the JavaScript, CSS, and HTML in an XSLT_PEDS generated file, or to examine the peds.xsl file in the repository at https://github.com/dfyockey/XSLT_PEDS.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s