Jacob's public fiddles
-
SightMap in fancyBox v3.5
This is a demonstration of a SightMap embedded in a fancyBox modal window, using a simple jQuery fancybox() call. Sadly, this does not work in Wordpress, but it may work for other sites.
-
SightMap in Wordpress Fancybox on Mobile
This code demonstrates how to embed a SightMap in a Wordpress page, using the fancyBox modal package. This version displays a modal activation link on screens small enough to be mobile, but switches to an inline embed on larger screens. Note that the JavaScript is still formatted as it would be in a Wordpress CMS.
-
SightMap in Pure JS Modal
This is a demonstration of a SightMap embedded in a pure JavaScript modal implementation. Note that the maximum height of the modal will be fixed to 450 pixels on screens small enough to be mobile devices. This helps keep things manageable on ridiculously small screens.
-
SightMap in Pure JS Modal on Mobile
This is a demonstration of a SightMap embedded in a pure JavaScript modal implementation. On screens small enough to be mobile devices, a link allows the user to open and close the SightMap modal. On larger screens, the SightMap is embedded in line, as normal.
-
SightMap in Wordpress Fancybox
This code demonstrates how to embed a SightMap in a Wordpress page, using the fancyBox modal package.
-
SightMap In-Line Embed
A simple SightMap use case, where the software is embedded in the web page.
-
gaL51wtk
No-Library (pure JS), HTML, CSS, JavaScript
-
sthnzbbf
No-Library (pure JS), HTML, CSS, JavaScript
-
jQuery addClass example
Change class name on click in jQuery
-
76uk6ay3
No-Library (pure JS), HTML, CSS, JavaScript