function Human_Get(c)
{
alert(c);
if(c == 'Head' )
{
$('.head1').addClass('head');
}
if(c == 'Torso')
{
$('.torso1').addClass('torso');
}
if(c == 'Hip')
{
$('.hip1').addClass('hip');
}
if(c == 'Left Hand')
{
$('.lefthand1').addClass('lefthand');
}
if(c == 'Left Forearm')
{
$('.leftfoream1').addClass('leftfoream');
}
if(c == 'Left Shoulder')
{
$('.leftshoulder1').addClass('leftshoulder');
}
if(c == 'Right Shoulder')
{
$('.rightshoulder1').addClass('rightshoulder');
}
if(c == 'Right Hand')
{
$('.righthand1').addClass('righthand');
}
if(c == 'Left Hand')
{
$('.leftleg1').addClass('leftleg');
}
if(c == 'Left Foot')
{
$('.leftfoot1').addClass('leftfoot');
}
if(c == 'Right Leg')
{
$('.rightleg1').addClass('rightleg');
}
if(c == 'Right Foot')
{
$('.rightfoot1').addClass('rightfoot');
}
}
(count = 4 and locations are retrived from database ie.,Head,Left Hand,Right Leg,Torso)
for (int i = 0; i < Count; i++)
{
String wound = dt.Rows[i]["Location"].ToString();
ScriptManager.RegisterStartupScript(this, this.GetType(), "ShowStatus'"+i+"'", "javascript:Human_Get('" + wound + "');", true);
}
<div class="ton-human">
<ul id="human">
<li id="head" class ="head"><a href="#" title="Head" onclick="Human_Onclick('Head')">
<img src="images/sprite.jpg" />
</a></li>
<li id="torso" class ="torso1"><a href="#" title="Torso" onclick="Human_Onclick('Torso')">
<img src="images/sprite.jpg" />
</a></li>
<li id="hip" class ="hip1"><a href="#" title="Hip" onclick="Human_Onclick('Hip')">
<img src="images/sprite.jpg" />
</a></li>
<li id="lefthand" class ="lefthand1"><a href="#" title="Left Hand" onclick="Human_Onclick('Left Hand')">
<img src="images/sprite.jpg" />
</a></li>
<li id="leftfoream" class ="leftfoream1"><a href="#" title="Left Forearm" onclick="Human_Onclick('Left Forearm')">
<img src="images/sprite.jpg" />
</a></li>
<li id="leftshoulder" class ="leftshoulder1"><a href="#" title="Left Shoulder" onclick="Human_Onclick('Left Shoulder')">
<img src="images/sprite.jpg" />
</a></li>
<li id="rightshoulder" class ="rightshoulder1"><a href="#" title="Right Shoulder" onclick="Human_Onclick('Right Shoulder')">
<img src="images/sprite.jpg" />
</a></li>
<li id="rightfoream" class ="rightfoream1"><a href="#" title="Right Forearm" onclick="Human_Onclick('Right Forearm')">
<img src="images/sprite.jpg" />
</a></li>
<li id="righthand" class ="righthand1"><a href="#" title="Right Hand" onclick="Human_Onclick('Right Hand')">
<img src="images/sprite.jpg" />
</a></li>
<li id="leftleg" class ="leftleg1"><a href="#" title="Left Leg" onclick="Human_Onclick('Left Leg')">
<img src="images/sprite.jpg" />
</a></li>
<li id="leftfoot" class ="leftfoot1"><a href="#" title="Left Foot" onclick="Human_Onclick('Left Foot')">
<img src="images/sprite.jpg" />
</a></li>
<li id="rightleg" class ="rightleg1"><a href="#" title="Right Leg" onclick="Human_Onclick('Right Leg')">
<img src="images/sprite.jpg" />
</a></li>
<li id="rightfoot" class ="rightfoot1"><a href="#" title="Right Foot" onclick="Human_Onclick('Right Foot')">
<img src="images/sprite.jpg" />
</a></li>
</ul>
</div>
The above codes are working fine in local ....butin production site is not working...It throws Timestamp: 8/11/2012 15:50:37
Error: TypeError: $(".head1") is null
Source File: http://125.22.247.95:1994/Worksheet.aspx?PageId=32
Line: 280
Please give me the solution..
Thanks..