2009-08-11 8 views
1

Je suis un html noob et je voulais juste savoir s'il est possible de créer une zone de texte dans laquelle vous pouvez taper un site web et quand vous cliquez sur Envoyer, le site sera chargé dans l'iframe de votre choix.Zone de texte entrée cible iframe

Répondre

-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

J'ai essayé, mais quand je clique aller sur le site est pas chargé dans l'iframe, au lieu de l'URL dans les changements de navigateur, mais je ne vois pas de changement, juste Google dans le iframe. Lorsque je tape une url dans la zone de texte et que je clique sur go, les navigateurs passent à l'URL http://mydomain.com/index.html?txtval=www.yahoo.com –

+0

document.all? Avez-vous arrêté de développer des sites Web au moment où IE4 était toujours populaire? -1. –

+0

apporter les modifications suivantes ->

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>