Как отобразить источник ввода в iframe с помощью jQuery?

Доброе утро, Я сейчас начинаю в jQuery, и у меня есть проблема с использованием iframes и input. Вот что: У меня есть вход, где я могу ввести (например) веб-сайт и отобразить его на iframe. Я много пробовал, но без результата. Вот мой код. Буду признателен за помощь, спасибо большое!Как отобразить источник ввода в iframe с помощью jQuery?

<head> 
    <meta charset="utf-8"/> 
    <title></title> 
    <link rel="stylesheet" type="text/css" href=""> 
</head> 
<body> 
    <input type="button" value="GO" onClick="getval()" /> 
    <input type="text" name="url" src="http://www.google.com" id="textframe"> 

    <iframe src="" id="targetframe"></iframe> 

    <script type="text/javascript" src="jquery/jquery-3.1.1.js"></script> 
    <script type="text/javascript"> 
     function getvalue() { 
      var xframe = $("textframe").val(); 
      $("targetframe").attr('src', xframe); 
     } 
    </script> 
</body>

источник

2016-11-07 Hamza_PUMP.MA

Ваша функция ПолучитьЗначение но вы вызываете GETVAL на кнопку мыши. – Phiter

Извините за ошибку! Я только что исправился! Спасибо :) –

Вы не должны исправлять код своего вопроса, это может смутить будущих зрителей. Проверьте мой ответ и посмотрите, поможет ли он. – Phiter

Вы использовали неопределенную функцию, и вы не ставили символ решётка на объекты Jquery при запросе для идентификатора.

Я исправил ваш фрагмент, и он должен работать.

function getval() { 
 
    var xframe = $("#textframe").val(); 
 
    $("#targetframe").attr('src', xframe); 
 
} 
 
$("#btnGo").click();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="button" id="btnGo" value="GO" onClick="getval()" /> 
 
<input type="text" name="url" value="http://www.stackoverflow.com" id="textframe"> <br> 
 
<iframe src="" id="targetframe"></iframe>

Помните, что плавающие фреймы необходимо http:// в URL, чтобы работать.

Если вы на своем сайте, и вы просто делаете www.google.com и ваш сайт www.example.com, ваш источник IFrame станет www.example.com/www.google.com

источник

2016-11-07 10:05:54 Phiter

Спасибо, Phiter за ваши замечания! Тем не менее, у меня все еще есть та же проблема, ничего не отображается на iframe! –

попробуйте запустить мой фрагмент, он работает – Phiter

Проблема в том, что iframe не работают с stackoverflow для проблемы безопасности. – Phiter

Как отобразить источник ввода в iframe с помощью jQuery?

ответ

Смежные вопросы