API tools faq
paste
PayneLess_Designs

Background Change on Select

PayneLess_Designs
Feb 12th, 2013
182
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.50 KB | None | 0 0
raw download clone embed print report
  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=iso-8859-1">
  4. <title>Background Change on Select</title>
  5. <meta name="description" content="">
  6. <meta name="keywords" content="">
  7. <meta name="author" content="Ron">
  8. <meta name="date" content="1/13/2009">
  9. <meta name="copyright" content="PayneLess Designs">
  10. <meta name="generator" content="MSS Website Studio by van IJperen Software Inc. - http://www.marsansoft.nl">
  11. <style type="text/css">
  12. body {
  13. background: #f0f url(http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_01.jpg) repeat 50% scroll;
  14. }
  15.  
  16. div#selector_wrap {
  17. width: 300px;
  18. margin: 0 auto;
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <div id="selector_wrap">
  24. <select onchange="document.body.style.backgroundImage = 'url(' + this.options[this.selectedIndex].value + ')';">
  25. <option value="">Choose your background...</option>
  26. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_04.jpg">Blue-Green Jags</option>
  27. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_3d_face_happy_md_wht.jpg">Happy Faces</option>
  28. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_12.jpg">Vertical Neons</option>
  29. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_13.jpg">Green Kaleidoscope</option>
  30. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_15.jpg">Blue 3D Squares</option>
  31. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_17.jpg">Colored Diffracted Glass</option>
  32. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_18.jpg">Fuzzy Sine Waves</option>
  33. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_21.jpg">Psycho</option>
  34. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_23.jpg">Rainbow Rain</option>
  35. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_24.jpg">WOW!</option>
  36. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_31.jpg">Where Am I?</option>
  37. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_37.jpg">Fractal Mania</option>
  38. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_42.jpg">Fractal Mania 2</option>
  39. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_age005.jpg">Fractal Mania 3</option>
  40. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_ani_starstwinkling.gif">Twinkling Stars</option>
  41. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_beach-sunset.jpg">Sunset Over Water</option>
  42. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_blue_hills.jpg">Blue Hills</option>
  43. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_brilliant_greens.jpg">Green Frost</option>
  44. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_brilliant_greens.jpg">Lazy Clouds</option>
  45. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_crystal-ball.jpg">Crystal Ball</option>
  46. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_fishing_lure_lg_nwm_me.gif">Fishin'</option>
  47. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_football_light_sm_wht_me.jpg">Football</option>
  48. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_fractal.jpg">Fractal</option>
  49. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_Image002.jpg">Blue-ed Swirls</option>
  50. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_Image020.jpg">Red-Blue Crazies</option>
  51. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_Image021.jpg">Inkblot?</option>
  52. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_Image021.jpg">Blue-Pink Sines</option>
  53. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_Image036.jpg">Canals of Mars?</option>
  54. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_Image037.jpg">Maze</option>
  55. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_Image055.jpg">Green Whatsit</option>
  56. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_mad_science_md_wht.jpg">Doctor is In!</option>
  57. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_moneyangel.jpg">Pennies from Heaven</option>
  58. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_peacock1.jpg">Peacock</option>
  59. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_player_skin.jpg">Off World</option>
  60. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_rainbow_tickle.gif">Rainbow Tickle</option>
  61. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_space-vortex.jpg">Space Vortex</option>
  62. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_space_another-world.jpg">Off World 2</option>
  63. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_space_theme001.jpg">Space Theme</option>
  64. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_statue-liberty.jpg">Statue of Liberty</option>
  65. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_swirl.jpg">Swirl</option>
  66. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_the-matrix.jpg">The Martix</option>
  67. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_tropical_reflections.jpg">Tropics</option>
  68. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_white_rose_reflections.jpg">White Carnation</option>
  69. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/code_spider.png">Da Spider!</option>
  70. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/dragon-orange.gif">Orange Dragon</option>
  71. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/dragon_horned_blue.gif">Horned Blue Dragon</option>
  72. <option value="http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/pic-little_angel.jpg">Little Angel</option>
  73. <option value="">Future Background</option>
  74. <option value="">Future Background</option>
  75. <option value="">Future Background</option>
  76. <option value="">Future Background</option>
  77. <option value="">Future Background</option>
  78. <option value="">Future Background</option>
  79. <option value="">Future Background</option>
  80. <option value="">Future Background</option>
  81. <option value="">Future Background</option>
  82. <option value="">Future Background</option>
  83. <option value="">Future Background</option>
  84. <option value="">Future Background</option>
  85. <option value="">Future Background</option>
  86. <option value="">Future Background</option>
  87. <option value="">Future Background</option>
  88. <option value="">Future Background</option>
  89. <option value="">Future Background</option>
  90. </select>
  91. </div>
  92.  
  93. <div style="width: 640px; margin: 3% auto;"><script type="text/javascript">document.write('<embed type="application/x-shockwave-flash" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" id="mediaPlayer" name="mediaPlayer" showcontrols="true" autostart="true" loop="true" wmode="transparent" src="http://w160.photobucket.com/pbwidget.swf?pbwurl=http://w160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/8a7d12fd.pbw" style="width: 640px; height: 480px;">');</script><a href="http://photobucket.com/slideshows" onclick="window.open (this.href, ''); return false"><img src="http://pic.photobucket.com/slideshows/btn.gif" style="float: left; border: 0;" alt=""></a><a href="http://s160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/?action=view&amp;current=8a7d12fd.pbw" onclick="window.open (this.href, ''); return false"><img src="http://pic.photobucket.com/slideshows/btn_viewallimages.gif" style="float:left;border: 0;" alt=""></a></div>
  94.  
  95. <div style="width: 640px; margin: 3% auto;"><script type="text/javascript">document.write('<embed type="application/x-shockwave-flash" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" id="mediaPlayer" name="mediaPlayer" showcontrols="true" autostart="true" loop="true" wmode="transparent" src="http://w160.photobucket.com/pbwidget.swf?pbwurl=http://w160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/c74f6078.pbw" style="width: 640px; height: 480px;">');</script><a href="http://photobucket.com/slideshows" onclick="window.open (this.href, ''); return false"><img src="http://pic.photobucket.com/slideshows/btn.gif" style="float: left; border: 0;" alt=""></a><a href="http://s160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/?action=view&amp;current=8a7d12fd.pbw" onclick="window.open (this.href, ''); return false"><img src="http://pic.photobucket.com/slideshows/btn_viewallimages.gif" style="float:left;border: 0;" alt=""></a></div>
  96.  
  97. <div style="width: 640px; margin: 3% auto;"><script type="text/javascript">document.write('<embed type="application/x-shockwave-flash" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" id="mediaPlayer" name="mediaPlayer" showcontrols="true" autostart="true" loop="true" wmode="transparent" src="http://w160.photobucket.com/pbwidget.swf?pbwurl=http://w160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/e72b250b.pbw" style="width: 640px; height: 480px;">');</script><a href="http://photobucket.com/slideshows" onclick="window.open (this.href, ''); return false"><img src="http://pic.photobucket.com/slideshows/btn.gif" style="float: left; border: 0;" alt=""></a><a href="http://s160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/?action=view&amp;current=8a7d12fd.pbw" onclick="window.open (this.href, ''); return false"><img src="http://pic.photobucket.com/slideshows/btn_viewallimages.gif" style="float:left;border: 0;" alt=""></a></div>
  98. </body></html>
  99.  
  100. <!-- ** file created on 1/13/2009 12:42:08 AM ** -->
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!