Остановить страницу iframe от перенаправления

http://kenzshop.com/lightbox/

Пользователь вводит URL-адрес в поле ввода и нажимает кнопку «Перейти». Страница должна просто просматриваться в iframe. Но при вводе URL-адреса, такого как espn.com, при нажатии кнопки на мгновение отобразится страница, а затем вся страница (kenzshop.com/lightbox) будет перенаправлена ​​​​на espn.com.

Кроме того, когда я пытаюсь использовать yahoo.com в iframe, вообще ничего не происходит. Здесь что-то неправильно закодировано? Или просто что-то на этих сайтах не позволяет просматривать их в фреймах?

Кроме того, не уверен, что можно спросить об этом в той же теме, но есть ли способ, которым пользователь нажимает кнопку «Ввод» на клавиатуре, создавая тот же эффект, что и при нажатии кнопки «Перейти»?

<script type="text/javascript">
<!--//
function urlink(iframe,src){
document.getElementById(iframe).src = src;
}
//-->
</script>

‹ / голова>

<div style="background-image: url('https://s3.amazonaws.com/cloud-host.mobi/preview- iphone4g.png'); width: 327px; height: 730px; padding: 135px 28px 0px 33px; background-repeat: no-repeat;">

<form>
<div style="position:relative; top:9px; left:2px;"><input style="float:left;"type="text" size="40" value="http://" name="url">
<input type="button" onclick="urlink('I1',this.form.url.value)" value="Go To"></div>
</form>

<iframe id="I1" src="" style="height: 489px; width: 327px;" frameborder="0" marginwidth="0" scrolling="yes" width="320" height="240"></iframe> 

</div>

Спасибо!! Кен


javascript html iframe
person Ken    schedule 05.12.2012    source источник
comment
Проверьте это: stackoverflow.com /вопросы/6663244/   -  person irrelephant    schedule 05.12.2012
comment
Спасибо небезразлично ;)   -  person Ken    schedule 05.12.2012

Ответы (1)


arrow_upward
2
arrow_downward

espn.com, вероятно, использует JavaScript, чтобы выйти из iframe. Боюсь, там мало что можно сделать. Однако на большинстве сайтов этого нет.

Для кнопки ввода используйте тег <form> с параметром действия. Оберните его вокруг коробки <input>. См. примеры на http://www.w3schools.com/tags/tag_form.asp.

person redolent    schedule 05.12.2012
comment
Благоухающее спасибо. Я действительно не уверен, что я должен положить туда для действия, хотя. Единственный пример, который я вижу, мало что мне показывает. ‹form action=??› :/ - person Ken; 05.12.2012
comment
Ну, я полагаю, вы используете JavaScript. В этом случае форма вам не понадобится. Вам нужно будет отслеживать нажатия клавиш и проверять, нажат ли ввод. Если вы не используете jQuery, вот как это сделать на чистом JavaScript: tycoontalk.freelancer.com/javascript-forum/ - person redolent; 05.12.2012