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();
    }
});