I've been struggling with an issue in my code where the innerHTML is not updating the content inside the content_holder div. Any help would be greatly appreciated!
Despite trying different methods and conducting extensive research, I haven't been able to resolve this error.
<head>
<link rel="stylesheet" href="styles/default.css" />
</head>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript">
function news_clicked(){
$("#content_holder").fadeOut(200);
document.getElementById("#content_holder").innerHTML=("<?php("news_include.php"); ?>");
$("#content_holder").fadeIn(200);
}
</script>
<body>
<header id="header_bar">
<div id="top_holder">
<div id="top_holder_left">
<a id="logo"></a>
</div>
<div id="top_holder_right">
<a class="nav_button" href="#">HOME</a>
<a class="nav_button" onclick="news_clicked()" href="#">NEWS</a>
<a class="nav_button" href="#">GIGS</a>
<a class="nav_button" href="#">MUSIC</a>
<a class="nav_button" href="#">VIDEOS</a>
<a class="nav_button" href="#">SOCIAL</a>
</div>
</div>
</header>
<div id="content_holder">
<?php include("music_include.php"); ?>
</div>
</body>