Sharepoint 计算列以切换图像 onclick

Question

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

我已经尝试了以下行，但我对此一无所知 - 请帮忙。共享点 2013

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

Answer 1

我只是建议您提高 javascript 技能，因为您最初的 javascript 是完全错误的。

你需要这样的东西：

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

我将其正确嵌入到计算字段中的任务留给您了 ;-)

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

编辑：

会发生什么？

如您所见，我为 img 元素提供了一个 id（唯一标识符）
有了这个，我们可以使用文档方法通过它的 id (document.getElementById('theid')) 来获取项目。
然后我们可以获取或设置元素属性（如 src）的属性。
例如，我们还可以通过 document.getElementById('theid').style.backgroundColor='red';

我们也可以将其包装成这样的函数：

<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：如果对您有帮助，您能采纳吗？发送:)

Sharepoint 计算列以切换图像 onclick

Sharepoint Calculated Column to switch image onclick

image

onclick

sharepoint-2013

calculated-columns