Javascript : Hide/Display

dreadrocky

Alright, I have been looking for this script everywhere. Normally I can do a script on my own, I can't get mine to work, and I can't find a script from anywhere else that will work. Maybe I'm not understanding what they want me to do, they don't normally give a lot of information.

What I'm looking for is a script with Javascript that will toggle between hide and display of a div selected area. I want it to start off hidden though.

Can anyone help me, I know I shouldn't ask someone else to do this for me, but I learn better by examples, but if you are to help me, please explain it for me.

Thanks so much.

devinemke

<script type="text/javascript" language="javascript">
function show_hide()
{
	state = document.getElementById("text").style.visibility;					
	if (state == "hidden") {document.getElementById("text").style.visibility = "visible";}
	if (state == "visible") {document.getElementById("text").style.visibility = "hidden";}
}
</script>

<a href="javascript:show_hide();">show/hide</a><br><br>
<div id="text" style="visibility: hidden;">this is text is now visible</div>

dreadrocky

I still can't get this script to work. I don't know why none of these scripts will work.
But hey thanks for the help, you didn't give me exactly what I needed but I wasn't
telling the full story.

I am setting these things up to be repeated for like boards on a forum. But anyways,
if anyone else has something that will work. Cause I can't get this to work period
even without my alterations for the multiple uses. Cause what I did was try to make a
variable (var i = 1😉 and then use (i++😉 to help it make it so that each one will be
individually opened when click on, not all at once.

But like I said even when I did it exactly as given, it wont work. I don't know if I was
suppose to know how to alter it or not. Out of all the things i've learned I just can't
catch onto javascript. I mean I would say that maybe it doesn't work on my sever
but ive used javascript for other things as well.

Any help would be very much appreciated.

Krik

Javascript is very similar to other languages, at least in syntax. I suspect your having trouble working with DOM. Let see if we can help.

So it sounds like you have several blocks of text that are being loaded and you are trying to get them to open or close when clicked on.

First looping through them will not open them individually it will open all them or even if did open just one it would be excess work.

Using devinemke script I will try to expand it to work for that.

First, note that "text" is the id of an element. To get that script to work with multiple elements you either need to write a different function for each block or you can pass to the function the elements id that you wish to open.

<div id="myelement" onclick="show_hide(this)">My Text</div>

Or if the button or object being clicked on is not the actual element you wish to display you can reference it

<span onclick="show_hide('myelement')">Show My Div</span>
<div id="myelement">My Text</div>

As well if you maintain a very strict architecture you could use

<span onclick="show_hide(this.nextSibling)">Show My Div</span>
<div id="myelement">My Text</div>

And then change devinemke's script like so

<script type="text/javascript" language="javascript">
function show_hide(obj)
{
	state = document.getElementById(obj).style.visibility;					
	if (state == "hidden") {document.getElementById(obj).style.visibility = "visible";}
	if (state == "visible") {document.getElementById(obj).style.visibility = "hidden";}
}
</script>

I should note also that in his script he used "visibility". I have had some issues on some browsers with it and you may what to try the "display" style.

document.getElementById(obj).style.display = "none";
document.getElementById(obj).style.display = "block";

dreadrocky

Krik;10907478 wrote:
Javascript is very similar to other languages, at least in syntax. I suspect your having trouble working with DOM. Let see if we can help.

So it sounds like you have several blocks of text that are being loaded and you are trying to get them to open or close when clicked on.

First looping through them will not open them individually it will open all them or even if did open just one it would be excess work.

Using devinemke script I will try to expand it to work for that.

First, note that "text" is the id of an element. To get that script to work with multiple elements you either need to write a different function for each block or you can pass to the function the elements id that you wish to open.
<div id="myelement" onclick="show_hide(this)">My Text</div>
Or if the button or object being clicked on is not the actual element you wish to display you can reference it
<span onclick="show_hide('myelement')">Show My Div</span>
<div id="myelement">My Text</div>
As well if you maintain a very strict architecture you could use
<span onclick="show_hide(this.nextSibling)">Show My Div</span>
<div id="myelement">My Text</div>
And then change devinemke's script like so
<script type="text/javascript" language="javascript">
function show_hide(obj)
{
	state = document.getElementById(obj).style.visibility;					
	if (state == "hidden") {document.getElementById(obj).style.visibility = "visible";}
	if (state == "visible") {document.getElementById(obj).style.visibility = "hidden";}
}
</script>
I should note also that in his script he used "visibility". I have had some issues on some browsers with it and you may what to try the "display" style.
document.getElementById(obj).style.display = "none";
document.getElementById(obj).style.display = "block";

Thanks a lot for your help. Its kinda early and I have school. So I'll check if the script works later. Sorry for all the trouble. Ive been scripting for a while, and my friends and I just don't get Javascript. I mean we do, but half the time no matter what we do it doesn't work. lol when we were learning our scripting we skipped Javascript and left it for later as we studied PHP.

So do any of you, know of a good place to learn Javascript, kind of like "www.w3schools.com" but not that, because we have been trying to learn from it for awhile. But they seem to be the best we can actually learn something from.