<div class="headerimage"><img src="images/events.png"/></div>
<?php
foreach (LoadEvent() as $value){
echo '<div class="dynamicsidemenu eventback">';
echo "<a class=\"event\"id=" .$value['eventsearchresultid']. " href='/go.html?url=#' value=" .$value['eventsearchresultid']. ">".$value['eventsearchresultwhat']."</a>";
echo "<br/>\n";
echo $value['eventsearchresultwhen'];
echo "<br/>\n";
echo $value['eventsearchresultwhere'];
echo '</div>';
}
?>
$(document).ready(function(){
var id = $(".event").attr("value");
var a = document.getElementById(id);
a.addEventListener("click", function(event){
event.preventDefault();
alert(this.getAttribute(id));
//var $id = this.getAttribute("value");
$('#leftcolumncontainer').load('pages/upcomingeventsmenu.php');
$('#middlecolumncontainer').load('pages/upcomingeventscontent.php?id=' + id );
});
});
<div class="headerimage"><img src="images/event