Skip to content

Commit 5da5194

Browse files
author
Rafael J. Staib
committed
Add insert, add and remove capabilities
1 parent 15186bd commit 5da5194

File tree

2 files changed

+569
-362
lines changed

2 files changed

+569
-362
lines changed

‎demo/add-remove.html

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
<!DOCTYPE html>
2+
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
3+
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
4+
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
5+
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
6+
<head>
7+
<meta charset="utf-8">
8+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9+
<title>jQeury.steps Demos</title>
10+
<meta name="description" content="">
11+
<meta name="viewport" content="width=device-width">
12+
<link rel="stylesheet" href="css/normalize.css">
13+
<link rel="stylesheet" href="css/main.css">
14+
<link rel="stylesheet" href="css/jquery.steps.css">
15+
<script src="../lib/modernizr-2.6.2.min.js"></script>
16+
<script src="../lib/jquery-1.9.1.min.js"></script>
17+
<script src="../jquery.steps.js"></script>
18+
</head>
19+
<body>
20+
<!--[if lt IE 7]>
21+
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
22+
<![endif]-->
23+
24+
<header>
25+
<h1>Wizard Demo</h1>
26+
<nav>
27+
<ul>
28+
<li><a href="index.html">Basic</a></li>
29+
<li><a href="multiple.html">Multiple Wizard</a></li>
30+
<li><a href="async-iframe.html">Async/Iframe Content</a></li>
31+
<li><a href="form.html">Step Validation</a></li>
32+
<li><a href="add-remove.html">Add/Remove Steps via API</a></li>
33+
</ul>
34+
</nav>
35+
</header>
36+
37+
<div class="content">
38+
<h1>Basic Demo</h1>
39+
40+
<script>
41+
$(function ()
42+
{
43+
$("#wizard").steps({
44+
headerTag: "h2",
45+
bodyTag: "section"
46+
});
47+
$("#wizard").steps("add", {
48+
title: "Fifth Step",
49+
content: "New!"
50+
});
51+
$("#wizard").steps("insert", 1, {
52+
title: "Second Step",
53+
content: "New!"
54+
});
55+
//$("#wizard").steps("remove", 2);
56+
});
57+
</script>
58+
59+
<div id="wizard">
60+
<h2>First Step</h2>
61+
<section>
62+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut nulla nunc. Maecenas arcu sem, hendrerit a tempor quis,
63+
sagittis accumsan tellus. In hac habitasse platea dictumst. Donec a semper dui. Nunc eget quam libero. Nam at felis metus.
64+
Nam tellus dolor, tristique ac tempus nec, iaculis quis nisi.</p>
65+
</section>
66+
67+
<h2>Second Step</h2>
68+
<section>
69+
<p>Donec mi sapien, hendrerit nec egestas a, rutrum vitae dolor. Nullam venenatis diam ac ligula elementum pellentesque.
70+
In lobortis sollicitudin felis non eleifend. Morbi tristique tellus est, sed tempor elit. Morbi varius, nulla quis condimentum
71+
dictum, nisi elit condimentum magna, nec venenatis urna quam in nisi. Integer hendrerit sapien a diam adipiscing consectetur.
72+
In euismod augue ullamcorper leo dignissim quis elementum arcu porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
73+
Vestibulum leo velit, blandit ac tempor nec, ultrices id diam. Donec metus lacus, rhoncus sagittis iaculis nec, malesuada a diam.
74+
Donec non pulvinar urna. Aliquam id velit lacus.</p>
75+
</section>
76+
77+
<h2>Third Step</h2>
78+
<section>
79+
<p>Morbi ornare tellus at elit ultrices id dignissim lorem elementum. Sed eget nisl at justo condimentum dapibus. Fusce eros justo,
80+
pellentesque non euismod ac, rutrum sed quam. Ut non mi tortor. Vestibulum eleifend varius ullamcorper. Aliquam erat volutpat.
81+
Donec diam massa, porta vel dictum sit amet, iaculis ac massa. Sed elementum dui commodo lectus sollicitudin in auctor mauris
82+
venenatis.</p>
83+
</section>
84+
85+
<h2>Forth Step</h2>
86+
<section>
87+
<p>Quisque at sem turpis, id sagittis diam. Suspendisse malesuada eros posuere mauris vehicula vulputate. Aliquam sed sem tortor.
88+
Quisque sed felis ut mauris feugiat iaculis nec ac lectus. Sed consequat vestibulum purus, imperdiet varius est pellentesque vitae.
89+
Suspendisse consequat cursus eros, vitae tempus enim euismod non. Nullam ut commodo tortor.</p>
90+
</section>
91+
</div>
92+
</div>
93+
</body>
94+
</html>

0 commit comments

Comments
 (0)