Sharepoint Calculated Column切换图像onclick

时间:2016-06-02 21:12:40

标签: image onclick sharepoint-2013 calculated-columns

我碰到了碰撞!我正在尝试创建一个显示图片(A)的计算列。单击该图片(A)时,我希望图片切换到图片(B)。

我已经尝试了以下这一行,但我已经无所事事 - 请帮忙。 Sharepoint 2013

=IF(ISBLANK(Status),"",("<A HREF="&Status&" onclick='changeImage().src='picture(B)'><img src='Picture(A)' style='height:45px; width:90px;' /></a>"))

1 个答案:

答案 0 :(得分:0)

让我建议你提高你的javascript技能,因为你的初始javascript只是,完全错误。

你需要这样的东西:

<A HREF="#" onclick="document.getElementById('mypicture').src='pic2.jpg'"><img id='mypicture' src='pic1.jpg' style='height:45px; width:90px;' /></a>

我留给你把它正确地嵌入到计算字段中;-)

我总是给出一个提示:您可以在普通Excel中模拟calcultated字段公式,看看它们是否可以正常工作。

编辑:

会发生什么?

  • 如您所见,我向img元素
  • 提供了一个id(唯一标识符)
  • 有了这个,我们可以使用文档方法来获取项目的id(document.getElementById(&#39; theid&#39;))。
  • 然后我们可以获取或设置元素属性的属性(如src)。
  • 例如,我们也可以通过document.getElementById(&#39; theid&#39;)来设置元素的样式.style.backgroundColor =&#39; red&#39;;

我们也可以将它包装成这样的函数:

<script>
function setPicture(mypicture){
var element = document.getElementById('theid');
element.src=mypicture;
element.style.backgroundColor='red';
}
</script>

这里我们使用变量来存储元素

HTML:

<a href="#" onclick="javascript:setPicture('pictureB.jpg');">click me</a>

这应该给你一个开始但记住这是非常基本的东西。

ps:如果有帮助,你能接受答案吗? tnx:)