Changing table & td width

[staffa]

I'm having problems changing the width of a table and a td inside the table.

My code is:

<script type="text/javascript" language="javascript">
function resizeWin(w){
	document.getElementById("mainTBL").style.width = w;
	w2 = w - 40;
	document.getElementById("mainHeaderTD").style.width = w2;
}
</script>

and the link to call the function:

<a href="<?php echo $_SERVER['PHP_SELF']; ?>" onClick="resizeWin(700)">700px</a>

Hope someone can help.

staffa

 

[MOrac]

style.width changes should always give a units suffix - in this case:

    document.getElementById("mainTBL").style.width = w + 'px';
...
    document.getElementById("mainHeaderTD").style.width = w2 + 'px';

 

[staffa]

Thanks.

I forgot to describe my problem earlier. The units suffix wasn't a problem, it gives the same result, but emidiatly after changing to 700px, it changes back.

I've tryed using this.blur() in many ways, but then it doesn't change, so I'm really lost.

staffa

 

[MOrac]

Ah, I think I begin to see. You are resizing your window in an href that is reloading your page. Don't reload the page! It isn't wanted.

 

[staffa]

Thanks again. I didn't think of the reloading.
But it's odd that i tryed using href="javascript:void()" but it didn't work, but now it does.

staffa