Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <meta charset="UTF-8" />
- <title>Zadaca 3</title>
- <script type="text/javascript">
- function getSelected() {
- var val;
- var buttons = document.getElementsByName("type");
- for(var i = 0; i < buttons.length; ++i) {
- if(buttons[i].checked)
- return buttons[i].value.trim();
- }
- return false;
- }
- function changeBackground() {
- var type = document.getElementById("type");
- var val = document.getElementById("value");
- if(getSelected() == "color") {
- document.body.style.background = val.value;
- } else if(getSelected() == "image") {
- var obj = new Image();
- obj.src = val.value;
- if(obj.complete)
- document.body.style.backgroundImage = "url('" + val.value + "')";
- }
- return false;
- }
- </script>
- </head>
- <body>
- <form method="POST" onsubmit="return changeBackground();">
- <table width="400" border="0" cellspacing="2" cellpadding="2">
- <tr>
- <th colspan="2"><h1>Промена на позадина</h1></th>
- </tr>
- <tr>
- <td colspan="2" align="center">
- <input type="radio" name="type" value="color" id="type" /> Color
- <input type="radio" name="type" value="image" id="type" /> Image
- </td>
- </tr>
- <tr>
- <td>Value:</td>
- <td><input type="text" name="value" id="value" size="25" /></td>
- </tr>
- <tr>
- <td colspan="2" align="center"><input type="submit" value="Промени" /></td>
- </tr>
- </table>
- </form>
- </body>
- </html>
Add Comment
Please, Sign In to add comment