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: 3 months 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 (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-15T22:33:43.000Z (almost 2 years ago)
- Last Synced: 2024-11-17T18:14:58.517Z (about 1 year 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.