Menu Timed Shim
 

Timed Shim

Whereas my shim links work as I intended I want to extend the operation such that they use a timed modal so that the visitor doesn't have to click an OK button to dismiss the message.

The theory here is that having attempted to click on an external link and read the message that I have posted the visitor is more likely to leave the website than press OK (or Return to page). Also the HShim() function was designed for the history pages and makes reference to geneological websites and that is not always relevant. The regShim() needs to be re-written.

Code that needs to be added.changed

The Bootstrap, jQuery libraries and and the Bootstrap stylesheet.

The Bootstrap button needs padding

Top

Shim as a hyperlink

- from the orignal example - I changed the id from modal to modal2 - the modal "Modal2" uses this reference.

Notes - on usage

The hyperlinks react differently using Bootstrap.

There are also things I need to learn about jQuery (the preceeding word is a link).

The $( document ).ready() construct (see also the page on conflicts)

The conflict with the hyperlinks comes from the use of Bootstrap. The Bootstrap library redefines the styling to configure the buttons (and possibly more). To make the links look more like they were I could re-redefine them.

The code

The code for the timed pop-up has a modal definition and a controlling function:

  • The modal here has an id="exampleModal"
  • The "anonymous" function references "exampleModal"
  • The button has an id="modal" - I want to involk the modal from a hyperlink.

My theory is that a "named" function could be used.

Links

Link to PDF Disabled

If you require a copy please email tempusfugit.me.uk

External Links Disabled.

tempusfugit.me.uk is a non-commercial website. No payment or benefit is gained by the placement of links toother websites.

The External link is disabled to on this page, please visit other pages

Unlike most genealogical research websites tempusfugit.me.uk does not attempt to get you to "sign-up" when you click on one of their links.

This Wikipedia link is disabled.

The link on Wikipedia was to:

External Links Disabled.

tempusfugit.me.uk is a non-commercial website. No payment or benefit is gained by the placement of links to other websites.

The External link is disabled to on this page, please visit other pages

Top

External Links - references

Site design by Tempusfugit Web Design -