EaglercraftX-Client-Collections/EaglercraftX-Site
4
5
Fork 2
Code Issues Pull Requests Actions Projects Wiki Activity

testing the settings function

Browse Source
This commit is contained in:
Sevi 2024-10-28 14:00:33 -07:00 committed by GitHub
parent 681abf0527
commit f6f077ba4f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 29 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -140,6 +140,12 @@
<p class="copy-link" id="discordLink" style="color: black;">https://discord.gg/czV7M8JXXM</p>
<button class="copy-btn" onclick="copyLink()" style="background-color: rgb(76, 175, 80);">Copy Link</button>
<button class="cancel-btn" onclick="closeModal()" style="background-color: rgb(76, 175, 80);">Close</button>
<script>
window.addEventListener('message', (event) => {
// Set the received color as the background color of the page
document.body.style.backgroundColor = event.data;
});
</script>
</div>
</div>
<script src="js/popup.js"></script>

51
settings.html
View File

@ -1,35 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DON'T USE OR YOU WILL BE STUCK ON ONE BACKGROUND</title>
<script>
// Function to apply the background color on page load
function applySavedBackgroundColor() {
const savedColor = localStorage.getItem('backgroundColor');
if (savedColor) {
document.body.style.backgroundColor = savedColor;
}
}
// Function to change the background color and save it
function changeBackgroundColor(color) {
document.body.style.backgroundColor = color;
localStorage.setItem('backgroundColor', color);
}
// Apply the saved background color when the page loads
window.onload = applySavedBackgroundColor;
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page 1 - Color Controller</title>
<script>
let newWindow;
function openPage2() {
newWindow = window.open('index.html', 'main');
}
function changeWindowColor(color) {
if (newWindow) {
newWindow.postMessage(color, '*');
} else {
alert('Please open the main page first.');
}
}
</script>
</head>
<body>
<h2>Choose Background Color</h2>
<button onclick="changeBackgroundColor('lightblue')">Light Blue</button>
<button onclick="changeBackgroundColor('lightgreen')">Light Green</button>
<button onclick="changeBackgroundColor('lightcoral')">Light Coral</button>
<button onclick="changeBackgroundColor('white')">Reset</button>
<h1>Open and Control Background Color of Page 2</h1>
<button onclick="openPage2()">Open Main Page</button><br><br>
<button onclick="changeWindowColor('lightblue')">Light Blue</button>
<button onclick="changeWindowColor('lightgreen')">Light Green</button>
<button onclick="changeWindowColor('lightcoral')">Light Coral</button>
</body>
</html>