Hi everybody

I've found this javascript code to show and hide a table row..

http://www.javascriptf1.com/tutorial...ow.html?page=3

I would like to change it so when you enter the site, the row is hidden, and then when you click it it appears. At the moment it is the other way around. How to change this?

<script type="text/javascript">
function displayRow(){
var row = document.getElementById("captionRow");
if (row.style.display == '')  row.style.display = 'none';
else row.style.display = '';
</script>

I though that i just should change the placement of none like belowe. But that didnt work. WHat should i do?

<script type="text/javascript">
function displayRow(){
var row = document.getElementById("captionRow");
if (row.style.display == 'none')  row.style.display = '';
else row.style.display = 'none';
</script>

Don't change the script, just set a CSS attribute of "display: none" on the TR in the static HTML.

<tr id="captionRow" style="display: none">

looks like the function isn't properly formatted with braces.

function displayRow()
{
var row = document.getElementById("captionRow");

if (row.style.display == 'none')
{
row.style.display = '';
}
else
{
row.style.display = 'none';
}
}



When trying to debug javascript sometimes using alert statements can help to verify the information you are working with.

thx wayfarer07. It worked..

You're welcome

What if i want multiplie text fields on a page, with this function. Do you then have to copy the script as many time as there are text fields or is there a smart way to do it.

It is for a FAQ page where you can see the questions and then when you click it, you see the answer.

anybody?

<script type='text/css'>.hideme{display: none;}</script>
<tr id="captionRow" class='hideme'>

<script type='text/css'>

There's no such thing as a script with a type of text/css.

Originally Posted by Sgbirkelund

What if i want multiplie text fields on a page, with this function. Do you then have to copy the script as many time as there are text fields or is there a smart way to do it.

It is for a FAQ page where you can see the questions and then when you click it, you see the answer.

You should probably use a loop, and attach an event to each textarea, with getElementsByTagName("textarea"), for example. Then, you could have a class on the textarea with the same name of the ID it needs to access...