mgalante / Jquery.redirect
jQuery Redirect Plugin
Stars: ✭ 182
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Jquery.redirect
Convform
A jQuery plugin that transforms a form into an interactive chat.
Stars: ✭ 141 (-22.53%)
Mutual labels: jquery-plugin, form, jquery
Form2js
Javascript library for collecting form data
Stars: ✭ 630 (+246.15%)
Mutual labels: jquery-plugin, form, jquery
Waitme
jquery plugin for easy creating loading css3/images animations
Stars: ✭ 302 (+65.93%)
Mutual labels: jquery-plugin, form, jquery
Multipicker
Form styling plugin for jQuery
Stars: ✭ 90 (-50.55%)
Mutual labels: jquery-plugin, form, jquery
Jquery jeditable
jQuery edit in place plugin. Extendable via plugin architecture. Plugins for plugin. Really.
Stars: ✭ 1,756 (+864.84%)
Mutual labels: jquery-plugin, jquery
Image Select
Image Select is an extension of Chosen, a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. It provides image support for Single and Multi select HTML tags.
Stars: ✭ 145 (-20.33%)
Mutual labels: jquery-plugin, jquery
Jquery.serializeobject
Encode a set of form elements as a JSON object for manipulation/submission.
Stars: ✭ 149 (-18.13%)
Mutual labels: jquery-plugin, jquery
Jquery.resizeend
A custom event that fires when a user stops resizing their browser.
Stars: ✭ 155 (-14.84%)
Mutual labels: jquery-plugin, jquery
Slide And Swipe Menu
⚡️ A sliding swipe menu that works with touchSwipe library.
Stars: ✭ 135 (-25.82%)
Mutual labels: jquery-plugin, jquery
Jquery Connections
Add stylable lines connecting page elements. ⮑ Handy for visualizing relations and graph edges. ⮐
Stars: ✭ 151 (-17.03%)
Mutual labels: jquery-plugin, jquery
Normalmap.js
normalmap.js is a library for creating simple interactive lighting effects using normal maps.
Stars: ✭ 156 (-14.29%)
Mutual labels: jquery-plugin, jquery
Jquery Menu Editor
Multilevel Menu Editor for Bootstrap 4.x (Html & Javascript code)
Stars: ✭ 144 (-20.88%)
Mutual labels: jquery-plugin, jquery
Bdialog
Extend the Bootstrap Modal features, making dialog more functions and easier to use, dialog type including modal, alert, mask and toast types
Stars: ✭ 174 (-4.4%)
Mutual labels: jquery-plugin, jquery
Jquery Confirm
A multipurpose plugin for alert, confirm & dialog, with extended features.
Stars: ✭ 1,776 (+875.82%)
Mutual labels: jquery-plugin, jquery
Magnificent.js
🔍 Zoom responsively, images & more, w/ jQuery.
Stars: ✭ 153 (-15.93%)
Mutual labels: jquery-plugin, jquery
Bootstrap Input Spinner
A Bootstrap 4 / jQuery plugin to create input spinner elements for number input
Stars: ✭ 176 (-3.3%)
Mutual labels: jquery-plugin, jquery
Balancedgallery
A balanced photo gallery plugin for jQuery.
Stars: ✭ 158 (-13.19%)
Mutual labels: jquery-plugin, jquery
Stickyfloat
This plugin makes it possible to have a fixed position element that is relative to it’s parent. A normal fixed positioned element would be “out of context” and is very difficult to use in the most common situations with fluid designs. This plugin solves that problem with as little code as I could possible get it so it will run in the most optimized way, while also allow you to customize it in many important ways which might suit you best.
Stars: ✭ 166 (-8.79%)
Mutual labels: jquery-plugin, jquery
jQuery.redirect
A simple HTTP POST and GET Redirection Plugin for jQuery
- Easy to use
- GET and POST requests
- Compatible with jQuery, jQlite and Zepto.js
- Supports nested objects and arrays
How does it work?
The function jQuery.redirect will create a form and populate it with the data (it supports nested values).
Installation
Using Bower
bower install jquery.redirect
Using NPM
npm install --save jquery.redirect
Using Yarn
yarn add jquery.redirect
Manually Installation
Just download jquery.rediect.js and include it in your html after jquery.js
<html>
<head>
<!-- other headers -->
<script src="jquery-XXX.js"></script>
<script src="jquery.redirect.js"></script>
</head>
<body>
<!-- your content -->
</body>
</html>
CDN
If you prefer, you can use RawGit CDN hosted version
Usage
/**
* jQuery Redirect
* @param {string} url - Url of the redirection
* @param {Object} values - (optional) An object with the data to send. If not present will look for values as QueryString in the target url.
* @param {string} method - (optional) The HTTP verb can be GET or POST (defaults to POST)
* @param {string} target - (optional) The target of the form. If you set "_blank" will open the url in a new window.
* @param {boolean} traditional - (optional) This provides the same function as jquery's ajax function. The brackets are omitted on the field name if its an array. This allows arrays to work with MVC.net among others.
* @param {boolean} redirectTop - (optional) If its called from a iframe, force to navigate the top window.
*/
$.redirect(url, [values, [method, [target, [traditional, [redirectTop]]]]])
/**
* jQuery Redirect
* @param {string} opts - Options object
* @param {string} opts.url - Url of the redirection
* @param {Object} opts.values - (optional) An object with the data to send. If not present will look for values as QueryString in the target url.
* @param {string} opts.method - (optional) The HTTP verb can be GET or POST (defaults to POST)
* @param {string} opts.target - (optional) The target of the form. "_blank" will open the url in a new window.
* @param {boolean} opts.traditional - (optional) This provides the same function as jquery's ajax function. The brackets are omitted on the field name if its an array. This allows arrays to work with MVC.net among others.
* @param {boolean} opts.redirectTop - (optional) If its called from a iframe, force to navigate the top window.
*/
$.redirect(opts)
Example of use with Object
<html>
<head>
<!-- other headers -->
<script src="jquery-XXX.js"></script>
<script src="jquery.redirect.js"></script>
<script>
jQuery(function($){
//OnClick testButton do a POST to a login.php with user and pasword
$("#testButton").click(function(){
$.redirect("/login.php", {user: "johnDoe", password: "12345"}, "POST", "_blank");
});
});
</script>
</head>
<body>
<button id="testButton">Test Redirect</button>
</body>
</html>
Example of use with links
<html>
<head>
<!-- other headers -->
<script src="jquery-XXX.js"></script>
<script src="jquery.redirect.js"></script>
<script>
jQuery(function($){
//OnClick link do a POST to a login.php with query string
// data (user and pasword in this case)
$("body").on("click",".post-redirect", function(){
$.redirect($(this).attr("href"));
});
});
</script>
</head>
<body>
<a href="/login.php?user=johnDoe&password=12345" class="post-redirect">Test redirect</a>
</body>
</html>
Running Tests with Yarn
yarn install
yarn test
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].