glavinova

[ИП][лаб4] Промена на позадина

Jan 17th, 2020
56
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.35 KB | None | 0 0
  1. <html>
  2. <head>
  3. <meta charset="UTF-8" />
  4. <title>Zadaca 3</title>
  5. <script type="text/javascript">
  6. function getSelected() {
  7.     var val;
  8.     var buttons = document.getElementsByName("type");
  9.     for(var i = 0; i < buttons.length; ++i) {
  10.         if(buttons[i].checked)
  11.             return buttons[i].value.trim();
  12.     }
  13.     return false;
  14. }
  15. function changeBackground() {
  16.     var type = document.getElementById("type");
  17.     var val = document.getElementById("value");
  18.     if(getSelected() == "color") {
  19.         document.body.style.background = val.value;
  20.     } else if(getSelected() == "image") {
  21.         var obj = new Image();
  22.         obj.src = val.value;
  23.         if(obj.complete)
  24.             document.body.style.backgroundImage = "url('" + val.value + "')";
  25.     }
  26.     return false;
  27. }
  28. </script>
  29. </head>
  30. <body>
  31. <form method="POST" onsubmit="return changeBackground();">
  32. <table width="400" border="0" cellspacing="2" cellpadding="2">
  33. <tr>
  34.     <th colspan="2"><h1>Промена на позадина</h1></th>
  35. </tr>
  36. <tr>
  37.     <td colspan="2" align="center">
  38.         <input type="radio" name="type" value="color" id="type" /> Color
  39.         <input type="radio" name="type" value="image" id="type" /> Image
  40.     </td>
  41. </tr>
  42. <tr>
  43.     <td>Value:</td>
  44.     <td><input type="text" name="value" id="value" size="25" /></td>
  45. </tr>
  46. <tr>
  47.     <td colspan="2" align="center"><input type="submit" value="Промени" /></td>
  48. </tr>
  49. </table>
  50. </form>
  51. </body>
  52. </html>
Add Comment
Please, Sign In to add comment