Load URL from text box into iframe

Question

How do you load a URL from a text box into iframe in a HTML file via javascript?

Answer 1

var oIFrame = document.getElementById("id_of_iframe");
oIFrame.src = document.getElementById("id_of_textbox").value;

Answer 2

Or with document.frames if its the only iframe you are using:

var myIframe = window.document.frames[0]; // lets grab the iframe object
if (myIframe != null){
  myIframe.src = document.getElementById("id_of_textbox").value; // set the value as source.
}

Answer 3

Just to add I guess, via jQuery

$('iframe#guid').src( $('#textbox_id').val() );

with error checking:

var iframe = $('#guid');
if(iframe.length > 0){
    iframe.attr('src', $('#textbox_id').val());
}