アレイのURL - 次のURLエコー

Question

私は順番に（ページ全体を更新していない）のiframe 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配列の？

私はそれがPHPやJavaScriptですべてのURLを持つ配列優れているかどうかも疑問に思い

UPDATEページを更新するために、ページupdateUrl.phpを持っている必要がありますどのような

<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> 

リフレッシュせずに？

Answer 1

これは純粋にPHPで行うことはできません.JSが動作するにはJSが必要です。 PHPはウェブサーバによって解釈されるので、ブラウザに当たる頃には、ブラウザはその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]); 
}); 

Answer 2

単に現在チェックしている場合は、次を押してdata-current-url="1"とdata-url1、.... data-urlN をiFrameにするために追加属性： data-url(current+1)その属性からの値を使用するこのような属性がない場合はdata-current-url="(current +1)"

の場合は、data-current-urlを1にリセットし、data-url1からURLを取得します。私たちはこの解決策によってループを作成します