2009-08-11 6 views
1

Я html noob, и я просто хотел узнать, можно ли создать текстовое поле, в котором вы можете ввести веб-сайт, и когда вы нажмете кнопку «Отправить», он загрузит веб-сайт в iframe вашего выбор.Текстовое поле ввода цели iframe

ответ

-1
<html> 
<head> 
<script language="JavaScript"> 
function SendMe() 
{ 
    document.all.myframe.src = document.forms[0].txtval.value; 
} 
</script/> 
</head> 
<body> 
<form name="myform"> 
<input type="text" name="txtval"> 
<input type="button" value="Go" onclick="javascript:SendMe()"> 
<br> 
<iframe src="http://www.google.com" width="400" height="200" name="myframe"></iframe> 
</form> 
</body> 
</html> 
+0

Я пытался, но когда я нажимаю идти сайт не загружается в IFRAME, вместо URL-адрес в браузере изменений, но я не вижу каких-либо изменений, только Google внутри фрейма. Когда я печатаю URL-адрес в текстовое поле и нажимаю go, URL-адреса браузеров меняются на этот http://mydomain.com/index.html?txtval=www.yahoo.com – 2009-08-11 15:59:34

+0

document.all? Вы перестали разрабатывать веб-сайты в то время, когда IE4 по-прежнему пользовался популярностью? -1. –

+0

внести следующие изменения ->

Bhaskar

0
<html> 
    <head> 
     <title> Answer </title> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
     <script type="text/javascript"> 
     $(function() 
     { 
      $('.frmSubmit').click(function(e) 
      { 
      $('#dynFrame').attr('src', $('.frmUrlVal').attr('value')); 
      e.preventDefault(); 
      }); 
     }); 
     </script> 
    </head> 
    <body> 
     <form> 
     <input type="text" class="frmUrlVal"> 
     <input type="submit" class="frmSubmit" value="Go"> 
     </form> 
     <iframe src="http://www.google.com" width="100%" height="400" id="dynFrame"></iframe> 
    </body> 
    </html>