Как получить / установить Div и ширину / высоту таблицы

Question

У меня есть Таблица (или область), и я хочу установить для ее ширины и высоты значение другого Div (или региона).

Второй фактически является модальным индикатором Ajax, который отображает загрузочный текст, когда страница асинхронно отправляется обратно. вот пример

<table id="MainTable">
    <tr>
        <td>
             Content ....
        </td>
    </tr>
</table>

<div id="Progress">
     Ajax Indocator
</div>

следующий javascript не работал

* +1007 *

Должно работать как в IE, так и в FireFox. как это исправить.

Я проверил какое-то другое решение в StackOverFlow, но не смог его исправить.

Я жду, чтобы услышать от вас.

---

Обновление: я использую это

<script>
function SetSize(regionToChange, mainRegion) {
    $(document).ready(function() {
        $('#regionToChange)
 .width($('#mainRegion).outerWidth())
 .height($('#mainRegion).outerHeight());
    }); 
}
</script>

и я называю это как

<asp:Button ID="btnReset" runat="server" SkinID="Button" Text="Reset" OnClick="btnReset_OnClick" OnClientClick="SetSize('Progress', 'MainTable');" />

Но это показывает мне ошибку, которая не может найти объект

---

Обновление 2 Я вижу эту ошибку

и в отладчике сталкиваюсь с этим

Answer 1

говорят в jQuery:

$(document).ready(function(){
   $('#Progress')
     .width($('#MainTable').outerWidth())
     .height($('#MainTable').outerHeight());
});

Answer 2

в jQuery вы можете сделать

$("#Progress").css('width', function(){
   return $("#MainTable").width()+'px';
});

и так с высотой ...

редактировать

на JavaScript,

это

document.getElementById("Progress").style.width = document.getElementById("MainTable").style.width;
document.getElementById("Progress").style.height = document.getElementById("MainTable").style.height;

будет работать, если ваш html похож на этот для id = "MainTable"

<table id="MainTable" style="width: 500px; height: 300px;">
    <tr>
        <td>
             Content ....
        </td>
    </tr>
</table>

потому что вы получаете доступ к атрибуту стиля ...

edit2

 function SetSize(regionToChange, mainRegion) {
        $(regionToChange)
         .width($(mainRegion).outerWidth())
         .height($(mainRegion).outerHeight());

  }

//you can use it as

SetSize('#Progress','#MainTable'); // prefix '#'if it's an ID