Displaying 1 to 19 from 19 results

ifvisible

  •    CoffeeScript

Crossbrowser & lightweight way to check if user is looking at the page or interacting with it. (wrapper around HTML5 visibility api)

visibilityjs - Wrapper for the Page Visibility API

  •    CoffeeScript

Visibility.js is a wrapper for the Page Visibility API. It hides vendor prefixes and adds high level functions. Page Visibility API allows you to determine whether your web page is either visible to a user or hidden in background tab or prerendering. It allows you to use the page visibility state in JavaScript logic and improve browser performance by disabling unnecessary timers and AJAX requests, or improve user interface experience (for example, by stopping video playback or slideshow when user switches to another browser tab).

react-visibility-sensor - Sensor component for React that notifies you when it goes in or out of the window viewport

  •    Javascript

Sensor component for React that notifies you when it goes in or out of the window viewport. Useful if you want to use with bower, or in a plain old <script> tag.

whenLive - jQuery plugin that allows you to define event handlers to be fired the moment a specified element becomes available within the DOM

  •    Javascript

I occasionally find myself creating Javascript components that need to run some type of setup procedure - but only once the component exists and is visible within the DOM tree. Situations in which I run into this problem typically involve calculations that are dependent on a component's dimensions.My experience has been that such a seemingly simple thing to track often isn't. The component in question may not be immediately inserted into the document - it may be created as part of an even larger component that won't be inserted until its own setup routines are complete.




react-component-visibility - For when your components need to know whether users can see them or not

  •    Javascript

A mixin for determining whether a component is visible to the user or not. Versions below v1.0.0 use the React namespace, v1.0.0 and later use ReactDOM instead, which means if you're using an older version of React, you may need to handpick the version you want to use.

visibly.js - A cross-browser Page Visibility API shim

  •    Javascript

visibly lets you easily establish whether a page currently being viewed in the browser is visible to the user or has been hidden by them switching to another tab. The visibly polyfill wraps around the Page Visibility API defined by the W3C. Native support for the API can be found in all modern browsers based on data from caniuse.com.

dependency-check-plugin - Jenkins plugin for OWASP Dependency-Check

  •    Java

Dependency-Check is a utility that identifies project dependencies and checks if there are any known, publicly disclosed, vulnerabilities. This tool can be part of the solution to the OWASP Top 10 2013: A9 - Using Components with Known Vulnerabilities. This plug-in can independently execute a Dependency-Check analysis and visualize results.

visibility.js - A cross-browser plugin for using the Page Visibility API

  •    Javascript

This component can be used as an AMD module, CommonJS module, or a global. To use create a new Visibility instance, passing the relevant callbacks you need.


isOnScreen - Simple jQuery plugin to determine if an element is within the viewport

  •    Javascript

Simple jQuery plugin to determine if an element is positioned within the viewport. It does not test any other type of "visibility", like css display, opacity, presence in the dom, etc - it only considers position. Current version returns true if at least 1 pixel is visible on screen.

joii - Javascript Object Inheritance Implementation

  •    Javascript

JOII (short for JavaScript Object Inheritance Implementation) brings class- based programming to JavaScript without the use of a compiler. Everything is done using native JavaScript. JOII allows you to build your applications using Classes and Interfaces as you would in most other object oriented languages. JOII is built with the priciple of being compatible with any browser on the market. Therefore, JOII is supported by Internet Explorer 5.5 and anything that came after that. In node environments, JOII no longer exposes anything to the global scope. This means that functions like Class, Interface and Enum are no longer directly available by default. If you want to keep this behavior, use the useGlobal() function when requiring JOII.

vista - Really easy, CSS-based, location-driven display control for your elements.

  •    Javascript

In a typical webapp, the URL loads a different page of HTML elements. But in a single page webapp, all elements live in the same page but only some are displayed at any one time. Vista makes it easy, even necessary, to keep that meaningful relationship between the URL and the elements that are displayed. After all, if you use the URL to control element display, you can't forget to update the URL. This means you always support the back button, deep linking, and bookmarks. Vista lets you manage element display in a way that is simple, declarative, decoupled, and fast. Just add a vista="url-section-here" attribute to your element, and it will only be displayed when the URL has a section like that. Nothing else needed. If you want more complex URL tests, Vista lets you declare those in markup too. There's no manual display toggling, nor custom CSS, nor extra JavaScript to write. Vista works with frameworks or on its own. It has no dependencies, no known conflicts, and few constraints.

change-title-onleave - Change the tab title by change its visibility

  •    Javascript

You can get it on npm/yarn. If you're not into package management, download a ZIP file.

vue-visible - v-visible directive for VueJS

  •    Javascript

This plugins adds a v-visible directive (similar to the native v-show) that changes the visibility style of the applied element (hidden or visible).

react-intersection-visible-hook - React Hook to track the visibility of a functional component

  •    Javascript

React hook to track the visibility of a functional component based on IntersectionVisible Observer. In the following example we changed the background color of the body depending on the visibility of the blue box.