打开/关闭XML属性状态

on/off switching xml attribute state

本文关键字：属性 状态 XML 关闭 打开      更新时间：2023-09-26

大家好，

我有一个特定的需要，但我没有处理足够的js和ajax或套接字。我想我还没有完成它。

就是这样，我需要在客户端编写一个带有开关的网页，该开关将在服务器上生成一个简单的xml，并根据其位置设置属性。

下面是我的结构:

<html>
  <meta http-equiv="refresh" content="10">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <link rel="stylesheet" href="css/style.css">
<head>
</head>
<body>
  <div class="container">
    <label class="switch switch-green">
      <input type="checkbox" class="switch-input" checked>
      <span class="switch-label" data-on="On" data-off="Off"></span>
      <span class="switch-handle"></span>
    </label>
  </div>
<script>
</script>
</body>
</html>

，我想生成一个简单的xml文件，像这样

<?xml version="1.0" encoding="UTF-8"?>
<starter>
  <switch>0</switch>
 </starter>

根据开关状态写入0或1。然后，我的目标是规则另一个js脚本来推动xmlhttp.open("GET", , )向客户端呈现数据。

我希望你的灯光能帮助我到达……我应该从哪里开始执行这个操作，这是一个正确的方法吗?我愿意接受任何建议。

首先，我希望使其在本地工作，并找到一种在主文件夹中编辑我的file.xml的方法。我写了很多关于W3C上的xml dom的文章，但是我没有成功地改变html接口传递的开关值。

实际上这是我现在的位置:

    <!DOCTYPE html>
    <html>
      <meta http-equiv="refresh" content="10">
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
      <link rel="stylesheet" href="css/style.css">
    <head>
    <style>
    </style>
    </head>
    <body>
      <div class="container">
        <label class="switch switch-green">
          <input id="starter" name="starter" type="checkbox" onclick="checkin()" class="switch-input"/>
          <span class="switch-label" data-on="On" data-off="Off"></span>
          <span class="switch-handle"></span>
        </label>
      </div>
    <script type="text/javascript">
    if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }

    function checkin() {
            if (document.getElementById('starter').checked) {
                alert("checked");
            } else {
                alert("You didn't check it! Let me check it for you.");
            }
        }
    </script>
    </body>
    </html>

条件现在工作得很好，但我想在传递1或0到switch_state.xml等文件之间切换

编辑:

这是我的镜头与xml dom，只是为了注意我已经备份loadxmldoc.js从:https://code.google.com/p/sail-web-vle/source/browse/trunk/vle/js/common/loadxmldoc.js?r=3并保存在一个js文件夹下。

<!DOCTYPE html>
<html>
  <meta http-equiv="refresh" content="10">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <link rel="stylesheet" href="css/style.css">
<head>
<style>
</style>
</head>
<body>
  <div class="container">
    <label class="switch switch-green">
      <input id="starter" name="starter" type="checkbox" onclick="checkin()" class="switch-input"/>
      <span class="switch-label" data-on="On" data-off="Off"></span>
      <span class="switch-handle"></span>
    </label>
  </div>
<script type="text/javascript" src="js/loadxmldoc.js">
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

function checkin() {
        if (document.getElementById('starter').checked) {
            //alert("checked");
        xmlDoc=loadXMLDoc('switch_state.xml');
        x=xmlDoc.getElementsByTagName("switch")[0].childNodes[0];
        x.nodeValue="bleah";
        document.write(x.nodeValue);
        } else {
            // alert("You didn't check it! Let me check it for you.");
        xmlDoc=loadXMLDoc('switch_state.xml');
        x=xmlDoc.getElementsByTagName("switch")[0].childNodes[0];
        x.nodeValue="yipikayeah";
        document.write(x.nodeValue);
        }
    }
</script>
</body>
</html>

和我的XML:

<?xml version="1.0" encoding="UTF-8"?>
<starter>
  <switch>"off"</switch>
</starter>

但是无论checkbox是否被选中，都不会发生任何事情…

相关文章：