ms-dropdown-rails 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
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