PHPackages                             xspade/fullscreen-jquery-plugin - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. xspade/fullscreen-jquery-plugin

ActiveLibrary[Utility & Helpers](/categories/utility)

xspade/fullscreen-jquery-plugin
===============================

Makes HTML elements fullscreen by changing height and width without recreating the element again.

0.1(11y ago)037JavaScript

Since May 18Pushed 11y ago1 watchersCompare

[ Source](https://github.com/xspade/fullscreen-jquery-plugin)[ Packagist](https://packagist.org/packages/xspade/fullscreen-jquery-plugin)[ RSS](/packages/xspade-fullscreen-jquery-plugin/feed)WikiDiscussions master Synced today

READMEChangelog (1)Dependencies (2)Versions (2)Used By (0)

Jquery Fullscreen Plugin
========================

[](#jquery-fullscreen-plugin)

This is a simple jQuery plugin which sets any HTML element as fullscreen by changing its height and width. It does not recreate the element again like other Layover, Modalbox does.

Usage:
------

[](#usage)

```
$('#fullscreen-link').click(function(){
  $('#iframe,#content-block').FullScreen({
    // This option has to be implemented if 'title' is required on the header when fullscreen mode is on.
    title: function(fullScreenElement) {
      if (!fullScreenElement.parents('.dashboard-iframe-block').find('.dashboard-iframe-header span:first')) {
        throw new Error("Require element to display fullscreen title is not found.")
      }
      return fullScreenElement.parents('.dashboard-iframe-block')
        .find('.dashboard-iframe-header span:first')
        .attr('data-title');
    },
    // Optional settings
    // Activates fullscreen when CTRL + F key is pressed only if there is only one Fullscreen element
    // in the DOM.
    controlF : false,
    //Invoked when fullscreen mode is inactive after being active
    hidden: function (fullScreenElement) {
      fullScreenElement.sibiling('span').show();
    },
    // Invoked when fullscreen mode is active
    shown: function (fullScreenElement) {
      fullScreenElement.next('div.test').hide();
    },
    // Exit title that gets dispalyed in the top of the page when fullscreen mode is active
    exitTitle: "Exit Fullscreen",
    // Length of the title to be displaye in the header of the fullscreen mode. If titile exceeeds
    // The specified length, then its will trim it appending ellipsis at the end.
    titleLength: 85
  });
});
```

###  Health Score

24

—

LowBetter than 31% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity7

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity53

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 85.7% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

4064d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/4aca013d835ab17391d3358b62c8293213cf1cf4e7e9865705ddd1e4380e8c2f?d=identicon)[xspade](/maintainers/xspade)

---

Top Contributors

[![prabeengiri](https://avatars.githubusercontent.com/u/3868352?v=4)](https://github.com/prabeengiri "prabeengiri (18 commits)")[![xspade](https://avatars.githubusercontent.com/u/1004573?v=4)](https://github.com/xspade "xspade (3 commits)")

### Embed Badge

![Health badge](/badges/xspade-fullscreen-jquery-plugin/health.svg)

```
[![Health](https://phpackages.com/badges/xspade-fullscreen-jquery-plugin/health.svg)](https://phpackages.com/packages/xspade-fullscreen-jquery-plugin)
```

###  Alternatives

[fullcalendar/fullcalendar

Full-sized drag & drop event calendar

20.5k375.9k4](/packages/fullcalendar-fullcalendar)[eternicode/bootstrap-datepicker

A datepicker for Bootstrap

12.7k550.0k6](/packages/eternicode-bootstrap-datepicker)[vakata/jstree

jsTree is jquery plugin, that provides interactive trees.

5.2k1.8M11](/packages/vakata-jstree)[eonasdan/bootstrap-datetimepicker

Date/time picker widget based on twitter bootstrap

7.2k498.4k9](/packages/eonasdan-bootstrap-datetimepicker)[nicolaskruchten/pivottable

Javascript Pivot Table (aka Pivot Grid, Pivot Chart, Cross-Tab) implementation with drag'n'drop.

4.4k219.4k1](/packages/nicolaskruchten-pivottable)[rmm5t/jquery-timeago

jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago").

3.8k182.6k2](/packages/rmm5t-jquery-timeago)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)