I have a problem with a script. i want to be able to create events and then to be shown with ajax
this is the javascript/ajax
$(".event_button").click(function()
{
$("#flash").show();
$("#flash").fadeIn(400).html('Loading Update...');
$.ajax(
{
type: "POST",
url: "message_ajax.php",
data: dataString,
cache: false,
success: function(html)
{
$("#flash").fadeOut('slow');
$("#content").prepend(html);
$("#event_title").val('').focus().css("height", "40px");
$('#preview_event').html('');
$('#eventvalues').val('');
$('#venue_name').val('');
$('#event_img').val('');
$('#event_description').val('');
}
});
$("#preview_event").html();
});
this is the html
<form action="announce_event.php" id="eventform" method="post" enctype="multipart/form-data">
<div id='preview_event'>
</div>
<div id='eventloadstatus'>
<img src='<?php echo $base_url;?>wall_icons/ajaxloader.gif'/> Uploading please wait ....
</div>
<div class="wall">
<div>
<span><input type="text" size="50" name="event_title" id="event_title"></span>
</div><br />
<div>
<?php
include_once 'date_picker.php';
?>
</div><br>
<div>
<span><input type="text" name="venue_name" id="venue_name" size="50"></span>
</div>
<div>
<span><textarea name="event_description" id="event_description" ></textarea></span>
</div>
<div id='eventloadbutton'>
<span><input type="file" name="event_img" id="event_img"></span>
</div><br>
</div>
<input type='hidden' id='eventvalues' />
</form>
<input type="submit" class="event_button" name="wall-post-event" id="event_button" value="Share">
When i press the submit button nothing happens. Any help?