Javascript help

Kadenz · Oct 9, 2006

Well, this script works, but not for IE or Netscape, only Firefox.
What's wrong??

Code:

	  <script type="text/javascript">
	  <!--
	  function shoutbox() {
	  	if (document.getElementById("theboxofshouts").style.visibility == "collapse") {
			document.getElementById("theboxofshouts").style.visibility = "visible";
			document.getElementById("shoutboxlink").innerHTML = "Close Shoutbox";
		} else {
			document.getElementById("theboxofshouts").style.visibility = "collapse";
			document.getElementById("shoutboxlink").innerHTML = "Open Shoutbox";
		}
	  }
	  -->
	  </script>

Dan · Oct 9, 2006

Do you have style="visibility: collapse;" or style="visibility: visible;" in #theboxofshouts' CSS? If you don't add it one way or the other.

Kadenz · Oct 9, 2006

Yes, I have that, as I said it works fine in FF but not IE and NS8.1

Dan · Oct 9, 2006

I think the problem is with how IE handles "visibility: collapse;".

Try using 'display: none;' instead of 'visibility: collapse;' and 'display: block;' instead of 'visibility: visible';

edit: Tested and it works.

Kirtan · Oct 9, 2006

Here is all browser compaitable code to show-hide layers

Code:

<html>
<head><title>hi</title>
<script language=javascript>
function formshowhide(id)
{
if(id == "quote")
{
document.getElementById('quotef').style.display = "block";
document.getElementById('otherf').style.display = "none";
}
else
{
document.getElementById('quotef').style.display = "none";
document.getElementById('otherf').style.display = "block";
}
}
</script>
</head>
<body>
<form>
<span style="color: #1F85E7;">Name:</span> <input type="text"><p>
<span style="color: #1F85E7;">Email:</span> <input type="text"><p>
<span style="color: #1F85E7;">Subject:</span>
<label>
<input type="radio" name="ShowHide" value="quote" onClick="formshowhide('quote')">
Quote</label>
<br>
<label>
<input type="radio" name="ShowHide" value="other" onClick="formshowhide('other')">
Other</label>
<br>
<div id="quotef">
<span style="color: #1F85E7;">Description:</span><br><textarea></textarea>
</div>
<div id="otherf" style="display:none;">
<span style="color: #1F85E7;">Additional Comments:</span><br><textarea></textarea>
</div>
</form>
</body>
</html>

Javascript help

More options

Kadenz

Resistance is FutileEstablished Member

Dan

Buy my domains.VIP Member

Kadenz

Resistance is FutileEstablished Member

Dan

Buy my domains.VIP Member

Kirtan

Established Member

Similar threads

We're social

New posts ➔

Auction activity ➔

How do you think a potential buyer first checks if your domain is for sale?

Polls of interest ➔

Hot this week ➔

Community favorite ➔

Hot this month ➔

Blog favorites

Melodic.io

ElevateProfits.com

wgsb.com

GynoidWife.com

safetyknives.net

For-Good.com

EyeRepairCream.com

ComLegal.Com

DrDurand.com

frie.co.uk

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling