CODEWITHSUNDEEP
javascriptphpjquerycssiframe
derks
derks

Reputation: 63

How do I change the source of an iframe from a PHP if statement using javascript

Based on the result of a PHP if statement, I want to change the source attribute of an iframe.

I have the following:

<?PHP
     if {...}
     else {
          echo "<script>";
          echo "document.getElementById('video-embed').setAttribute('src', 'https://www.youtube.com/embed/dQw4w9WgXcQ');";
          echo "</script>";
     }
?>

<!DOCTYPE html>
     <body>
        <div class="wrapper">
          <iframe id="video-embed" src="...some other youtube video"></iframe>
        </div>
     </body>
</html>

I know that executing valid JavaScript from the if statement is at least feasible, as I've succesfully tested JS alerts. Everything I've seen online has seemed to indicate that the syntax in question for the line "document.getElem..." is valid. Any help would be appreciated.

Upvotes: 0

Views: 1880

Answers (1)

Barmar
Barmar

Reputation: 781058

You have the Javascript before the HTML that creates the element that it's trying to modify, so getElementById() isn't finding the element. Move the PHP code that adds the JS to the end of the HTML, so that the ID will be found. Or put the Javascript in the window's load handler. 

<?PHP
     if {...}
     else {
          echo "<script>";
          echo "window.addEventListener('load', function() {";
          echo "document.getElementById('video-embed').setAttribute('src', 'https://www.youtube.com/embed/dQw4w9WgXcQ');";
          echo "});";
          echo "</script>";
     }
?>

Upvotes: 1

Related Questions