Loader

[thc]

Witam,
chciał bym zrobić taki loader: http://article.onlinewebtool.com/display-loading-image-after-clicking-on-a-submit-button-java-script-jquery/

Mój kawałek kodu wygląda tak:

<input class="button2" type="button" id="submit_b" value="Dodaj ogłoszenie" onclick="submit_checkt();"><?php echo JText::_(''); ?></button>
<input type="hidden" name="option" value="<?php echo $option;?>" />

(...)

<script type="text/javascript">

function submit_checkt(){

if(document.getElementById("name").value==''){
alert("<?php echo JText::_('Please enter title');?>");
}else if(document.getElementById("cat_id").value=='0'){
alert("<?php echo JText::_('Please select category');?>");
}else if(document.getElementById("intro_desc").value==''){
alert("<?php echo JText::_('Please enter description intro');?>");
}else if(document.getElementById("description").value==''){
alert("<?php echo JText::_('Please enter description');?>");
}else if(document.getElementById("contact").value==''){
alert("<?php echo Jtext::_('Please enter contact');?>");
}else{
document.djForm.submit();
}

}

Więc stosując się do zaleceń ze strony podanej na początku postu zmieniłem go na taki:


<form action="" >
<br />
<input class="button2" type="button" id="submit_b" value="Dodaj ogłoszenie" onclick="$('#loading').show();"><?php echo JText::_(''); ?></button>
<input type="hidden" name="option" value="<?php echo $option;?>" />
</form>
<div id="loading" style="display:none;"><img src="loading.gif" alt="" />Loading!</div>

Ale nie działa bo z pewnością coś zrobiłem źle, tzn po kliknięciu w przycisk "dodaj ogłoszenie" wyświetla się loader, ale nie dodaje się ogłoszenie, może ktoś z Was mi pomóc?