Problem in javascript

[Guvera]

Hi,

I create a div in html and set the link in form.If i click the link the div display and
close the div using close button that it closed.But while i try to click second time,there is no effect in the script.I think the problem may happened in the script.I put the code below.

function closeDivsms(item)
{
alert(item);
if(document.getElementById ('divSendSMS').style.visibility=='visible')
{

document.getElementById ('divSendSMS').style .display ="none";
document.getElementById ('divSendSMS').style .visibility ="hidden";
}
else
{
alert('9');
document.getElementById ('divSendSMS').style .display ="none";
document.getElementById ('divSendSMS').style .visibility ="hidden";
}
}

So give a solution to me.

As well As i create another div and check the same way on the above script.But that's working while i click second time.I put the code also.

function closeDivEmail(item)
{
alert(item);
if(document.getElementById ('divSendsms').style.visibility=='visible')
{
alert("divSendSMS");
document.getElementById ('divSendSMS').style .display ="none";
document.getElementById ('divSendSMS').style .visibility ="hidden";
}
else
{
alert("divemail");
document.getElementById ('divEmail').style .display ="none";
document.getElementById ('divEmail').style .visibility ="hidden";
}
}

Thanks

[Harsh Gupta]

You are setting the div to invisible and setting it's display to none for both condition. And just setting the display style property will work:

function closeDivsms(item)
{
alert(item);
if(document.getElementById ('divSendSMS').style.display=='block')
{

document.getElementById ('divSendSMS').style .display ="none";
}
else
{
alert('9');
document.getElementById ('divSendSMS').style .display ="block";
}
}

Hope it helps you!!!

[Guvera]

You are setting the div to invisible and setting it's display to none for both condition. And just setting the display style property will work:

function closeDivsms(item)
{
alert(item);
if(document.getElementById ('divSendSMS').style.display=='block')
{

document.getElementById ('divSendSMS').style .display ="none";
}
else
{
alert('9');
document.getElementById ('divSendSMS').style .display ="block";
}
}

Hope it helps you!!!

ya, I got it.Thanks Harsh.

[koolprasad2003]

hello frnd,

check out following links

http://www.quirksmode.org/js/blockinvi.html


if your problem is solved then mark the thread as RESOLVED


regards,
koolprasad2003