ms-dropdown-rails 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. data/.document +5 -0
  2. data/.rspec +1 -0
  3. data/GPL-LICENSE.txt +278 -0
  4. data/Gemfile +9 -0
  5. data/Gemfile.lock +37 -0
  6. data/LICENSE.txt +20 -0
  7. data/MIT-LICENSE.txt +20 -0
  8. data/README.md +200 -0
  9. data/Rakefile +49 -0
  10. data/Readme.txt +10 -0
  11. data/VERSION +1 -0
  12. data/lib/ms-dropdown-rails.rb +7 -0
  13. data/ms-dropdown-rails.gemspec +130 -0
  14. data/spec/README +0 -0
  15. data/spec/ajax-cd.html +2 -0
  16. data/spec/ajax-date.html +2 -0
  17. data/spec/ajax-json.html +1 -0
  18. data/spec/ajax-main.html +142 -0
  19. data/spec/ajax-shoppingcart.html +2 -0
  20. data/spec/cssSprite.html +95 -0
  21. data/spec/getvalue.php +17 -0
  22. data/spec/icons/1273404841_tick_16.png +0 -0
  23. data/spec/icons/Thumbs.db +0 -0
  24. data/spec/icons/button-large.gif +0 -0
  25. data/spec/icons/demoaction.jpg +0 -0
  26. data/spec/icons/enabled.gif +0 -0
  27. data/spec/icons/giftlelo_dot_com.jpg +0 -0
  28. data/spec/icons/icon_calendar.gif +0 -0
  29. data/spec/icons/icon_cart.gif +0 -0
  30. data/spec/icons/icon_cd.gif +0 -0
  31. data/spec/icons/icon_email.gif +0 -0
  32. data/spec/icons/icon_faq.gif +0 -0
  33. data/spec/icons/icon_games.gif +0 -0
  34. data/spec/icons/icon_lockopen.gif +0 -0
  35. data/spec/icons/icon_music.gif +0 -0
  36. data/spec/icons/icon_phone.gif +0 -0
  37. data/spec/icons/icon_sales.gif +0 -0
  38. data/spec/icons/icon_secure.gif +0 -0
  39. data/spec/icons/icon_video.gif +0 -0
  40. data/spec/icons/jquery-msdropdown.gif +0 -0
  41. data/spec/icons/msDropDown.gif +0 -0
  42. data/spec/icons/preview.gif +0 -0
  43. data/spec/icons/sprite.gif +0 -0
  44. data/spec/icons/sprite.jpg +0 -0
  45. data/spec/icons/tick.gif +0 -0
  46. data/spec/images/Thumbs.db +0 -0
  47. data/spec/images/icon-arrow.gif +0 -0
  48. data/spec/images/icon-ok.gif +0 -0
  49. data/spec/images/msDropDown.gif +0 -0
  50. data/spec/index.html +85 -0
  51. data/spec/mouse-events.html +427 -0
  52. data/spec/ms-dropdown-rails_spec.rb +7 -0
  53. data/spec/msdropdown/Thumbs.db +0 -0
  54. data/spec/msdropdown/dd.css +172 -0
  55. data/spec/msdropdown/dd_arrow.gif +0 -0
  56. data/spec/msdropdown/js/jquery-1.3.2.min.js +19 -0
  57. data/spec/msdropdown/js/jquery-1.6.1.min.js +18 -0
  58. data/spec/msdropdown/js/jquery-1.7.1.min.js +4 -0
  59. data/spec/msdropdown/js/jquery-1.7.2.min.js +4 -0
  60. data/spec/msdropdown/js/jquery.dd.js +11 -0
  61. data/spec/msdropdown/js/jquery.dd.min.js +1 -0
  62. data/spec/msdropdown/js/test.js +79 -0
  63. data/spec/msdropdown/js/uncompressed.jquery.dd.js +1110 -0
  64. data/spec/multipleSkin.html +112 -0
  65. data/spec/normal.html +127 -0
  66. data/spec/objectOriented.html +200 -0
  67. data/spec/spec_helper.rb +12 -0
  68. data/spec/test-ui.html +131 -0
  69. data/updates.txt +7 -0
  70. data/vendor/assets/images/ms-dropdown/dd_arrow.gif +0 -0
  71. data/vendor/assets/images/ms-dropdown/icon-arrow.gif +0 -0
  72. data/vendor/assets/images/ms-dropdown/icon-ok.gif +0 -0
  73. data/vendor/assets/images/ms-dropdown/msDropDown.gif +0 -0
  74. data/vendor/assets/images/ms-dropdown/sprite.gif +0 -0
  75. data/vendor/assets/images/ms-dropdown/sprite.jpg +0 -0
  76. data/vendor/assets/javascripts/jquery.dd.js +11 -0
  77. data/vendor/assets/javascripts/jquery.dd.min.js +1 -0
  78. data/vendor/assets/javascripts/uncompressed.jquery.dd.js +1110 -0
  79. data/vendor/assets/stylesheets/ms-dropdown/dd.css +172 -0
  80. metadata +210 -0
data/spec/multipleSkin.html ADDED
@@ -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>
data/spec/objectOriented.html ADDED
@@ -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>&nbsp;</td>
61
+ <td>&nbsp;</td>
62
+ <td colspan="2">&nbsp;</td>
63
+ </tr>
64
+ <tr>
65
+ <td>&nbsp;</td>
66
+ <td>&nbsp;</td>
67
+ <td colspan="2">&nbsp;</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="&lt;- Show/Hide" onclick="display(oHandler2)" /></td>
87
+ <td colspan="2"><input type="button" value="&lt;- Disable" onclick="disabledDD(oHandler2, true)" />
88
+ <input type="button" value="&lt;- Enable" onclick="disabledDD(oHandler2, false)" /></td>
89
+ </tr>
90
+ <tr>
91
+ <td>&nbsp;</td>
92
+ <td>&nbsp;</td>
93
+ <td colspan="2"><input type="button" name="open3" id="open3" value="&lt;- Open" class="open" />
94
+ <input type="button" name="close3" id="close3" value="&lt;- Close" class="close" /></td>
95
+ </tr>
96
+ <tr>
97
+ <td>&nbsp;</td>
98
+ <td>&nbsp;</td>
99
+ <td colspan="2">&nbsp;</td>
100
+ </tr>
101
+ <tr>
102
+ <td>&nbsp;</td>
103
+ <td>&nbsp;</td>
104
+ <td colspan="2">&nbsp;</td>
105
+ </tr>
106
+ <tr>
107
+ <td><input type="submit" value="Submit Value" /></td>
108
+ <td>&nbsp;</td>
109
+ <td colspan="2"><input type="button" value="Show/Hide Original Dropdowns" onclick="showOriginalDropdowns()" /></td>
110
+ </tr>
111
+ </table>
112
+ <p>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<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