Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html><head>
- <meta http-equiv="content-type" content="text/html; charset=utf-8">
- <title>Select Box - Jump To Action | Opens Selected Page</title>
- <meta name="description" content="">
- <meta name="keywords" content="">
- <meta name="author" content="">
- <!-- <link rel="stylesheet" type="text/css" href="css_page_designs.css"> -->
- <style type="text/css">
- * { margin: 0; padding: 0; border: 0; }
- html, body {
- width: 100%;
- height: 100%;
- }
- h1, h3 { text-align: center; margin: 2% 0; }
- #wrap {
- width: 960px;
- margin: 3% auto;
- padding: 20px;
- font-size: 1em;
- /* border: 1px solid #f00; */
- }
- form#example-one {
- width: 10.063em;
- height: 1.875em;
- margin: 0 auto;
- }
- form#example-one input {
- font-family: helvetica, arial, 'times new roman', sans-serif;
- font-size: 1em;
- font-weight: bold;
- background: #000;
- color: #fff;
- }
- form#jump1 {
- width: 11.063em;
- height: 1.875em;
- margin: 0 auto;
- }
- form#jump1 select {
- font-family: helvetica, arial, 'times new roman', sans-serif;
- font-size: 1em;
- font-weight: bold;alignment-adjust:
- }
- form#example-one input, form#jump1 select, option {
- padding: 2px 5px;
- }
- </style>
- </head><body>
- <h1>Select Box - Jump To Action | Opens Selected Page</h1>
- <div id="wrap">
- <h3>Example One: Opens Specific Page</h3>
- <form id="example-one" action="click">
- <p><input type="button" value="Click Me for Pre-set Page" onClick="window.open('http://paynelessdesigns.com')"></p>
- </form>
- <h3>Example Two: Select Box - Jump To Action</h3>
- <form id="jump1" name="jump1" action="select">
- <p>
- <select name="MyList" OnChange="location.href=jump1.MyList.options[selectedIndex].value">
- <option selected="selected">Please Select ⇨ ⇨ ⇩</option>
- <option value="index.html">My Home Page</option>
- <option value="http://PayneLessDesigns.com/">PayneLessDesigns.com</option>
- <option value="http://answers.yahoo.com/">Yahoo!Answers</option>
- <option value="http://domain_name.com/">Jump to Option Four</option>
- <option value="http://domain_name.com/">Jump to Option Five</option>
- <option value="http://domain_name.com/">Jump to Option Six</option>
- <option value="http://domain_name.com/">Jump to Option Seven</option>
- <option value="http://domain_name.com/">Jump to Option Eight</option>
- <option value="http://domain_name.com/">Jump to Option Nine</option>
- <option value="http://domain_name.com/">Jump to Option Ten</option>
- </select>
- </p>
- </form>
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment