can't set src to iframe from javascript function

Question

I have the html structure like this

<form id="form_search">
    <input type="text" id="url_iframe"/>
    <button id="search">Start</button>
</form>
<iframe id="iframe_search" >
</iframe>

and I trying to set the iframe scr from javascript like this

window.onload = function ()
{
   document.getElementById('search').onclick = inicializar;

   function inicializar ()
   {
     var url_iframe = "http://localhost/site/index.php";
     document.getElementById('iframe_search').src = url_iframe;            
   }
}

But the problem is that the iframe not retain the scr value...

How can I set property to iframe?

Thanks!

NoGray · Accepted Answer · 2014-04-15 04:36:12Z

1

You need to prevent the default event behavior on your mouse click event. A better option would be to add the event to the submit event to support older browsers.

http://jsfiddle.net/xd2d9/1/

event.preventDefault();

answered Apr 15, 2014 at 4:36

NoGray

1,1497 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ronnel Davis · Accepted Answer · 2014-04-15 04:35:53Z

0

Maybe you should move your inicializar() function outside the window.onload() function because I guess you will need a function with a global scope to run it onclick.

answered Apr 15, 2014 at 4:35

Ronnel Davis

4786 silver badges11 bronze badges

Collectives™ on Stack Overflow

can't set src to iframe from javascript function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related