数组url-回显下一个url
Array urls - echo next url
PHP
$urls = Array('www.1.com.br','www.2.com.br', 'www.3.com.br');
HTML
<iframe src="www.1.com.br" width='100%' height='100%'></iframe>
<button>Next</button>
如何单击下一个按钮只更新url数组序列中的iframe url(而不是更新整个页面(?
我还怀疑它是否是一个在php或javascript 中包含所有url的数组更好
更新
<script>
jQuery('#someFrame').submit(function(){
$.ajax({
url: 'updateUrl.php',
type: '???',
data: ????,
});
})
var currentIndex = 0;
var urls = ['www.1.com.br','www.2.com.br', 'www.3.com.br'];
document.getElementById('someButton').addEventListener('click', function () {
currentIndex = Math.min(currentIndex + 1, urls.length - 1);
document.getElementById('someFrame').setAttribute('src', urls[currentIndex]);
});
</script>
<iframe src="www.1.com.br" width='100%' height='100%' id="someFrame"></iframe>
<button id="someButton">Next</button>
什么需要更新页面Url.php,才能在不刷新的情况下刷新页面?
这不能完全用PHP完成,您需要JS才能使其工作。PHP是由Web服务器解释的,所以当它到达浏览器时,浏览器对该PHP一无所知。因此,它不可能像你希望的那样真正具有互动性。
另一方面,JavaScript非常适合这种没有刷新行为的交互。
所以类似的东西
HTML
<iframe src="www.1.com.br" width='100%' height='100%' id="someFrame"></iframe>
<button id="someButton">Next</button>
Javascript
var currentIndex = 0;
var urls = ['www.1.com.br','www.2.com.br', 'www.3.com.br'];
document.getElementById('someButton').addEventListener('click', function () {
currentIndex = Math.min(currentIndex + 1, urls.length - 1);
document.getElementById('someFrame').setAttribute('src', urls[currentIndex]);
});
添加到iframe data-current-url="1"
和data-url1
。。。。data-urlN
按下next,只需检查当前,如果有属性:data-url(current+1)
使用该属性的值并更新data-current-url="(current +1)"
如果没有这样的atribute,那么将数据当前url重置为1,并从data-url1
获取url。我们将通过这个解决方案进行循环
相关文章:
- 如何使用javascript获取下一个/转发url
- 按下一个HTML按钮,该按钮使用一个功能在同一个新窗口中打开URL
- 修改 HTML 的方式使左键应带到下一个 URL
- 下一个和上一个箭头按钮,用于使用 JavaScript 浏览 Web URL
- 两个下拉列表表单以获取一个 URL
- 避免使用下一个url,直到类别名称是唯一的
- Express中间件中对request.url的更改是否持续到下一个中间件
- 带有javascript递增url的下一个/上一个href按钮
- Button获胜't在验证3个输入字段后,将我带到下一个URL
- 另一个“;如何在不离开网页的情况下改变URL”;
- 如何检测用户是否已经打开了一个url,并在已经打开的情况下重定向到相同的url
- 如何浏览作为链接列表的url数组以及上一个/下一个链接
- 在这种情况下,如何转到html5-history推送的上一个url
- 数组url-回显下一个url
- 自动填写表单和自动下一个url
- 有没有一个明确的解决方案可以使用jQuery在没有插件的情况下验证URL
- 传递所选DIV的ID到下一个PHP页面,没有表单或URL变量
- 存储url的历史列表,并使用jquery访问上一个和下一个url
- 如何使用机械化提交表单来获取下一个网页的URL
- 使用 jquery 加载上一个/下一个 url