Skip to content
Newer
Older
100644 96 lines (87 sloc) 3.6 KB
7e828d0 @marghoobsuleman Image dropdown
marghoobsuleman authored
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.6.1.min.js"></script>
38bb442 @marghoobsuleman updated new veriosn 2.38
marghoobsuleman authored
8 <script type="text/javascript" src="msdropdown/js/uncompressed.jquery.dd.js"></script>
7e828d0 @marghoobsuleman Image dropdown
marghoobsuleman authored
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
21 </style>
22 </head>
23 <body>
24
25 <table width="100%" border="0" cellspacing="0" cellpadding="5" class="toplinks">
26 <tr>
27 <td width="11%"><strong><a href="normal.html">Simple</a></strong></td>
28 <td width="16%"><a href="cssSprite.html"><strong>CSS Sprite</strong></a></td>
8d7a46a @bradchesney79 JSLint Error Reduction, Minor Example Code Edits
authored
29 <td width="18%"><a href="multipleSkin.html"><strong>Multiple Skin</strong></a></td>
7e828d0 @marghoobsuleman Image dropdown
marghoobsuleman authored
30 <td width="17%"><a href="objectOriented.html"><strong>Object Oriented Approch</strong></a></td>
31 <td width="18%"><a href="ajax-main.html"><strong>Ajax Call</strong></a></td>
32 <td width="20%"><a href="mouse-events.html"><strong>Mouse Events</strong></a></td>
33 </tr>
34 </table>
35 <form name="myform" id="myform" action="getvalue.php" enctype="multipart/form-data" method="post">
36 <h1>Javascript image dropdown <span id="ver"></span> <a class="small" href="http://www.marghoobsuleman.com/jquery-image-dropdown" title="Download">Download</a> </h1>
37 <p>
38 <select name="websites1" id="websites1" style="width:200px;" >
39 <option class="calendar" value="calendar">Calendar</option>
40 <option class="shoppingcart" value="shopping_cart">Shopping Cart</option>
41 <option class="cd" value="cd">CD</option>
42 <option class="email" value="email">Email</option>
43 <option class="faq" value="faq">FAQ</option>
44 <option class="games" value="games">Games</option>
45 <option class="music" value="music">Music</option>
46 <option class="phone" value="phone">Phone</option>
47 <option class="graph" value="graph">Graph</option>
48 <option class="secured" value="secured">Secured</option>
49 <option class="video" value="video">Video</option>
50 </select>
51 </p>
52 <p>
53 <br />
54 <br />
55 <input type="submit" value="Submit Value" />
56 <br />
57 </p>
58 </form>
59 <script language="javascript" type="text/javascript">
60
61 function showvalue(arg) {
62 alert(arg);
63 //arg.visible(false);
64 }
65 var oHandler;
66 $(document).ready(function() {
67
68 try {
69 //$("body select").msDropDown();
70 oHandler = $("#websites1").msDropDown({useSprite:'sprite'}).data("dd");
71 $("#ver").html($.msDropDown.version);
72 } catch(e) {
73 alert("Error: "+e.message);
74 }
75 })
76
77
78 </script>
79
80 <div class="node-links" style="padding:10px; border:1px solid #c3c3c3;background:#222222; margin-top:40px">
81 <div class="adsense">
82 <script type="text/javascript"><!--
83 google_ad_client = "pub-7681689922712917";
84 /* 468x15 */
85 google_ad_slot = "4604426671";
86 google_ad_width = 468;
87 google_ad_height = 15;
88 //-->
89 </script>
90 <!--script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script-->
91 </div>
92 </div>
93
94 </body>
95 </html>
Something went wrong with that request. Please try again.