允许用户更改页面样式

时间:2015-11-17 21:02:05

标签: javascript php css ajax

创建CMS,我想为用户创建按钮以设置页面样式。

<de.Maxr1998.example.preference.SwitchView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/checkbox"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@null"
    android:clickable="false"
    android:focusable="false" />

我在php中解析我的css所以我可以通过ajax更新css。

//customize.php

<body class = "body">
<input type = "color" name = "bgColor" id = "bgColor">
<button onclick = "changeColor()">Change Color</button>
</body>

在php中解析css

//style.js
function changeColor(){
   var request = new XMLHttpRequest();
   var getbgColor = document.getElementById("bgColor").value;

   request.onreadystatechange = function(){
      if(request.status == 200 && request.readyState == 4){

          //I want to send $mycolor back to the client side so user can see
          //how their page would look like

          var asx = request.responseText;
          document.body.style.backgroundColor = asx;
        }
     };
    request.open("GET","mode.php?theColor=" + getbgColor,true);
    request.send();

我有另一个文件调用showPage.php,它将具有custom.php文件制作的样式,但我无法使其工作。我一直得到的是来自$ mycolor的错误。似乎无法弄清楚我做错了什么。我还没有自学过jQuery,所以如果你有帮助,请不要jQuery。 (感谢您的帮助)

0 个答案:

没有答案