.Show() is not working

Hi,

There is a Mail sending scenario in my project.It takes little bit time to process.so i thought to add a 'Loading Image'.After clicking the send button the 'Loading image should be displayed until the process stops.

my HTML code is given here:

<div id="abc" >
<div id="loadingmessage"style= "display:none; z-index: 9999;
width: 100px;
margin-left: auto;
margin-right: auto;
margin-top: 28%;">
<img src="~/Images/Bank/ajax-loader.gif"/>
div>
<div id="popupContact">
<div id="form">
<img id="close" src="~/Images/Bank/3.png" />
<h2>Confirm your emailh2>
<hr>
<div class="dummy">
<label> To :label>
<input id="name" name="email" type="text">
div>
<div class="dummy1">
<label> Subject:label>
<input id="email" name="email" type="text">
div>
<div class="dummy2">
<label> Message:label>
<textarea id="msg" name="message" >textarea>
div>
<input type="button" id="submit" value="Send" />
div>
div>
div>

My Java script /jQuery code is :

$("#submit").click(function () {
$("#loadingmessage").show;
if ($("#name").val() == '') {
$('#name').focus();
}
else if ($("#email").val() == '') {
$('#email').focus();
}
else if ($("#msg").val() == '') {
$('#msg').focus();
}
else {
var model = {
To: $("#name").val(),
Subject: $("#email").val(),
Message: $("#msg").val(),
}

but here the Loading image is not showing after the click event.

Help me if anyone can solve this..

10 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ranjit Kanojia10y ago
Hi Abdul ,

i think you use the same id name in other place /call the id other UI's .I think first you check this.

Thanks
Ranjit
0
Saillesh Pawar10y ago
why can't you download the same? I will request to show the whole java script code than/
0
Abdul Basith10y ago
Hi Saillesh, cant download/view the code.. can u send it to my mail id [email protected]
0
Abdul Basith10y ago
hi, I have tried all these already.. but no changes..
0
Imtiyaz Ansari10y ago
Hello Abdul

you can also use if not working .Show() function
$("#id").css("display", "none"); // for hide
$("#id").css("display", "block"); // for display
+1
Saillesh Pawar10y ago
Try this i have done simple demo it's working
+1
Abdul Basith10y ago
i debugged the code. but, no error..!!
0
Saillesh Pawar10y ago
Use debugger; to debug the js and check the error also
+1
Abdul Basith10y ago
oh.. i used .show(); also
0
Saillesh Pawar10y ago
use .show()
+1