ms-dropdown-rails 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- data/.document +5 -0
- data/.rspec +1 -0
- data/GPL-LICENSE.txt +278 -0
- data/Gemfile +9 -0
- data/Gemfile.lock +37 -0
- data/LICENSE.txt +20 -0
- data/MIT-LICENSE.txt +20 -0
- data/README.md +200 -0
- data/Rakefile +49 -0
- data/Readme.txt +10 -0
- data/VERSION +1 -0
- data/lib/ms-dropdown-rails.rb +7 -0
- data/ms-dropdown-rails.gemspec +130 -0
- data/spec/README +0 -0
- data/spec/ajax-cd.html +2 -0
- data/spec/ajax-date.html +2 -0
- data/spec/ajax-json.html +1 -0
- data/spec/ajax-main.html +142 -0
- data/spec/ajax-shoppingcart.html +2 -0
- data/spec/cssSprite.html +95 -0
- data/spec/getvalue.php +17 -0
- data/spec/icons/1273404841_tick_16.png +0 -0
- data/spec/icons/Thumbs.db +0 -0
- data/spec/icons/button-large.gif +0 -0
- data/spec/icons/demoaction.jpg +0 -0
- data/spec/icons/enabled.gif +0 -0
- data/spec/icons/giftlelo_dot_com.jpg +0 -0
- data/spec/icons/icon_calendar.gif +0 -0
- data/spec/icons/icon_cart.gif +0 -0
- data/spec/icons/icon_cd.gif +0 -0
- data/spec/icons/icon_email.gif +0 -0
- data/spec/icons/icon_faq.gif +0 -0
- data/spec/icons/icon_games.gif +0 -0
- data/spec/icons/icon_lockopen.gif +0 -0
- data/spec/icons/icon_music.gif +0 -0
- data/spec/icons/icon_phone.gif +0 -0
- data/spec/icons/icon_sales.gif +0 -0
- data/spec/icons/icon_secure.gif +0 -0
- data/spec/icons/icon_video.gif +0 -0
- data/spec/icons/jquery-msdropdown.gif +0 -0
- data/spec/icons/msDropDown.gif +0 -0
- data/spec/icons/preview.gif +0 -0
- data/spec/icons/sprite.gif +0 -0
- data/spec/icons/sprite.jpg +0 -0
- data/spec/icons/tick.gif +0 -0
- data/spec/images/Thumbs.db +0 -0
- data/spec/images/icon-arrow.gif +0 -0
- data/spec/images/icon-ok.gif +0 -0
- data/spec/images/msDropDown.gif +0 -0
- data/spec/index.html +85 -0
- data/spec/mouse-events.html +427 -0
- data/spec/ms-dropdown-rails_spec.rb +7 -0
- data/spec/msdropdown/Thumbs.db +0 -0
- data/spec/msdropdown/dd.css +172 -0
- data/spec/msdropdown/dd_arrow.gif +0 -0
- data/spec/msdropdown/js/jquery-1.3.2.min.js +19 -0
- data/spec/msdropdown/js/jquery-1.6.1.min.js +18 -0
- data/spec/msdropdown/js/jquery-1.7.1.min.js +4 -0
- data/spec/msdropdown/js/jquery-1.7.2.min.js +4 -0
- data/spec/msdropdown/js/jquery.dd.js +11 -0
- data/spec/msdropdown/js/jquery.dd.min.js +1 -0
- data/spec/msdropdown/js/test.js +79 -0
- data/spec/msdropdown/js/uncompressed.jquery.dd.js +1110 -0
- data/spec/multipleSkin.html +112 -0
- data/spec/normal.html +127 -0
- data/spec/objectOriented.html +200 -0
- data/spec/spec_helper.rb +12 -0
- data/spec/test-ui.html +131 -0
- data/updates.txt +7 -0
- data/vendor/assets/images/ms-dropdown/dd_arrow.gif +0 -0
- data/vendor/assets/images/ms-dropdown/icon-arrow.gif +0 -0
- data/vendor/assets/images/ms-dropdown/icon-ok.gif +0 -0
- data/vendor/assets/images/ms-dropdown/msDropDown.gif +0 -0
- data/vendor/assets/images/ms-dropdown/sprite.gif +0 -0
- data/vendor/assets/images/ms-dropdown/sprite.jpg +0 -0
- data/vendor/assets/javascripts/jquery.dd.js +11 -0
- data/vendor/assets/javascripts/jquery.dd.min.js +1 -0
- data/vendor/assets/javascripts/uncompressed.jquery.dd.js +1110 -0
- data/vendor/assets/stylesheets/ms-dropdown/dd.css +172 -0
- metadata +210 -0
@@ -0,0 +1,112 @@
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
2
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
3
|
+
<head>
|
4
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
5
|
+
<title>Image Dropdown</title>
|
6
|
+
<link rel="stylesheet" type="text/css" href="msdropdown/dd.css" />
|
7
|
+
<script type="text/javascript" src="msdropdown/js/jquery-1.3.2.min.js"></script>
|
8
|
+
<script type="text/javascript" src="msdropdown/js/jquery.dd.js"></script>
|
9
|
+
<style type="text/css">
|
10
|
+
.toplinks {font-family:Arial, Helvetica, sans-serif;
|
11
|
+
font-size:12px;
|
12
|
+
background-color: #777777;
|
13
|
+
color:#fff;
|
14
|
+
border-bottom:2px solid #c3c3c3;
|
15
|
+
margin-bottom:10px;
|
16
|
+
padding-bottom:10px;
|
17
|
+
}
|
18
|
+
.toplinks a, .toplinks a :visited{color:#FFF;}
|
19
|
+
.small{font-size:10px; line-height:12px; color:#006; font-weight:normal; font-family:Arial, Helvetica, sans-serif; position:relative; top:-10px}
|
20
|
+
</style>
|
21
|
+
</head>
|
22
|
+
<body>
|
23
|
+
|
24
|
+
<table width="100%" border="0" cellspacing="0" cellpadding="5" class="toplinks">
|
25
|
+
<tr>
|
26
|
+
<td width="11%"><strong><a href="normal.html">Simple</a></strong></td>
|
27
|
+
<td width="16%"><a href="cssSprite.html"><strong>CSS Sprite</strong></a></td>
|
28
|
+
<td width="18%"><a href="multipleSkin.html"><strong>Multiple Skin</strong></a></td>
|
29
|
+
<td width="17%"><a href="objectOriented.html"><strong>Object Oriented Approch</strong></a></td>
|
30
|
+
<td width="18%"><a href="ajax-main.html"><strong>Ajax Call</strong></a></td>
|
31
|
+
<td width="20%"><a href="mouse-events.html"><strong>Mouse Events</strong></a></td>
|
32
|
+
</tr>
|
33
|
+
</table>
|
34
|
+
<form name="myform" id="myform" action="getvalue.php" enctype="multipart/form-data" method="post">
|
35
|
+
<h1>Javascript image dropdown <span id="ver"></span> <a class="small" href="http://www.marghoobsuleman.com/jquery-image-dropdown" title="Download">Download</a> </h1>
|
36
|
+
<p>
|
37
|
+
<select name="websites3" id="websites3" style="width:200px;">
|
38
|
+
<option value="calendar" selected="selected" title="icons/icon_calendar.gif">Calendar</option>
|
39
|
+
<option value="shopping_cart" title="icons/icon_cart.gif">Shopping Cart</option>
|
40
|
+
<option value="cd" title="icons/icon_cd.gif">CD</option>
|
41
|
+
<option value="email" title="icons/icon_email.gif">Email</option>
|
42
|
+
<option value="faq" title="icons/icon_faq.gif">FAQ</option>
|
43
|
+
<option value="games" title="icons/icon_games.gif">Games</option>
|
44
|
+
<option value="music" title="icons/icon_music.gif">Music</option>
|
45
|
+
<option value="phone" title="icons/icon_phone.gif">Phone</option>
|
46
|
+
<option value="graph" title="icons/icon_sales.gif">Graph</option>
|
47
|
+
<option value="secured" title="icons/icon_secure.gif">Secured</option>
|
48
|
+
<option value="video" title="icons/icon_video.gif">Video</option>
|
49
|
+
</select>
|
50
|
+
<br />
|
51
|
+
<br />
|
52
|
+
</p>
|
53
|
+
<p><br />
|
54
|
+
<br />
|
55
|
+
<select name="websites2" id="websites2" style="width:258px;">
|
56
|
+
<option name="one" value="msDropDown" selected="selected" title="images/icon-ok.gif">msDropDown</option>
|
57
|
+
<option name="two" value="PrototypeCombobox" title="images/icon-ok.gif">Prototype Combobox</option>
|
58
|
+
<option value="jQuery Tabs" title="images/icon-ok.gif">jQuery Tabs</option>
|
59
|
+
<option value="Common Accordion" title="images/icon-ok.gif">Common Accordion</option>
|
60
|
+
</select><br />
|
61
|
+
<br />
|
62
|
+
|
63
|
+
</p>
|
64
|
+
<p>
|
65
|
+
<input type="submit" value="Submit Value" />
|
66
|
+
<br />
|
67
|
+
</p>
|
68
|
+
</form>
|
69
|
+
<script language="javascript" type="text/javascript">
|
70
|
+
|
71
|
+
function showvalue(arg) {
|
72
|
+
alert(arg);
|
73
|
+
//arg.visible(false);
|
74
|
+
}
|
75
|
+
|
76
|
+
$(document).ready(function() {
|
77
|
+
$("#websites3").msDropDown();
|
78
|
+
$("#websites2").msDropDown({mainCSS:'dd2'});
|
79
|
+
//alert($.msDropDown.version);
|
80
|
+
//$.msDropDown.create("body select");
|
81
|
+
$("#ver").html($.msDropDown.version);
|
82
|
+
/*
|
83
|
+
try {
|
84
|
+
$("#websites3").msDropDown();
|
85
|
+
$("#websites2").msDropDown({mainCSS:'dd2'});
|
86
|
+
//alert($.msDropDown.version);
|
87
|
+
//$.msDropDown.create("body select");
|
88
|
+
$("#ver").html($.msDropDown.version);
|
89
|
+
} catch(e) {
|
90
|
+
alert("Error: "+e.message);
|
91
|
+
}
|
92
|
+
*/
|
93
|
+
})
|
94
|
+
|
95
|
+
|
96
|
+
</script>
|
97
|
+
<div class="node-links" style="padding:10px; border:1px solid #c3c3c3;background:#222222; margin-top:40px">
|
98
|
+
<div class="adsense">
|
99
|
+
<script type="text/javascript"><!--
|
100
|
+
google_ad_client = "pub-7681689922712917";
|
101
|
+
/* 468x15 */
|
102
|
+
google_ad_slot = "4604426671";
|
103
|
+
google_ad_width = 468;
|
104
|
+
google_ad_height = 15;
|
105
|
+
//-->
|
106
|
+
</script>
|
107
|
+
<!--script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script-->
|
108
|
+
</div>
|
109
|
+
</div>
|
110
|
+
|
111
|
+
</body>
|
112
|
+
</html>
|
data/spec/normal.html
ADDED
@@ -0,0 +1,127 @@
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
2
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
3
|
+
<head>
|
4
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
5
|
+
<title>Image Dropdown</title>
|
6
|
+
<link rel="stylesheet" type="text/css" href="msdropdown/dd.css" />
|
7
|
+
<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>-->
|
8
|
+
<script type="text/javascript" src="msdropdown/js/jquery-1.6.1.min.js"></script>
|
9
|
+
<script type="text/javascript" src="msdropdown/js/jquery.dd.min.js"></script>
|
10
|
+
<style type="text/css">
|
11
|
+
.toplinks{ font-family:Arial, Helvetica, sans-serif;
|
12
|
+
font-size:12px;
|
13
|
+
background-color: #777777;
|
14
|
+
color:#fff;
|
15
|
+
border-bottom:2px solid #c3c3c3;
|
16
|
+
margin-bottom:10px;
|
17
|
+
padding-bottom:10px;
|
18
|
+
}
|
19
|
+
.toplinks a, .toplinks a :visited{color:#FFF;}
|
20
|
+
.small{font-size:10px; line-height:12px; color:#006; font-weight:normal; font-family:Arial, Helvetica, sans-serif; position:relative; top:-10px}
|
21
|
+
|
22
|
+
</style>
|
23
|
+
</head>
|
24
|
+
<body>
|
25
|
+
|
26
|
+
|
27
|
+
<table width="100%" border="0" cellspacing="0" cellpadding="5" class="toplinks">
|
28
|
+
<tr>
|
29
|
+
<td width="11%"><strong><a href="normal.html">Simple</a></strong></td>
|
30
|
+
<td width="16%"><a href="cssSprite.html"><strong>CSS Sprite</strong></a></td>
|
31
|
+
<td width="18%"><a href="multipleSkin.html"><strong>Multiple Skin</strong></a></td>
|
32
|
+
<td width="17%"><a href="objectOriented.html"><strong>Object Oriented Approch</strong></a></td>
|
33
|
+
<td width="18%"><a href="ajax-main.html"><strong>Ajax Call</strong></a></td>
|
34
|
+
<td width="20%"><a href="mouse-events.html"><strong>Mouse Events</strong></a></td>
|
35
|
+
</tr>
|
36
|
+
</table>
|
37
|
+
<form name="myform" id="myform" action="getvalue.php" enctype="multipart/form-data" method="post">
|
38
|
+
<h1>Javascript image dropdown <span id="ver"></span> <a class="small" href="http://www.marghoobsuleman.com/jquery-image-dropdown" title="Download">Download</a> </h1>
|
39
|
+
|
40
|
+
<p>
|
41
|
+
<select style="width:200px" class="mydds" name="myimge">
|
42
|
+
<option value="calendar" selected="selected" title="icons/icon_calendar.gif">Calendar</option>
|
43
|
+
<option value="shopping_cart" title="icons/icon_cart.gif">Shopping Cart</option>
|
44
|
+
<option value="cd" title="icons/icon_cd.gif">CD</option>
|
45
|
+
<option value="email" title="icons/icon_email.gif">Email</option>
|
46
|
+
<option value="faq" title="icons/icon_faq.gif">FAQ</option>
|
47
|
+
<option value="games" title="icons/icon_games.gif">Games</option>
|
48
|
+
<option value="music" title="icons/icon_music.gif">Music</option>
|
49
|
+
<option value="phone" title="icons/icon_phone.gif">Phone</option>
|
50
|
+
<option value="graph" title="icons/icon_sales.gif">Graph</option>
|
51
|
+
<option value="secured" title="icons/icon_secure.gif">Secured</option>
|
52
|
+
<option value="video" title="icons/icon_video.gif">Video</option>
|
53
|
+
</select>
|
54
|
+
<br />
|
55
|
+
|
56
|
+
<select style="width:50px" class="mydds" name="mine">
|
57
|
+
<option value="calendar" selected="selected" title="icons/icon_calendar.gif"></option>
|
58
|
+
<option value="shopping_cart" title="icons/icon_cart.gif"></option>
|
59
|
+
<option value="cd" title="icons/icon_cd.gif"></option>
|
60
|
+
</select>
|
61
|
+
|
62
|
+
<br />
|
63
|
+
</p>
|
64
|
+
<p id="dpholder" >
|
65
|
+
<h3>With title: used json style in title attribute. ie: title="{image:'icons/icon_cart.gif', title:'Shopping Cart'}" </h3>
|
66
|
+
<select style="width:200px" class="mydds" name="myimge2">
|
67
|
+
<option value="calendar" selected="selected" title="{image:'icons/icon_calendar.gif', title:'Calendar'}">Calendar</option>
|
68
|
+
<option value="shopping_cart" title="{image:'icons/icon_cart.gif', title:'Shopping Cart'}">Shopping Cart</option>
|
69
|
+
<option value="cd" title="{image:'icons/icon_cd.gif', title:'CD'}">CD</option>
|
70
|
+
<option value="email" title="{image:'icons/icon_email.gif', title:'Email'}">Email</option>
|
71
|
+
<option value="faq" title="{image:'icons/icon_faq.gif', title:'FAQ'}">FAQ</option>
|
72
|
+
<option value="games" title="{image:'icons/icon_games.gif', title:'Games'}">Games</option>
|
73
|
+
<option value="music" title="{image:'icons/icon_music.gif', title:'Music'}">Music</option>
|
74
|
+
<option value="phone" title="{image:'icons/icon_phone.gif', title:'Phone'}">Phone</option>
|
75
|
+
<option value="graph" title="{image:'icons/icon_sales.gif', title:'Graph'}">Graph</option>
|
76
|
+
<option value="secured" title="{image:'icons/icon_secure.gif', title:'Secured'}">Secured</option>
|
77
|
+
<option value="video" title="{image:'icons/icon_video.gif', title:'Video'}">Video</option>
|
78
|
+
</select>
|
79
|
+
<br />
|
80
|
+
<br />
|
81
|
+
</p>
|
82
|
+
<p style="clear:both">
|
83
|
+
<input type="submit" value="Submit Value" />
|
84
|
+
</p>
|
85
|
+
</form>
|
86
|
+
<script language="javascript" type="text/javascript">
|
87
|
+
|
88
|
+
function showvalue(arg) {
|
89
|
+
alert(arg);
|
90
|
+
//arg.visible(false);
|
91
|
+
}
|
92
|
+
|
93
|
+
|
94
|
+
$(document).ready(function() {
|
95
|
+
|
96
|
+
try {
|
97
|
+
oHandler = $(".mydds").msDropDown().data("dd");
|
98
|
+
//oHandler.visible(true);
|
99
|
+
//alert($.msDropDown.version);
|
100
|
+
//$.msDropDown.create("body select");
|
101
|
+
$("#ver").html($.msDropDown.version);
|
102
|
+
} catch(e) {
|
103
|
+
alert("Error: "+e.message);
|
104
|
+
}
|
105
|
+
})
|
106
|
+
/*
|
107
|
+
$(document).bind("keydown", function() {
|
108
|
+
console.log("document keydown");
|
109
|
+
})
|
110
|
+
*/
|
111
|
+
</script>
|
112
|
+
<div class="node-links" style="padding:10px; border:1px solid #c3c3c3;background:#222222; margin-top:40px">
|
113
|
+
<div class="adsense">
|
114
|
+
<script type="text/javascript"><!--
|
115
|
+
google_ad_client = "pub-7681689922712917";
|
116
|
+
/* 468x15 */
|
117
|
+
google_ad_slot = "4604426671";
|
118
|
+
google_ad_width = 468;
|
119
|
+
google_ad_height = 15;
|
120
|
+
//-->
|
121
|
+
</script>
|
122
|
+
<!--script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script-->
|
123
|
+
</div>
|
124
|
+
</div>
|
125
|
+
|
126
|
+
</body>
|
127
|
+
</html>
|
@@ -0,0 +1,200 @@
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
2
|
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
3
|
+
<head>
|
4
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
5
|
+
<title>Image Dropdown</title>
|
6
|
+
<link rel="stylesheet" type="text/css" href="msdropdown/dd.css" />
|
7
|
+
<script type="text/javascript" src="msdropdown/js/jquery-1.3.2.min.js"></script>
|
8
|
+
<script type="text/javascript" src="msdropdown/js/jquery.dd.js"></script>
|
9
|
+
<style type="text/css">
|
10
|
+
h4{margin:0 0 10px 0;padding:0 0 10px 0;; border-bottom:1px solid #c3c3c3}
|
11
|
+
.toplinks {font-family:Arial, Helvetica, sans-serif;
|
12
|
+
font-size:12px;
|
13
|
+
background-color: #777777;
|
14
|
+
color:#fff;
|
15
|
+
border-bottom:2px solid #c3c3c3;
|
16
|
+
margin-bottom:10px;
|
17
|
+
padding-bottom:10px;
|
18
|
+
}
|
19
|
+
.toplinks a, .toplinks a :visited{color:#FFF;}
|
20
|
+
.small{font-size:10px; line-height:12px; color:#006; font-weight:normal; font-family:Arial, Helvetica, sans-serif; position:relative; top:-10px}
|
21
|
+
</style>
|
22
|
+
</head>
|
23
|
+
<body>
|
24
|
+
<table width="100%" border="0" cellspacing="0" cellpadding="5" class="toplinks">
|
25
|
+
<tr>
|
26
|
+
<td width="11%"><strong><a href="normal.html">Simple</a></strong></td>
|
27
|
+
<td width="16%"><a href="cssSprite.html"><strong>CSS Sprite</strong></a></td>
|
28
|
+
<td width="18%"><a href="multipleSkin.html"><strong>Multiple Skin</strong></a></td>
|
29
|
+
<td width="17%"><a href="objectOriented.html"><strong>Object Oriented Approch</strong></a></td>
|
30
|
+
<td width="18%"><a href="ajax-main.html"><strong>Ajax Call</strong></a></td>
|
31
|
+
<td width="20%"><a href="mouse-events.html"><strong>Mouse Events</strong></a></td>
|
32
|
+
</tr>
|
33
|
+
</table>
|
34
|
+
<form name="myform" id="myform" action="getvalue.php" enctype="multipart/form-data" method="post">
|
35
|
+
<h1>Javascript image dropdown <span id="ver"></span> <a class="small" href="http://www.marghoobsuleman.com/jquery-image-dropdown" title="Download">Download</a> </h1>
|
36
|
+
<table width="700" border="0" cellspacing="0" cellpadding="0">
|
37
|
+
<tr>
|
38
|
+
<td colspan="4" align="center"><h4><strong>Add/Remove</strong></h4></td>
|
39
|
+
</tr>
|
40
|
+
<tr>
|
41
|
+
<td valign="top"><select name="websites3" id="websites3" style='width:200px;' size="5">
|
42
|
+
<option value="calendar" selected="selected" title="icons/icon_calendar.gif">Calendar</option>
|
43
|
+
<option value="shopping_cart" title="icons/icon_cart.gif">Shopping Cart</option>
|
44
|
+
<option value="cd" title="icons/icon_cd.gif">CD</option>
|
45
|
+
<option value="email" title="icons/icon_email.gif">Email</option>
|
46
|
+
<option value="faq" title="icons/icon_faq.gif">FAQ</option>
|
47
|
+
<option value="games" title="icons/icon_games.gif">Games</option>
|
48
|
+
<option name="music" value="music" title="icons/icon_music.gif">Music</option>
|
49
|
+
<option value="phone" title="icons/icon_phone.gif">Phone</option>
|
50
|
+
<option value="graph" title="icons/icon_sales.gif">Graph</option>
|
51
|
+
<option value="secured" title="icons/icon_secure.gif">Secured</option>
|
52
|
+
<option value="video" title="icons/icon_video.gif">Video</option>
|
53
|
+
</select></td>
|
54
|
+
<td><input type="button" value="<- Add ->" onclick="add()" /></td>
|
55
|
+
<td valign="top"><select name="websites" id="websites" style="width:200px;" size="7">
|
56
|
+
</select></td>
|
57
|
+
<td><input type="button" value="<- Remove" onclick="remove()" /></td>
|
58
|
+
</tr>
|
59
|
+
<tr>
|
60
|
+
<td> </td>
|
61
|
+
<td> </td>
|
62
|
+
<td colspan="2"> </td>
|
63
|
+
</tr>
|
64
|
+
<tr>
|
65
|
+
<td> </td>
|
66
|
+
<td> </td>
|
67
|
+
<td colspan="2"> </td>
|
68
|
+
</tr>
|
69
|
+
<tr>
|
70
|
+
<td colspan="4" align="center"><h4>Show/Hide - <strong>Enable/Disable</strong> etc</h4></td>
|
71
|
+
</tr>
|
72
|
+
<tr>
|
73
|
+
<td><select name="websites2" id="websites2" style="width:200px;">
|
74
|
+
<option value="calendar" selected="selected" title="icons/icon_calendar.gif">Calendar</option>
|
75
|
+
<option value="shopping_cart" title="icons/icon_cart.gif">Shopping Cart</option>
|
76
|
+
<option value="cd" title="icons/icon_cd.gif">CD</option>
|
77
|
+
<option value="email" title="icons/icon_email.gif">Email</option>
|
78
|
+
<option value="faq" title="icons/icon_faq.gif">FAQ</option>
|
79
|
+
<option value="games" title="icons/icon_games.gif">Games</option>
|
80
|
+
<option name="music" value="music" title="icons/icon_music.gif">Music</option>
|
81
|
+
<option value="phone" title="icons/icon_phone.gif">Phone</option>
|
82
|
+
<option value="graph" title="icons/icon_sales.gif">Graph</option>
|
83
|
+
<option value="secured" title="icons/icon_secure.gif">Secured</option>
|
84
|
+
<option value="video" title="icons/icon_video.gif">Video</option>
|
85
|
+
</select></td>
|
86
|
+
<td><input type="button" value="<- Show/Hide" onclick="display(oHandler2)" /></td>
|
87
|
+
<td colspan="2"><input type="button" value="<- Disable" onclick="disabledDD(oHandler2, true)" />
|
88
|
+
<input type="button" value="<- Enable" onclick="disabledDD(oHandler2, false)" /></td>
|
89
|
+
</tr>
|
90
|
+
<tr>
|
91
|
+
<td> </td>
|
92
|
+
<td> </td>
|
93
|
+
<td colspan="2"><input type="button" name="open3" id="open3" value="<- Open" class="open" />
|
94
|
+
<input type="button" name="close3" id="close3" value="<- Close" class="close" /></td>
|
95
|
+
</tr>
|
96
|
+
<tr>
|
97
|
+
<td> </td>
|
98
|
+
<td> </td>
|
99
|
+
<td colspan="2"> </td>
|
100
|
+
</tr>
|
101
|
+
<tr>
|
102
|
+
<td> </td>
|
103
|
+
<td> </td>
|
104
|
+
<td colspan="2"> </td>
|
105
|
+
</tr>
|
106
|
+
<tr>
|
107
|
+
<td><input type="submit" value="Submit Value" /></td>
|
108
|
+
<td> </td>
|
109
|
+
<td colspan="2"><input type="button" value="Show/Hide Original Dropdowns" onclick="showOriginalDropdowns()" /></td>
|
110
|
+
</tr>
|
111
|
+
</table>
|
112
|
+
<p> <br />
|
113
|
+
<br />
|
114
|
+
</p>
|
115
|
+
<p><br />
|
116
|
+
</p>
|
117
|
+
</form>
|
118
|
+
<script language="javascript" type="text/javascript">
|
119
|
+
var getArray
|
120
|
+
function showvalue(arg) {
|
121
|
+
alert(arg);
|
122
|
+
//arg.visible(false);
|
123
|
+
}
|
124
|
+
var oHandler1;
|
125
|
+
function add() {
|
126
|
+
var currentOpt = document.getElementById("websites3").options[document.getElementById("websites3").selectedIndex];
|
127
|
+
oHandler1.add(currentOpt);
|
128
|
+
}
|
129
|
+
function remove() {
|
130
|
+
try {
|
131
|
+
var selecteIndex = oHandler1.get("selectedIndex");
|
132
|
+
if(selecteIndex <= 0) {
|
133
|
+
alert("Please make a selection");
|
134
|
+
} else {
|
135
|
+
oHandler1.remove(selecteIndex);
|
136
|
+
}
|
137
|
+
} catch(e) {
|
138
|
+
alert(e.message);
|
139
|
+
}
|
140
|
+
}
|
141
|
+
|
142
|
+
///handler 2
|
143
|
+
|
144
|
+
function disabledDD(handler, dis) {
|
145
|
+
if(handler) {
|
146
|
+
handler.disabled(dis);
|
147
|
+
}
|
148
|
+
}
|
149
|
+
function display(handler) {
|
150
|
+
if(handler) {
|
151
|
+
var isvisible = handler.visible();
|
152
|
+
isvisible = (isvisible=='block') ? false : true;
|
153
|
+
handler.visible(isvisible);
|
154
|
+
}
|
155
|
+
}
|
156
|
+
|
157
|
+
//
|
158
|
+
var dbg = 0;
|
159
|
+
function showOriginalDropdowns() {
|
160
|
+
//$("div.ddOutOfVision").removeAttr("style");
|
161
|
+
//console.debug("dbg "+dbg);
|
162
|
+
dbg = !dbg;
|
163
|
+
oHandler1.debug(dbg);
|
164
|
+
}
|
165
|
+
|
166
|
+
$(document).ready(function() {
|
167
|
+
try {
|
168
|
+
$("#websites3").msDropDown({style:'border:"none"; font-size:14px'});
|
169
|
+
getArray = oHandler1 = $("#websites").msDropDown().data("dd");
|
170
|
+
//alert($.msDropDown.version);
|
171
|
+
//$.msDropDown.create("body select");
|
172
|
+
|
173
|
+
oHandler2 = $("#websites2").msDropDown().data("dd");
|
174
|
+
$("#open3").click(function() {oHandler2.open();});
|
175
|
+
$("#close3").click(function() {oHandler2.close();});
|
176
|
+
|
177
|
+
|
178
|
+
//alert(oHandler2.namedItem("music"));
|
179
|
+
$("#ver").html($.msDropDown.version);
|
180
|
+
} catch(e) {
|
181
|
+
alert("Error: "+e.message);
|
182
|
+
}
|
183
|
+
})
|
184
|
+
</script>
|
185
|
+
<div class="node-links" style="padding:10px; border:1px solid #c3c3c3;background:#222222; margin-top:40px">
|
186
|
+
<div class="adsense">
|
187
|
+
<script type="text/javascript"><!--
|
188
|
+
google_ad_client = "pub-7681689922712917";
|
189
|
+
/* 468x15 */
|
190
|
+
google_ad_slot = "4604426671";
|
191
|
+
google_ad_width = 468;
|
192
|
+
google_ad_height = 15;
|
193
|
+
//-->
|
194
|
+
</script>
|
195
|
+
<!--script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script-->
|
196
|
+
</div>
|
197
|
+
</div>
|
198
|
+
|
199
|
+
</body>
|
200
|
+
</html>
|
data/spec/spec_helper.rb
ADDED
@@ -0,0 +1,12 @@
|
|
1
|
+
$LOAD_PATH.unshift(File.join(File.dirname(__FILE__), '..', 'lib'))
|
2
|
+
$LOAD_PATH.unshift(File.dirname(__FILE__))
|
3
|
+
require 'rspec'
|
4
|
+
require 'ms-dropdown-rails'
|
5
|
+
|
6
|
+
# Requires supporting files with custom matchers and macros, etc,
|
7
|
+
# in ./support/ and its subdirectories.
|
8
|
+
Dir["#{File.dirname(__FILE__)}/support/**/*.rb"].each {|f| require f}
|
9
|
+
|
10
|
+
RSpec.configure do |config|
|
11
|
+
|
12
|
+
end
|