https://github.com/jeankassio/jquery.directional

jQuery Plugin for page navigation using directional buttons. Functional for Web-Apps on Smart TV's
https://github.com/jeankassio/jquery.directional

app directional directional-buttons jquery jquery-plugin smarttv webapp

Last synced: about 4 hours ago
JSON representation

jQuery Plugin for page navigation using directional buttons. Functional for Web-Apps on Smart TV's

• Host: GitHub
• URL: https://github.com/jeankassio/jquery.directional
• Owner: jeankassio
• License: mit
• Created: 2024-01-08T05:48:16.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-01-15T22:33:43.000Z (10 months ago)
• Last Synced: 2024-01-16T03:53:34.096Z (10 months ago)
• Topics: app, directional, directional-buttons, jquery, jquery-plugin, smarttv, webapp
• Language: JavaScript
• Homepage:
• Size: 7.81 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# jQuery.Directional

jQuery Plugin for page navigation using directional buttons. Functional for Web-Apps on Smart TV's

## Usage

```javascript

// Include the plugin in your HTML file

```

## Overview

The jQuery.Directional plugin enhances webpage accessibility through directional button navigation. To integrate the plugin, use the following syntax:

```javascript

$.fn.Directional();

```

## Parameters

### RewriteIndexes

#### Rewrites all "tabindex" values on the page that are greater than or equal to zero, placing them in ascending order. A note is included, highlighting the potential advantages of this feature in future updates.

```javascript

$.fn.Directional({

  rewriteindexes: true

});

```

### SelectElement

#### Selects an initial element, serving as a starting point for directional navigation.

```javascript

$.fn.Directional({

  selectelement: $(".element")

});

```

### ClickOnEnter

#### Simulates mouse click when the Enter key is pressed.

```javascript

$.fn.Directional({

  clickonenter: true

});

```

### CheckIsTv

#### Activate the plugin only in TV Devices. (Need the plugin [IsSmartTV.js](https://github.com/jeankassio/IsSmartTv.js).)

```javascript

$.fn.Directional({

  checkistv: true

});

```

## Note

### Feel free to explore and customize the jQuery.Directional plugin to enhance your webpage's navigation experience.