javascript - 在 wordpress 中使用点击事件打开/更改 Iframe

标签 javascript html css wordpress iframe

在我的 WordPress 网站上,我在一侧有一个菜单,在菜单旁边的 IFrame 中嵌入了一个 prezzie。

我想使用某种形式的点击事件将 IFrame 的内容更改为另一个 prezie 而无需刷新页面,以实现无缝更改,但我仍然不知道如何编写代码。

菜单按钮实际上是 map 中的图片,给人一种它们实际上是功能按钮的错觉。

谁能帮我解决这个问题?

提前致谢。

最佳答案

添加一个 JavaScript 函数来交换 Prezi iframe 的 Url。

function changePrezi (preziKey) {
  var url = "http://prezi.com/embed/" + preziKey + "/";      
  document.getElementById('prezi').src = url;
}

然后将 onClick 处理程序添加到您的菜单链接/按钮以调用 changePrezi 函数,并传入正确的 Prezi 键。

<button onClick="changePrezi('ltv92t40up8k')">Prezi 1</button>
<button onClick="changePrezi('rqqnh_taqx1l')">Prezi 2</button>
<iframe id="prezi" frameborder="0" width="550" height="400"></iframe>

这是一个Plunker Demo .

关于javascript - 在 wordpress 中使用点击事件打开/更改 Iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28844340/

相关文章:

python - 显示其他属性值(如果 django 模板中已知)

CSS 滑动 div(过渡/转换在 Firefox 25.0.1 中不起作用)

php - 二十十二主题中的样式分页

html - 垂直对齐不适用于 div

javascript - 如何通过 Angular 将鼠标悬停在另一个元素上时添加和删除一个元素的类?

Javascript 自动完成在 ascx 中不起作用

html - Div 定位(y 轴)与之前的 div y 轴位置相同,不需要的行为

html - 在 div 内对齐单选按钮

javascript - Three.js - 简单的自定义纹理框侧面看起来与上/下表面不同。为什么会发生以及如何匹配它们

javascript - 尝试使用 $rootScope 实现指令并收到 TypeError : Cannot read property '$on' of undefined