 Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/.cursor-server/data/User/History/-628f4676/ |
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AJAX Navigation Control - SoundStudioPro</title>
<style>
body {
font-family: Arial, sans-serif;
max-width: 800px;
margin: 50px auto;
padding: 20px;
background: #0a0a0a;
color: white;
}
.container {
background: rgba(255, 255, 255, 0.1);
padding: 30px;
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.status {
padding: 15px;
border-radius: 8px;
margin: 20px 0;
font-weight: bold;
}
.status.enabled {
background: rgba(72, 187, 120, 0.2);
border: 1px solid #48bb78;
color: #48bb78;
}
.status.disabled {
background: rgba(229, 62, 62, 0.2);
border: 1px solid #e53e3e;
color: #e53e3e;
}
.button {
background: linear-gradient(135deg, #667eea, #764ba2);
color: white;
border: none;
padding: 15px 30px;
border-radius: 8px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
margin: 10px;
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);
}
.button.danger {
background: linear-gradient(135deg, #e53e3e, #c53030);
}
.button.success {
background: linear-gradient(135deg, #48bb78, #38a169);
}
.info {
background: rgba(102, 126, 234, 0.1);
border: 1px solid rgba(102, 126, 234, 0.3);
padding: 20px;
border-radius: 8px;
margin: 20px 0;
}
.warning {
background: rgba(245, 158, 11, 0.1);
border: 1px solid rgba(245, 158, 11, 0.3);
padding: 20px;
border-radius: 8px;
margin: 20px 0;
}
</style>
</head>
<body>
<div class="container">
<h1>๐ฏ AJAX Navigation Control</h1>
<div class="info">
<h3>โน๏ธ What is AJAX Navigation?</h3>
<p>AJAX navigation allows pages to load without full page refreshes, making the website feel faster. However, it can sometimes cause issues with certain links or functionality.</p>
</div>
<div class="warning">
<h3>โ ๏ธ Current Status</h3>
<div id="statusDisplay" class="status enabled">
Checking AJAX navigation status...
</div>
</div>
<div style="text-align: center;">
<button class="button danger" onclick="disableAjax()">๐ซ Disable AJAX Navigation</button>
<button class="button success" onclick="enableAjax()">โ
Enable AJAX Navigation</button>
<button class="button" onclick="testNavigation()">๐งช Test Navigation</button>
</div>
<div class="info">
<h3>๐ง Quick Fixes</h3>
<p><strong>If navigation is broken:</strong></p>
<ol>
<li>Click "Disable AJAX Navigation" above</li>
<li>Or open browser console (F12) and type: <code>window.disableAjaxNavigation()</code></li>
<li>Or clear browser storage and refresh the page</li>
</ol>
<p><strong>To re-enable AJAX navigation:</strong></p>
<ol>
<li>Click "Enable AJAX Navigation" above</li>
<li>Or open browser console and type: <code>window.enableAjaxNavigation()</code></li>
</ol>
</div>
<div class="info">
<h3>๐ Test Links</h3>
<p>Test these links to see if navigation works:</p>
<a href="/" class="button" style="display: inline-block; text-decoration: none;">๐ Home</a>
<a href="/feed.php" class="button" style="display: inline-block; text-decoration: none;">๐ฐ Feed</a>
<a href="/artists.php" class="button" style="display: inline-block; text-decoration: none;">๐ฅ Artists</a>
<a href="/community.php" class="button" style="display: inline-block; text-decoration: none;">๐ Community</a>
</div>
</div>
<script>
// Check current status
function checkStatus() {
const isDisabled = localStorage.getItem('disableAjaxNav') === 'true';
const statusDiv = document.getElementById('statusDisplay');
if (isDisabled) {
statusDiv.className = 'status disabled';
statusDiv.innerHTML = 'โ AJAX Navigation is DISABLED - All links work normally';
} else {
statusDiv.className = 'status enabled';
statusDiv.innerHTML = 'โ
AJAX Navigation is ENABLED - Links use AJAX loading';
}
}
// Disable AJAX navigation
function disableAjax() {
localStorage.setItem('disableAjaxNav', 'true');
alert('AJAX navigation disabled! The page will reload to apply changes.');
window.location.reload();
}
// Enable AJAX navigation
function enableAjax() {
localStorage.removeItem('disableAjaxNav');
alert('AJAX navigation enabled! The page will reload to apply changes.');
window.location.reload();
}
// Test navigation
function testNavigation() {
const testLinks = [
{ name: 'Home', url: '/' },
{ name: 'Feed', url: '/feed.php' },
{ name: 'Artists', url: '/artists.php' },
{ name: 'Community', url: '/community.php' }
];
let results = '๐งช Navigation Test Results:\n\n';
testLinks.forEach(link => {
try {
const testLink = document.createElement('a');
testLink.href = link.url;
testLink.className = 'ajax-nav';
testLink.setAttribute('data-page', link.name.toLowerCase());
document.body.appendChild(testLink);
results += `โ
${link.name}: Link created successfully\n`;
document.body.removeChild(testLink);
} catch (error) {
results += `โ ${link.name}: Error - ${error.message}\n`;
}
});
results += `\nAJAX Status: ${localStorage.getItem('disableAjaxNav') === 'true' ? 'DISABLED' : 'ENABLED'}`;
alert(results);
}
// Check status on page load
checkStatus();
// Add global functions for console access
window.disableAjaxNavigation = disableAjax;
window.enableAjaxNavigation = enableAjax;
window.testNavigation = testNavigation;
console.log('๐ฏ AJAX Navigation Control loaded. Available functions:');
console.log('- window.disableAjaxNavigation()');
console.log('- window.enableAjaxNavigation()');
console.log('- window.testNavigation()');
</script>
</body>
</html>