У меня есть ссылки iframe на странице html, как показано ниже:
<TABLE border="0" width="900">
<tr valign="top">
<td width="300" ALIGN=center>
<div class="item_list">
<a href="http://www.skiholidayextras.com? affiliate_id=172&submit_to=http://www.skihautesavoie.fr/results-lift-pass.html" target="_blank">link</a>
</div>
</td>
<td width="300" ALIGN=center>
<div class="item_list">
<iframe src = 'http://www.flipkart.com/affiliate/displayWidget?affrid=WRID-137232779171598318' frameborder = 0, height=250, width = 300 > </iframe></a><br>
</div>
</td>
<td width="300" ALIGN=center>
<div class="item_list">
<iframe src = 'http://www.flipkart.com/affiliate/displayWidget?affrid=WRID-137232785207215857' frameborder = 0, height=250, width = 300 > </iframe>
Теперь, когда я нажимаю на ссылку iframe, он открывает ссылку, но когда я нажимаю ее, она автоматически перенаправляет меня на эту ссылку iframe. Может ли кто-нибудь предложить мне, какую проблему у меня?
В вашем случае я бы использовал свои собственные элементы управления для каждого iframe. Вместо этого делегируйте эту работу нескольким кнопкам на своей странице:
<div id="view_iframe">
<iframe id="viewer" name="viewer" width="100%" height="600" src="some.html">
<p>Your browser does not support iframes.</p>
</iframe>
<input type="button" id="back" class="button" onClick="viewer.history.back();" value="<<" />
<input type="button" id="frwrd" class="button" onClick="viewer.history.forward();" value=">>" />
</div>
note - viewer
is iframe id
обратите внимание, что обе кнопки расположены абсолютно для выравнивания с iframe при изменении размера страницы.
в любом случае, вот что означает iframe для этого:
// For an iframe window
iframe.contentWindow.history.back();
iframe.contentWindow.history.forward();
или
iframe.contentWindow.history.go(-1); // back
iframe.contentWindow.history.go(1); // forward