CSS Preloader

A small CSS preloader example that is a little different than the traditional spinner

by velo_ninja

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>IFrame Example</title>
</head>
<body>

<!-- Button to trigger the iframe URL -->
<button id="loadIframe">Load IFrame</button>

<!-- IFrame element -->
<iframe id="myIframe" width="600" height="400" frameborder="0"></iframe>

<!-- JavaScript code to handle button click and load the URL into the iframe -->
<script>
  // Function to be called when the button is clicked
  function loadIframe() {
    // Get the iframe element
    var iframe = document.getElementById('myIframe');

    // Set the source URL for the iframe
    iframe.src = 'https://www.media-junkie.com/_functions/filter/team';
  }

  // Add a click event listener to the button
  document.getElementById('loadIframe').addEventListener('click', loadIframe);
</script>

</body>
</html>