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 1w ago

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 30% 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

4109d 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

[eternicode/bootstrap-datepicker

A datepicker for Bootstrap

12.7k552.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.2k500.2k9](/packages/eonasdan-bootstrap-datetimepicker)[nicolaskruchten/pivottable

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

4.4k223.4k1](/packages/nicolaskruchten-pivottable)[mottie/tablesorter

tablesorter (FORK) is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell.

2.6k234.4k](/packages/mottie-tablesorter)[components/jqueryui

jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.

1775.9M61](/packages/components-jqueryui)

PHPackages © 2026

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