PayneLess_Designs

PayneLess Designs - Select Box - Jump To Action | Opens Sele

Apr 8th, 2012
260
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.49 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 | Opens Selected Page</title>
  5. <meta name="description" content="">
  6. <meta name="keywords" content="">
  7. <meta name="author" content="">
  8. <!--  <link rel="stylesheet" type="text/css" href="css_page_designs.css"> -->
  9. <style type="text/css">
  10. * { margin: 0; padding: 0; border: 0; }
  11. html, body {
  12. width: 100%;
  13. height: 100%;
  14. }
  15.  
  16. h1, h3 { text-align: center; margin: 2% 0; }
  17.  
  18. #wrap {
  19. width: 960px;
  20. margin: 3% auto;
  21. padding: 20px;
  22. font-size: 1em;
  23. /* border: 1px solid #f00; */
  24. }
  25.  
  26. form#example-one {
  27. width: 10.063em;
  28. height: 1.875em;
  29. margin: 0 auto;
  30. }
  31.  
  32. form#example-one input {
  33. font-family: helvetica, arial, 'times new roman', sans-serif;
  34. font-size: 1em;
  35. font-weight: bold;
  36. background: #000;
  37. color: #fff;
  38. }
  39.  
  40. form#jump1 {
  41. width: 11.063em;
  42. height: 1.875em;
  43. margin: 0 auto;
  44. }
  45.  
  46. form#jump1 select {
  47. font-family: helvetica, arial, 'times new roman', sans-serif;
  48. font-size: 1em;
  49. font-weight: bold;alignment-adjust:
  50. }
  51.  
  52. form#example-one input, form#jump1 select, option {
  53. padding: 2px 5px;
  54. }
  55. </style>
  56. </head><body>
  57. <h1>Select Box - Jump To Action | Opens Selected Page</h1>
  58. <div id="wrap">
  59. <h3>Example One: Opens Specific Page</h3>
  60. <form id="example-one" action="click">
  61. <p><input type="button" value="Click Me for Pre-set Page" onClick="window.open('http://paynelessdesigns.com')"></p>
  62. </form>
  63.  
  64. <h3>Example Two: Select Box - Jump To Action</h3>
  65. <form id="jump1" name="jump1" action="select">
  66. <p>
  67. <select name="MyList" OnChange="location.href=jump1.MyList.options[selectedIndex].value">
  68. <option selected="selected">Please Select &#8680; &#8680; &#8681;</option>
  69. <option value="index.html">My Home Page</option>
  70. <option value="http://PayneLessDesigns.com/">PayneLessDesigns.com</option>
  71. <option value="http://answers.yahoo.com/">Yahoo!Answers</option>
  72. <option value="http://domain_name.com/">Jump to Option Four</option>
  73. <option value="http://domain_name.com/">Jump to Option Five</option>
  74. <option value="http://domain_name.com/">Jump to Option Six</option>
  75. <option value="http://domain_name.com/">Jump to Option Seven</option>
  76. <option value="http://domain_name.com/">Jump to Option Eight</option>
  77. <option value="http://domain_name.com/">Jump to Option Nine</option>
  78. <option value="http://domain_name.com/">Jump to Option Ten</option>
  79. </select>
  80. </p>
  81. </form>
  82. </div>
  83. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment