| Предыдущая тема :: Следующая тема |
| Автор |
Сообщение |
† Stratos †
Зарегистрирован: 27.08.2005
Сообщения: 19
|
 Добавлено: Сб Окт 15 2005 14:23 Заголовок сообщения: Определение ширины динамической таблицы внутри тэга DIV |
 |
|
В общем, есть созданная внутри тэга DIV таблица. ее можно выделить и изменить размеры. по нажатию кнопки должна возвращаться ширина текущей (выделенной) таблицы. после изменения размера таблицы - другая ее ширина (если она выбрана)
пример: http://svp.r2.ru/temp/qwerty.html
код (который в примере)
| Код: | <html>
<style>.qwe {border: 1px solid #000000; height: 250px; width: 100%; } </style>
<body>
<div id="msg" class="qwe">qwe<br><br><br>
<TABLE width=100 align=center border=1 cellspacing=0 cellpadding=0>
<TR>
<TD> </TD><TD> </TD><TD> </TD><TD> </TD><TD> </TD>
</TR>
<TR>
<TD> </TD><TD> </TD><TD> </TD><TD> </TD><TD> </TD>
</TR>
<TR>
<TD> </TD><TD> </TD><TD> </TD><TD> </TD><TD> </TD>
</TR>
</TABLE><br>
</div>
<input type=button value=GetWidth onclick=GetWidth();>
<script>
var doc = document.all.msg;
var sel= null;
var range = null;
window.onload = function() { document.all.msg.contentEditable = true; }
function GetWidth(){
var selectedTable = GetSelectedTable();
alert(selectedTable.width);
}
function GetSelectedTable() {
var sTagname = 'TABLE';
sel = document.selection;
rng = sel.createRange();
// var el = rng.parentElement;
var el = rng;
for (i=0; i<10; i++) {
if (el.tagName != sTagname) {
if (el.id == msg) {
el = null;
} else {
var el = el.parentElement;
}
if (el == null) break;
} else {
break;
}
}
return el;
}
</script>
</body>
</html> |
однако шишина не выводится. подскажите пожалуйста, где ошибка? |
|
| Вернуться к началу |
|
 |
† Stratos †
Зарегистрирован: 27.08.2005
Сообщения: 19
|
| Добавлено: Пн Окт 17 2005 07:16 Заголовок сообщения: |
|
|
проблема решена.
решение:
| Код: |
<html>
<style>.qwe {border: 1px solid #000000; height: 250px; width: 100%; } </style>
<body>
<div id="msg" class="qwe">qwe<br><br><br>
<TABLE width=200 align=center border=1 cellspacing=0 cellpadding=0>
<TR>
<TD> </TD><TD> </TD><TD> </TD><TD> </TD><TD> </TD>
</TR>
<TR>
<TD> </TD><TD> </TD><TD> </TD><TD> </TD><TD> </TD>
</TR>
<TR>
<TD> </TD><TD> </TD><TD> </TD><TD> </TD><TD> </TD>
</TR>
</TABLE><br>
</div>
<input type=button value=GetWidth onclick=GetWidth();>
<script>
var doc = document.all.msg;
var sel= null;
var range = null;
window.onload = function() { document.all.msg.contentEditable = true; }
function GetWidth(){
var sTab = GetSelectedTable();
if (sTab != null)
alert([sTab.tagName,sTab.offsetWidth]);
}
function GetSelectedTable() {
sel = doc.document.selection;
if (sel.type == "Control") {
range = sel.createRange();
if (range.item(0).tagName == "TABLE")
return range.item(0);
}
return null;
}
</script>
</body>
</html>
|
|
|
| Вернуться к началу |
|
|
|
FAQ 
Поиск 
Пользователи 
Группы
Регистрация
Профиль 
Войти и проверить личные сообщения 
Вход 
