0

我目前正在我的网站上玩 Sifr。基本上,我的页面顶部有一些彩色块,它们将通过 javascript 更改样式表,具体取决于您选择的颜色。我想知道如何让 Sifr h1/h2 标签动态重新加载(不刷新页面)onclick - 如果可能的话?

我尝试在 onclick 事件中添加 sIRF.activate 代码,我还尝试将 sIFR.activate 代码放入 set_style 函数中,但无济于事。如果有人可以帮助我,那就太好了!

干杯莉安

4

2 回答 2

2

给定 sIFR 3,可以更改一些用于呈现文本的 CSS。

我假设你有两个替代品 forh1h2,我们只是改变它们的颜色:

function changeColor(hexValue) {
  var css = '.sIFR-root { color: ' + hexValue + '; }';
  for (var i = 0; i < sIFR.replacements['h1'].length; i++) {
    sIFR.replacements['h1'][i].changeCSS(css);
  }
  for (var i = 0; i < sIFR.replacements['h2'].length; i++) {
    sIFR.replacements['h2'][i].changeCSS(css);
  }
}

// after switching stylesheet:
changeColor('#FF9900');

这应该将<h1><h2>替换元素的文本颜色更改为橙​​色。

返回的对象sIFR.replacements[][]FlashInteractor

于 2009-04-16T22:01:47.967 回答
0

我自己没有使用过 sifr,但我认为你最好的选择是Rollback 附加组件。然后,您应该能够通过回滚有效地在您的 javascript 中重新加载您的 sifr 标记,然后通过重新运行您的替换语句(即基本上禁用和重新启用它)立即再次“向前滚动”。

编辑:刚刚注意到在这个页面的底部有一种redraw()方法......实际上可能正是你所追求的?(再次,抱歉含糊不清,但我自己从未直接使用过 sifr )

于 2009-04-16T04:29:08.953 回答