Passing javascript variable to iframe src

Question

Can someone help me if correcting this code. I couldnt figure out where i went wrong. The javascript variable is not replacing the src.

PS This should run as a Google Chrome extensions .

<html> 
    <head> 
        <script type="text/javascript">
            function convert()
            {   
            var url4="test"
            document.getElementById("link").src=url4;
            } 
        </script>
    </head>
    <body onload="convert()">
        <iframe src="wwwx" id="link" width="100%" height="300">
            <p>Your browser does not support iframes.</p>
        </iframe>
    </body>
</html>

Answer 1

Because the JavaScript is being run before the <iframe> is in the DOM, it will never be able to access it.

Try moving your JS to just after the iframe but before the </body> tag:

<html> 
  <head></head>
  <body>
    <iframe src="wwwx" id="link" width="100%" height="300">
      <p>Your browser does not support iframes.</p>
    </iframe>
   <script>
     function convert() {   
       var url4 = "test";
       document.getElementById("link").src=url4;
     }

     convert(); 
   </script>
  </body>
</html>

Passing javascript variable to iframe src

Question

1 answers

solution1
-1 2011-08-19 20:24:04

Passing javascript variable to iframe src

Question

1 answers

solution1 -1 2011-08-19 20:24:04

solution1
-1 2011-08-19 20:24:04