javascript - 我正在尝试将背景图像源更改为输入到表单框中的 url

标签 javascript php html css

我正在尝试将背景图像源更改为输入到表单框中的 url。我已经尝试了一些东西,并将代码混在一起,是的,不行。我知道足够多的代码让自己陷入困境,但无法让自己摆脱困境。请帮忙。

    <html>
    <head>
    <script>
    function changeBackground()
    {var z = new Image(); 
    z.src = "<?=$varImage;?>"; 
    document.body.background= z.src; }
    </script>
    <?php
    if($errorMessage != "") 
    {
      echo("<p>There was an error:</p>\n");
      echo("<ul>" . $errorMessage . "</ul>\n");
    } 
    else
    {
      $fs = fopen("mydata.csv","w+");
      fwrite($fs,$varImage . ", \n");
      fclose($fs);

      header("Location: thankyou.html");
      exit;
    }
    ?>
    <?php
      if($_POST['formSubmit'] == "Submit") 
      {
        $varImage = $_POST['formImage'];
      }
    ?>

    </head>
    <body>
    <script src="images.js" type="text/javascript"></script>
    <form name="alternate" method="POST" action="">
       <input type="button" name="Change" value="Change"                                                             onClick="changeBackground();">
    </form>
    </body>
    </html>

最佳答案

我会试试这个(假设文本框包含一个 url)

<script>
    function changeBackground(){
        document.body.background = "<?=$varImage;?>";
    }
</script>

关于javascript - 我正在尝试将背景图像源更改为输入到表单框中的 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30565716/

相关文章:

javascript - 为 Javascript 应用程序存储持久本地数据的轻型解决方案

php - WooCommerce 可变产品 : Display some variations values in an HTML table

php - 我可以在 Laravel 的路由组中对多个域进行分组吗?

html - 图片在 IE8 或更早版本上不可见

javascript - 从 HTML 请求执行 Javascript 函数

javascript - 将图像扩展到完整的可用宽度和高度

javascript/jQuery – 在垂直调整页面大小时保持 div 滚动到底部?

javascript - 在 html 中编辑 javascript 属性

javascript - 在滚动之前,尝试使粘性标题粘在页面加载上

php - 为什么有些照片无法上传到数据库?