Jquery-idleTimeout - iFrame & Dialog Demonstrations - by JillElaine

GitHub Project Page - https://github.com/JillElaine/jquery-idleTimeout

GitHub Wiki Page - https://github.com/JillElaine/jquery-idleTimeout/wiki

Read the Wiki for more information on iframe functionality and troubleshooting.

Functions across multiple windows, tabs AND IFRAMES within the same domain

Activity events detected, as configured by the idle-Timeout setup on this demonstration page, are CLICKS AND KEYPRESSES ONLY. To see the 'idle timeout' functionality, do not press any keys or click your mouse for 60 seconds.

Demonstrates the 'Bubbling' of Activity Events

Remember, activity within iframe content that does NOT have the same protocol, host and port (Same-Origin Policy) as the parent page CANNOT be detected. There are methods for 'relaxing' the Same-Origin Policy. Please see: http://en.wikipedia.org/wiki/Same-origin_policy

Basic Iframes Demonstrations

I shake when activity is detected.

New Dialog Demonstrations

Single Iframe Dialog - Non-Modal

Nested Iframe Dialog - Non-Modal

Form Dialog - Modal

This is a demonstration of a modal dialog form with no iframe.

New Inserted Iframes Demonstrations

Examples of dynamic iframes, single and nested, same domain and other domain.

Iframes that are dynamically added to the body of the page require an 'iframe recheck' function call. Please add this code to the function that inserts the iframe: $.fn.idleTimeout().iframeRecheck();. View the source of this page to see examples of the code in use.

Iframe Insertion - Same Domain

Nested Iframe Insertion - Same Domain

Iframe Insertion - Other Domain

Div Insertion