Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 113 lines (105 sloc) 4.544 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.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>
8d7a46a @bradchesney79 JSLint Error Reduction, Minor Example Code Edits
bradchesney79 authored
28 <td width="18%"><a href="multipleSkin.html"><strong>Multiple Skin</strong></a></td>
7e828d0 @marghoobsuleman Image dropdown
marghoobsuleman authored
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() {
38bb442 @marghoobsuleman updated new veriosn 2.38
marghoobsuleman authored
77 $("#websites3").msDropDown();
78 $("#websites2").msDropDown({mainCSS:'dd2'});
79 //alert($.msDropDown.version);
80 //$.msDropDown.create("body select");
81 $("#ver").html($.msDropDown.version);
82 /*
7e828d0 @marghoobsuleman Image dropdown
marghoobsuleman authored
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 }
38bb442 @marghoobsuleman updated new veriosn 2.38
marghoobsuleman authored
92 */
7e828d0 @marghoobsuleman Image dropdown
marghoobsuleman authored
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>
Something went wrong with that request. Please try again.