PayneLess_Designs

PayneLess Designs - Select Box - Jump To Action (New Window)

Apr 8th, 2012
311
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.06 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html><head>
  3. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  4. <title>Select Box - Jump To Action (New Window)</title>
  5. <meta name="description" content="">
  6. <meta name="keywords" content="">
  7. <meta name="author" content="PayneLess Designs">
  8. <script type="text/JavaScript">
  9. function MM_jumpMenu(targ,selObj,restore){ //v3.0
  10. var s = selObj.options[selObj.selectedIndex].value;
  11. window.open(s);
  12. if (restore) selObj.selectedIndex=0;
  13. }
  14. </script>
  15. <style type="text/css">
  16. * { margin: 0; padding: 0; border: 0; }
  17. html, body {
  18. width: 100%;
  19. height: 100%;
  20. }
  21.  
  22. h1, h3 { text-align: center; margin: 2% 0; }
  23.  
  24. #wrap {
  25. width: 960px;
  26. margin: 3% auto;
  27. padding: 20px;
  28. font-size: 1em;
  29. /* border: 1px solid #f00; */
  30. }
  31.  
  32. form#form1 {
  33. width: 10.063em;
  34. height: 1.875em;
  35. margin: 0 auto;
  36. }
  37.  
  38. form#form1 select {
  39. font-family: helvetica, arial, 'times new roman', sans-serif;
  40. font-size: 1em;
  41. font-weight: bold;alignment-adjust:
  42. }
  43.  
  44. form#form1 select, option {
  45. padding: 2px 5px;
  46. }
  47. </style>
  48. </head><body>
  49. <h1>Select Box - Jump To Action (New Window)</h1>
  50. <div id="wrap">
  51. <form id="form1" name="form1" action="null">
  52. <p>
  53. <select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
  54. <option selected="selected">Please Select &#8680; &#8680; &#8681;</option>
  55. <option value="index.html">My Home Page</option>
  56. <option value="http://PayneLessDesigns.com/">PayneLessDesigns.com</option>
  57. <option value="http://answers.yahoo.com/">Yahoo!Answers</option>
  58. <option value="http://domain_name.com/">Jump to Option Four</option>
  59. <option value="http://domain_name.com/">Jump to Option Five</option>
  60. <option value="http://domain_name.com/">Jump to Option Six</option>
  61. <option value="http://domain_name.com/">Jump to Option Seven</option>
  62. <option value="http://domain_name.com/">Jump to Option Eight</option>
  63. <option value="http://domain_name.com/">Jump to Option Nine</option>
  64. <option value="http://domain_name.com/">Jump to Option Ten</option>
  65. </select>
  66. </p>
  67. </form>
  68. </div>
  69. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment