ms-dropdown-rails 0.1.0

data/Rakefile

@@ -0,0 +1,49 @@
+# encoding: utf-8
+
+require 'rubygems'
+require 'bundler'
+begin
+  Bundler.setup(:default, :development)
+rescue Bundler::BundlerError => e
+  $stderr.puts e.message
+  $stderr.puts "Run `bundle install` to install missing gems"
+  exit e.status_code
+end
+require 'rake'
+
+require 'jeweler'
+Jeweler::Tasks.new do |gem|
+  # gem is a Gem::Specification... see http://docs.rubygems.org/read/chapter/20 for more options
+  gem.name = "ms-dropdown-rails"
+  gem.homepage = "http://github.com/kristianmandrup/ms-dropdown-rails"
+  gem.license = "MIT"
+  gem.summary = %Q{Jquery ms-dropdown plugin for Rails asset pipeline}
+  gem.description = %Q{Use the ms-dropdown (select dropdown with icons) in your Rails project :)}
+  gem.email = "kmandrup@gmail.com"
+  gem.authors = ["Kristian Mandrup"]
+  # dependencies defined in Gemfile
+end
+Jeweler::RubygemsDotOrgTasks.new
+
+require 'rspec/core'
+require 'rspec/core/rake_task'
+RSpec::Core::RakeTask.new(:spec) do |spec|
+  spec.pattern = FileList['spec/**/*_spec.rb']
+end
+
+RSpec::Core::RakeTask.new(:rcov) do |spec|
+  spec.pattern = 'spec/**/*_spec.rb'
+  spec.rcov = true
+end
+
+task :default => :spec
+
+require 'rdoc/task'
+Rake::RDocTask.new do |rdoc|
+  version = File.exist?('VERSION') ? File.read('VERSION') : ""
+
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title = "ms-dropdown-rails #{version}"
+  rdoc.rdoc_files.include('README*')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end

data/Readme.txt

@@ -0,0 +1,10 @@
+You may use msDropDown under the terms of either the MIT License or 
+the Gnu General Public License (GPL) Version 2.
+
+The MIT License is recommended for most projects. 
+It is simple and easy to understand, and it places almost no restrictions on what you can do with msDropDown.
+
+If the GPL suits your project better, you are also free to use msDropDown under that license.
+
+You don't have to do anything special to choose one license or the other, and you don't have to notify anyone which license you are using. 
+

data/VERSION

@@ -0,0 +1 @@
+0.1.0

data/lib/ms-dropdown-rails.rb

@@ -0,0 +1,7 @@
+module MsDropDown
+  module Rails
+    # adds vendor/assets to Rails Asset pipeline
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/ms-dropdown-rails.gemspec

@@ -0,0 +1,130 @@
+# Generated by jeweler
+# DO NOT EDIT THIS FILE DIRECTLY
+# Instead, edit Jeweler::Tasks in Rakefile, and run 'rake gemspec'
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |s|
+  s.name = "ms-dropdown-rails"
+  s.version = "0.1.0"
+
+  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
+  s.authors = ["Kristian Mandrup"]
+  s.date = "2012-10-24"
+  s.description = "Use the ms-dropdown (select dropdown with icons) in your Rails project :)"
+  s.email = "kmandrup@gmail.com"
+  s.extra_rdoc_files = [
+    "LICENSE.txt",
+    "README.md"
+  ]
+  s.files = [
+    ".document",
+    ".rspec",
+    "GPL-LICENSE.txt",
+    "Gemfile",
+    "Gemfile.lock",
+    "LICENSE.txt",
+    "MIT-LICENSE.txt",
+    "README.md",
+    "Rakefile",
+    "Readme.txt",
+    "VERSION",
+    "lib/ms-dropdown-rails.rb",
+    "ms-dropdown-rails.gemspec",
+    "spec/README",
+    "spec/ajax-cd.html",
+    "spec/ajax-date.html",
+    "spec/ajax-json.html",
+    "spec/ajax-main.html",
+    "spec/ajax-shoppingcart.html",
+    "spec/cssSprite.html",
+    "spec/getvalue.php",
+    "spec/icons/1273404841_tick_16.png",
+    "spec/icons/Thumbs.db",
+    "spec/icons/button-large.gif",
+    "spec/icons/demoaction.jpg",
+    "spec/icons/enabled.gif",
+    "spec/icons/giftlelo_dot_com.jpg",
+    "spec/icons/icon_calendar.gif",
+    "spec/icons/icon_cart.gif",
+    "spec/icons/icon_cd.gif",
+    "spec/icons/icon_email.gif",
+    "spec/icons/icon_faq.gif",
+    "spec/icons/icon_games.gif",
+    "spec/icons/icon_lockopen.gif",
+    "spec/icons/icon_music.gif",
+    "spec/icons/icon_phone.gif",
+    "spec/icons/icon_sales.gif",
+    "spec/icons/icon_secure.gif",
+    "spec/icons/icon_video.gif",
+    "spec/icons/jquery-msdropdown.gif",
+    "spec/icons/msDropDown.gif",
+    "spec/icons/preview.gif",
+    "spec/icons/sprite.gif",
+    "spec/icons/sprite.jpg",
+    "spec/icons/tick.gif",
+    "spec/images/Thumbs.db",
+    "spec/images/icon-arrow.gif",
+    "spec/images/icon-ok.gif",
+    "spec/images/msDropDown.gif",
+    "spec/index.html",
+    "spec/mouse-events.html",
+    "spec/ms-dropdown-rails_spec.rb",
+    "spec/msdropdown/Thumbs.db",
+    "spec/msdropdown/dd.css",
+    "spec/msdropdown/dd_arrow.gif",
+    "spec/msdropdown/js/jquery-1.3.2.min.js",
+    "spec/msdropdown/js/jquery-1.6.1.min.js",
+    "spec/msdropdown/js/jquery-1.7.1.min.js",
+    "spec/msdropdown/js/jquery-1.7.2.min.js",
+    "spec/msdropdown/js/jquery.dd.js",
+    "spec/msdropdown/js/jquery.dd.min.js",
+    "spec/msdropdown/js/test.js",
+    "spec/msdropdown/js/uncompressed.jquery.dd.js",
+    "spec/multipleSkin.html",
+    "spec/normal.html",
+    "spec/objectOriented.html",
+    "spec/spec_helper.rb",
+    "spec/test-ui.html",
+    "updates.txt",
+    "vendor/assets/images/ms-dropdown/dd_arrow.gif",
+    "vendor/assets/images/ms-dropdown/icon-arrow.gif",
+    "vendor/assets/images/ms-dropdown/icon-ok.gif",
+    "vendor/assets/images/ms-dropdown/msDropDown.gif",
+    "vendor/assets/images/ms-dropdown/sprite.gif",
+    "vendor/assets/images/ms-dropdown/sprite.jpg",
+    "vendor/assets/javascripts/jquery.dd.js",
+    "vendor/assets/javascripts/jquery.dd.min.js",
+    "vendor/assets/javascripts/uncompressed.jquery.dd.js",
+    "vendor/assets/stylesheets/ms-dropdown/dd.css"
+  ]
+  s.homepage = "http://github.com/kristianmandrup/ms-dropdown-rails"
+  s.licenses = ["MIT"]
+  s.require_paths = ["lib"]
+  s.rubygems_version = "1.8.24"
+  s.summary = "Jquery ms-dropdown plugin for Rails asset pipeline"
+
+  if s.respond_to? :specification_version then
+    s.specification_version = 3
+
+    if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
+      s.add_development_dependency(%q<rspec>, [">= 2.8.0"])
+      s.add_development_dependency(%q<rdoc>, [">= 3.12"])
+      s.add_development_dependency(%q<bundler>, [">= 1.0.0"])
+      s.add_development_dependency(%q<jeweler>, [">= 1.8.4"])
+      s.add_development_dependency(%q<simplecov>, [">= 0.5"])
+    else
+      s.add_dependency(%q<rspec>, [">= 2.8.0"])
+      s.add_dependency(%q<rdoc>, [">= 3.12"])
+      s.add_dependency(%q<bundler>, [">= 1.0.0"])
+      s.add_dependency(%q<jeweler>, [">= 1.8.4"])
+      s.add_dependency(%q<simplecov>, [">= 0.5"])
+    end
+  else
+    s.add_dependency(%q<rspec>, [">= 2.8.0"])
+    s.add_dependency(%q<rdoc>, [">= 3.12"])
+    s.add_dependency(%q<bundler>, [">= 1.0.0"])
+    s.add_dependency(%q<jeweler>, [">= 1.8.4"])
+    s.add_dependency(%q<simplecov>, [">= 0.5"])
+  end
+end
+

data/spec/ajax-cd.html

@@ -0,0 +1,2 @@
+<h1>ajax-cd.html</h1>
+<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

data/spec/ajax-date.html

@@ -0,0 +1,2 @@
+<h1>ajax-date.html</h1>
+<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

data/spec/ajax-json.html

@@ -0,0 +1 @@
+[{text:'Lorem', value:'5', title:'icons/enabled.gif'},{text:'Ipsum', value:'6',title:'icons/enabled.gif'}]

data/spec/ajax-main.html

@@ -0,0 +1,142 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>Image Dropdown</title>
+<link rel="stylesheet" type="text/css" href="msdropdown/dd.css" />
+<script type="text/javascript" src="msdropdown/js/jquery-1.6.1.min.js"></script>
+<script type="text/javascript" src="msdropdown/js/uncompressed.jquery.dd.js"></script>
+<style type="text/css">
+.toplinks{	font-family:Arial, Helvetica, sans-serif;
+	font-size:12px;
+	background-color: #777777;
+	color:#fff;
+	border-bottom:2px solid #c3c3c3;
+	margin-bottom:10px;
+	padding-bottom:10px;
+}
+.toplinks a, .toplinks a :visited{color:#FFF;}
+.small{font-size:10px; line-height:12px; color:#006; font-weight:normal; font-family:Arial, Helvetica, sans-serif; position:relative; top:-10px}
+
+</style>
+<script type="text/javascript">
+var oHandler, oHandler2; //will be used below
+var counter = 0;
+var h = 1;
+function loadAjaxFile(val) {
+	//console.debug(val);
+	var url = val;
+	if(parseInt(url)==0 || parseInt(url)>4) {
+		return false;
+	};
+	if(url=='4') {
+		url = 'ajax-json.html';
+	}
+	$("#contenP").html("loading...");
+	$.ajax({
+		url:url,
+		type:'get',
+		success: function(res) {
+			$("#contenP").html(res);
+			if(val=='4') {
+				//this adds new options
+				var json_data = eval(res);
+				counter++;
+				for(var i=0;i<json_data.length;i++) {
+					json_data[i].text = json_data[i].text +" " + (counter);
+					oHandler2.add(json_data[i]);//adding
+				}
+				oHandler2.showRows(json_data.length*h);
+				h++;
+				//remove first item
+				if(counter==1) {
+					oHandler2.remove(0);
+				}				
+				$("#contenP").append("<p>New menu has been added in dropdown. Scroll down to see.</p>");
+				//alert(json_data)
+			}
+		}
+	})
+}
+</script>
+</head>
+<body>
+
+
+<table width="100%" border="0" cellspacing="0" cellpadding="5" class="toplinks">
+  <tr>
+    <td width="11%"><strong><a href="normal.html">Simple</a></strong></td>
+    <td width="16%"><a href="cssSprite.html"><strong>CSS Sprite</strong></a></td>
+    <td width="18%"><a href="multipleSkin.html"><strong>Multiple skin</strong></a></td>
+    <td width="17%"><a href="objectOriented.html"><strong>Object Oriented Approch</strong></a></td>
+    <td width="18%"><a href="ajax-main.html"><strong>Ajax Call</strong></a></td>
+    <td width="20%"><a href="mouse-events.html"><strong>Mouse Events</strong></a></td>
+  </tr>
+</table>
+<form name="myform" id="myform"  action="getvalue.php" enctype="multipart/form-data" method="post">
+  <h1>Javascript image dropdown <span id="ver"></span> <a class="small" href="http://www.marghoobsuleman.com/jquery-image-dropdown" title="Download">Download</a> </h1>
+  <table width="100%" border="0" cellspacing="0" cellpadding="2">
+    <tr>
+      <td width="10%">&nbsp;</td>
+      <td>&nbsp;
+    Data will added in this dropdown: (choose <strong>Add dynamic json </strong>from the left dropdown)</td>
+    </tr>
+    <tr>
+      <td><select class="mydds" name="ajaxdd" id="ajaxdd" onchange="loadAjaxFile(this.value)">
+        <option value="0" selected="selected">Choose One</option>
+        <option value="ajax-date.html" title="icons/icon_calendar.gif">Load date file</option>
+        <option style="background:#333;color:#fff" value="ajax-shoppingcart.html" title="icons/icon_cart.gif">Load shopping cart</option>
+        <option value="ajax-cd.html" title="icons/icon_cd.gif">Load CD file</option>
+        <option value="4" title="icons/enabled.gif">Add dynamic json data</option>
+      </select></td>
+      <td><select class="mydds" name="dynamic" id="dynamic">
+        <option value="0" selected="selected">Will be added later</option>
+      </select></td>
+    </tr>
+  </table>
+  <p>&nbsp;  </p>
+  <p>&nbsp;</p>
+  <div id="contenP">
+  	
+  </div>
+  <p>
+    <input type="submit" value="Submit Value" />
+  </p>
+</form>
+<script language="javascript" type="text/javascript">
+
+function showvalue(arg) {
+	alert(arg);
+	//arg.visible(false);
+}
+$(document).ready(function() {
+
+try {
+		oHandler = $("#ajaxdd").msDropDown().data("dd");
+		oHandler2 = $("#dynamic").msDropDown().data("dd");		
+		//oHandler.visible(true);
+		//alert($.msDropDown.version);
+		//$.msDropDown.create("body select");
+		$("#ver").html($.msDropDown.version);
+		} catch(e) {
+			alert("Error: "+e.message);
+		}
+})
+		
+</script>
+               <div class="node-links" style="padding:10px; border:1px solid #c3c3c3;background:#222222; margin-top:40px">
+              <div class="adsense">
+                <script type="text/javascript"><!--
+            google_ad_client = "pub-7681689922712917";
+            /* 468x15 */
+            google_ad_slot = "4604426671";
+            google_ad_width = 468;
+            google_ad_height = 15;
+            //-->
+            </script>
+                <!--script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script-->
+              </div>
+            </div>
+
+</body>
+</html>

data/spec/ajax-shoppingcart.html

@@ -0,0 +1,2 @@
+<h1>ajax-shoppingcart.html</h1>
+<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

data/spec/cssSprite.html

@@ -0,0 +1,95 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>Image Dropdown</title>
+<link rel="stylesheet" type="text/css" href="msdropdown/dd.css" />
+<script type="text/javascript" src="msdropdown/js/jquery-1.6.1.min.js"></script>
+<script type="text/javascript" src="msdropdown/js/uncompressed.jquery.dd.js"></script>
+<style type="text/css">
+.toplinks {font-family:Arial, Helvetica, sans-serif;
+	font-size:12px;
+	background-color: #777777;
+	color:#fff;
+	border-bottom:2px solid #c3c3c3;
+	margin-bottom:10px;
+	padding-bottom:10px;
+}
+.toplinks a, .toplinks a :visited{color:#FFF;}
+.small{font-size:10px; line-height:12px; color:#006; font-weight:normal; font-family:Arial, Helvetica, sans-serif; position:relative; top:-10px}
+
+</style>
+</head>
+<body>
+
+<table width="100%" border="0" cellspacing="0" cellpadding="5" class="toplinks">
+  <tr>
+    <td width="11%"><strong><a href="normal.html">Simple</a></strong></td>
+    <td width="16%"><a href="cssSprite.html"><strong>CSS Sprite</strong></a></td>
+    <td width="18%"><a href="multipleSkin.html"><strong>Multiple Skin</strong></a></td>
+    <td width="17%"><a href="objectOriented.html"><strong>Object Oriented Approch</strong></a></td>
+    <td width="18%"><a href="ajax-main.html"><strong>Ajax Call</strong></a></td>
+    <td width="20%"><a href="mouse-events.html"><strong>Mouse Events</strong></a></td>
+  </tr>
+</table>
+<form name="myform" id="myform"   action="getvalue.php" enctype="multipart/form-data" method="post">
+  <h1>Javascript image dropdown <span id="ver"></span> <a class="small" href="http://www.marghoobsuleman.com/jquery-image-dropdown" title="Download">Download</a> </h1>
+  <p>
+    <select name="websites1" id="websites1" style="width:200px;" >
+      <option class="calendar" value="calendar">Calendar</option>
+      <option class="shoppingcart" value="shopping_cart">Shopping Cart</option>
+      <option class="cd" value="cd">CD</option>
+      <option class="email" value="email">Email</option>
+      <option class="faq" value="faq">FAQ</option>
+      <option class="games" value="games">Games</option>
+      <option class="music" value="music">Music</option>
+      <option class="phone" value="phone">Phone</option>
+      <option class="graph" value="graph">Graph</option>
+      <option class="secured" value="secured">Secured</option>
+      <option class="video" value="video">Video</option>
+    </select>
+  </p>
+  <p>
+    <br />
+    <br />
+<input type="submit" value="Submit Value" />
+    <br />
+  </p>
+</form>
+<script language="javascript" type="text/javascript">
+
+function showvalue(arg) {
+	alert(arg);
+	//arg.visible(false);
+}
+var oHandler;
+$(document).ready(function() {
+
+try {
+		//$("body select").msDropDown();
+		oHandler = $("#websites1").msDropDown({useSprite:'sprite'}).data("dd");
+		$("#ver").html($.msDropDown.version);
+		} catch(e) {
+			alert("Error: "+e.message);
+		}
+})
+		
+
+</script>
+
+               <div class="node-links" style="padding:10px; border:1px solid #c3c3c3;background:#222222; margin-top:40px">
+              <div class="adsense">
+                <script type="text/javascript"><!--
+            google_ad_client = "pub-7681689922712917";
+            /* 468x15 */
+            google_ad_slot = "4604426671";
+            google_ad_width = 468;
+            google_ad_height = 15;
+            //-->
+            </script>
+                <!--script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script-->
+              </div>
+            </div>
+
+</body>
+</html>