Как изменить параметр тега из Javascript

[Narin]

Добрый вечер.
При написании сайта, у меня возникла такая проблема:
Мне необходима высота видимого окна на компьютере клиента. Я нахожу её с помощью Javascript. После чего необходимо по этой высоте у тега <table> изменить width.
Как это правильно сделать?

Добавлено через 1 минуту
Эсть некая

var table_width;

Пробовала сделать так:

document.write('<table height='+table_width'>');

не выходит

Добавлено через 3 минуты

document.write('<table width='+table_width+'>');

Прошу прощения, вот так...

[udaaff]

http://javascript.ru/tutorial/dom/search

[Narin]

Спасибо за ссылку!
Попробовала как в примере. Увы даже это не работает!

document.getElementById('page_Index_Info').style.color = 'blue';

[Хомяк]

В приведенном вами примере используется идентификация элемента по id. Для того что бы это работало. В вашем случае надо сначала дать тегу <table> уникальный id.
Например:

<table id="myTable" >...</table>

теперь к нему можно обратиться из JavaScript уже по идентификатору:

//присваиваем ссылку на ваш элемент переменной
var myTable=document.getElementById("myTable");

и далее редактируем его ширину:

myTable.style.width="600px" ;//или сколько вам там нужно.

[Narin]

Большое спасибо...
Но, наверно, у меня кривые руки!

<html>
<head>
</head>
<body>
...
<script language="javascript">
var myTable = getElementById("myTable");
myTable.style.width= "600px" ;
</script>
<table id = "myTable">
...
</table>
...

Он не работает!..

[udaaff]

<html>
<head>
</head>
<body>
<table id = "myTable">
...
</table>
...
<script language="javascript">
var myTable = document.getElementById("myTable");
myTable.style.width= "600px" ;
</script>

...

Советую установить firebug для отлова ошибок: http://javascript.ru/tools/development/firebug

[Narin]

Нет... Не помагает... Таблица всё равно на весь экран!

Добавлено через 17 минут
Большое спасибо за firebug.
Вроде бы начало прояснятся)

[Хомяк]

Он и не должен работать в приведенном коде. Здесь код начинает исполнятся еще до того как полностью загрузится страница. Так не делают. Заключите код в функцию, затем заставьте функцию срабатывать по какому-то сигналу (например при окончании загрузки страницы). Примерно так:

...
<!--тут мы указываем, что надо инициализировать функцию по окончании загрузки страницы-->
<body onLoad="SampleFunction()"> 

<script type="text/javascript" language="JavaScript">
// тут мы определяем функцию и внутри нее
//указываем: "изменить ширину таблицы".
  function SampleFunction(){

      var myTable... //и так далее, как указывалось выше
  }

</script>

еще одна поправочка:
не

 var myTable=getElementById("myTable");

а

var myTable=document.getElementById("myTable");

[Narin]

Большое спасибо, Хомяк!

Попробовала... Кажется, я безнадёжна. Вот мой код:

<?
...
?>
<html>
<head>
	<link href="Style.css" rel="stylesheet" type="text/css">
</head>
<body onLoad="my_all_Table()">
                        ...
		<table id = "page_Index_Info">
			...
		</table>
		
		<script text/type="javascript">
			function my_all_Table(){
				var html = document.documentElement;
				var height = html.clientHeight;
			
				var table = height * 0.67;
				var table_width = Math.floor(table);
                                //предположительно именно table_width должно быть в <table>
			
				var myTable = document.getElementById("page_Index_Info");
				myTable.style.width= "600px" ;
				}
		</script>
</body>
</html>

Он не работает... Возможно, вы найдёте ошибки? Содержимое таблицы имеет width 800px. Прописывала в Style.css.
Насколько я понимаю, javascript должен его изменить?

[Хомяк]

да, есть маленько

<script type="text/javascript" language="JavaScript">

Добавлено через 2 минуты
это у меня изначально было не точно (в последнее время не часто с JS работаю - подзабыл).