新方式

Question

我正在尝试从加载图片更改为显示图表。我以前从未使用过data-rel属性，所以我对如何正确地说出这个问题很困惑，也许我的代码会解释它：

<div id="chk_all" style="width: 320px; height: 260px; background: url(/inquire/images/wait.gif) 50% 50% no-repeat;" data-rel="/inquire/?action=gchd&prj=1119&tp=chk&stp=0&cht=pie"></div>

这就是我要制作图表的方法： <?php '<div id="iss_part" class="ov_chart_iss" style="width: 320px; height: 260px;" data-rel="' . Helpers::buildURL(array('action' => SiteMap::CHART_GET_DATA, Defaults::PROJECT => $prj['id'], Defaults::TYPEOFDATA => Defaults::ISSUE, Defaults::SUBTYPEOFDATA => 1, Defaults::CHART_TYPE => Defaults::CHART_TYPE_COLUMN)) .'"></div>; ?>'

此代码显示我发布的上一个div标签，如果有帮助，这里是我想要完成的图像： http://imgur.com/phjNuAJ,SQHV45S#0这就是我目前所拥有的：http://imgur.com/phjNuAJ,SQHV45S#1

基本上，我正在尝试加载data-rel属性中的内容，而不是保留在wait.gif图像上。这有什么意义吗？如果是的话，我该怎么改变呢？

由于

Answer 1

新方式

<div id="chk_all" style="width: 320px; height: 260px; background: url(/inquire/images/wait.gif) 50% 50% no-repeat;" data-rel='http://path.pointing.to.chart.com/inquire ...'></div>

// JS
var chkDiv = document.getElementById('#chk_all'),
    data = chkDiv.dataset;

var req = new XMLHttpRequest();
req.open("GET", "path/to/thing"+data.rel, true);
req.send("");

req.onreadystatechange = function () {
  if (req.readyState != 4 || req.status != 200) return;
  chkDiv.style.background = '';
  chkDiv.innerHTML = x.responseText;
};

这对你有用吗？避风港经过测试但理论上应该有效。

希望它有所帮助。

使用data-rel在div标记内加载另一个图像

1 个答案:

新方式