{"id":19568301,"url":"https://github.com/oguzhanoya/jquery-steps","last_synced_at":"2025-04-08T03:17:09.371Z","repository":{"id":20098628,"uuid":"88797688","full_name":"oguzhanoya/jquery-steps","owner":"oguzhanoya","description":"✅ Lightweight jQuery step wizard plugin.","archived":false,"fork":false,"pushed_at":"2022-12-31T02:31:57.000Z","size":434,"stargazers_count":105,"open_issues_count":4,"forks_count":24,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-03-30T22:32:29.615Z","etag":null,"topics":["jquery","jquery-plugin","step-wizard","wizard","wizard-steps"],"latest_commit_sha":null,"homepage":"https://oguzhanoya.github.io/jquery-steps/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/oguzhanoya.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-04-19T22:50:45.000Z","updated_at":"2024-12-12T09:47:09.000Z","dependencies_parsed_at":"2023-01-13T20:46:39.481Z","dependency_job_id":null,"html_url":"https://github.com/oguzhanoya/jquery-steps","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oguzhanoya%2Fjquery-steps","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oguzhanoya%2Fjquery-steps/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oguzhanoya%2Fjquery-steps/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oguzhanoya%2Fjquery-steps/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oguzhanoya","download_url":"https://codeload.github.com/oguzhanoya/jquery-steps/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247767237,"owners_count":20992548,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["jquery","jquery-plugin","step-wizard","wizard","wizard-steps"],"created_at":"2024-11-11T06:03:25.161Z","updated_at":"2025-04-08T03:17:09.329Z","avatar_url":"https://github.com/oguzhanoya.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## ![jquery-steps](https://oguzhanoya.github.io/jquery-steps/img/logo.svg)\n\n[![npm](https://img.shields.io/npm/v/jquery.steps)](https://www.npmjs.com/package/jquery.steps)\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n[![npm](https://img.shields.io/npm/dm/jquery.steps)](https://www.npmjs.com/package/jquery.steps)\n[![npm](https://img.shields.io/jsdelivr/npm/hm/jquery.steps)](https://www.jsdelivr.com/package/npm/jquery.steps)\n\n\u003e A simple, lightweight jQuery step wizard plugin.\n\n## Features\n- Easy configuration\n- Lightweight (2KB gzipped)\n- Works in all major browsers including IE11+\n\n## Compatibility\nIE11+, Edge, Chrome, Firefox, Opera, Safari\n\n## Installation\nNPM\n```sh\nnpm install jquery.steps\n```\nGithub\n```sh\ngit clone http://github.com/oguzhanoya/jquery-steps.git\n```\nCDN\n```html\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/jquery.steps@1.1.2/dist/jquery-steps.min.css\"\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/jquery.steps@1.1.2/dist/jquery-steps.min.js\"\u003e\u003c/script\u003e\n```\n\n## Setup\n\nInclude plugin stylesheets.\n```html\n\u003clink rel=\"stylesheet\" href=\"css/jquery-steps.css\"\u003e\n```\nMake necessary markup for wizard. That's all, you don't need to do anything else.\n```html\n\u003cdiv class=\"step-app\" id=\"demo\"\u003e\n  \u003cul class=\"step-steps\"\u003e\n    \u003cli data-step-target=\"step1\"\u003eStep 1\u003c/li\u003e\n    \u003cli data-step-target=\"step2\"\u003eStep 2\u003c/li\u003e\n    \u003cli data-step-target=\"step3\"\u003eStep 3\u003c/li\u003e\n  \u003c/ul\u003e\n  \u003cdiv class=\"step-content\"\u003e\n    \u003cdiv class=\"step-tab-panel\" data-step=\"step1\"\u003e\n      ...\n    \u003c/div\u003e\n    \u003cdiv class=\"step-tab-panel\" data-step=\"step2\"\u003e\n      ...\n    \u003c/div\u003e\n    \u003cdiv class=\"step-tab-panel\" data-step=\"step3\"\u003e\n      ...\n    \u003c/div\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"step-footer\"\u003e\n    \u003cbutton data-step-action=\"prev\" class=\"step-btn\"\u003ePrevious\u003c/button\u003e\n    \u003cbutton data-step-action=\"next\" class=\"step-btn\"\u003eNext\u003c/button\u003e\n    \u003cbutton data-step-action=\"finish\" class=\"step-btn\"\u003eFinish\u003c/button\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\nInclude plugin and dependeces. jQuery is the only dependency, make sure to include it.\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"js/jquery-steps.js\"\u003e\u003c/script\u003e\n```\nInit plugin with choosen options.\n```html\n\u003cscript\u003e\n  $('#demo').steps({\n    onFinish: function () { alert('complete'); }\n  });\n\u003c/script\u003e\n```\n## Configuration\n\n|Setting|Default Value|Description|\n|---|---|---|\n|startAt|`0`|Starts wizard at specifed step number.|\n|showBackButton|`true`|Indicates whether the back button will be visible.|\n|showFooterButtons|`true`|Indicates whether the footer buttons will be visible.|\n|stepSelector|`.step-steps`|The selector used for each step.|\n|contentSelector|`.step-content`|The selector used for the step content.|\n|footerSelector|`.step-footer`|The selector used for the buttons.|\n|activeClass|`active`|The class used when a step is active.|\n|doneClass|`done`|The class used when a step is done.|\n|errorClass|`error`|The class used when an error occurs in a step.|\n|onInit|`function(){}`|Fired when plugin is initialized.|\n|onChange|`function(currentIndex, newIndex, stepDirection){return true;}`|Fired when plugin step changed.|\n|onFinish|`function(){}`|Fired when plugin wizard finished.|\n|onDestroy|`function(){}`|Fired when plugin destroy.|\n\n## Methods\n\n|Name|Description|\n|---|---|\n|destory|Destroy the plugin instance.|\n|next|Goes to the next step.|\n|prev|Goes to the previous step.|\n|finish|Trigger the onFinish event.|\n|getStepIndex|Gets the current step index.(start from 0)|\n|getMaxStepIndex|Gets the max step index.|\n|setStepIndex|Sets the step index.|\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foguzhanoya%2Fjquery-steps","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foguzhanoya%2Fjquery-steps","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foguzhanoya%2Fjquery-steps/lists"}