Create a site that allows me to load 2 different web pages in\n 2 frames in one HTML page. In other words, I want to be able to Have an interface that can load 2 web pages side by side.\n That are in frames
6d2b1e6 verified | function loadLeftFrame() { | |
| const url = document.getElementById('leftUrl').value; | |
| if (url) { | |
| document.getElementById('leftFrame').src = url; | |
| } | |
| } | |
| function loadRightFrame() { | |
| const url = document.getElementById('rightUrl').value; | |
| if (url) { | |
| document.getElementById('rightFrame').src = url; | |
| } | |
| } | |
| function loadPreset(side, url) { | |
| if (side === 'left') { | |
| document.getElementById('leftUrl').value = url; | |
| document.getElementById('leftFrame').src = url; | |
| } else { | |
| document.getElementById('rightUrl').value = url; | |
| document.getElementById('rightFrame').src = url; | |
| } | |
| } | |
| // Add event listeners for Enter key | |
| document.getElementById('leftUrl').addEventListener('keypress', function(e) { | |
| if (e.key === 'Enter') { | |
| loadLeftFrame(); | |
| } | |
| }); | |
| document.getElementById('rightUrl').addEventListener('keypress', function(e) { | |
| if (e.key === 'Enter') { | |
| loadRightFrame(); | |
| } | |
| }); |