<table border="1" cellpadding="0" bordercolor="#000000" id="TT">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
....
....
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
Заполнение таблиц на Java
Доброе время суток!
Описываю проблему:
Есть веб-страница. В ней есть таблица под которую подложен рисунок(фоном).
Также есть ссылки. Требуется, чтобы при нажатии на ссылку(onClick) номер
этой ссылки(текстом) отображался в соответствующей ячейки таблицы.
Реализация на JS
Проблема:
Как заставить заполнятся(изменяться) значения в ячейках таблицы?
Пихать в каждую ячейку Text Field нельзя, т.к. нельзя перекрывать фон.
Ну почему не создали прозрачные Text Field :-)?
Описываю проблему:
Есть веб-страница. В ней есть таблица под которую подложен рисунок(фоном).
Также есть ссылки. Требуется, чтобы при нажатии на ссылку(onClick) номер
этой ссылки(текстом) отображался в соответствующей ячейки таблицы.
Реализация на JS
Проблема:
Как заставить заполнятся(изменяться) значения в ячейках таблицы?
Пихать в каждую ячейку Text Field нельзя, т.к. нельзя перекрывать фон.
Ну почему не создали прозрачные Text Field :-)?
В ячейку таблицы вместо Text Field засовываешь span c установленным id. По событию onClick присваиваешь innerHTML этого span-а нужное тебе текстовое значение.
Цитата: shine
В ячейку таблицы вместо Text Field засовываешь span c установленным id. По событию onClick присваиваешь innerHTML этого span-а нужное тебе текстовое значение.
вроде точно так же можно и с div-ом
Я извеняюсь за тупоголовость в яве я не силен, но что это за свойство innerHTML?
Цитата: andrey_IMS
Я извеняюсь за тупоголовость в яве я не силен, но что это за свойство innerHTML?
Забудь слово "ява", "java" et cetera. Ты хочешь решить всё это через JavaScript.
Для постижения свойств, методов, интерфейсов и пр. HTML-документа, существует msdn. Вот, в частности, что говорит msdn про свойство IHTMLElement::innerHTML: [COLOR=teal]Sets or retrieves the HTML between the start and end tags of the object. (Устанавливает или возвращает HTML между начальным и конечным тэгом объекта). [/COLOR][COLOR=black]В предложенном тебе варианте элементом выступает <span></span>. Вот всё, что между этими двумф тэгами, можно получить/установить при помощи innerHTML. [/COLOR]
Цитата: andrey_IMS
Я извеняюсь за тупоголовость в яве я не силен, но что это за свойство innerHTML?
Порабы уже учиться поиском пользоваться по заданным ключевым словам http://www.yandex.ru/yandsearch?stype=www&nl=0&text=innerHTML
Обращаться к конкретной ячейке таблицы можно так:
document.getElementById('TT').cells[2].style.backgroundColor="#000000";
document.getElementById('TT').cells[4].style.backgroundColor="#FF0000";
Использовать просто: создаешь <div id="console"></div> и передаешь функции тот объект который ты хочешь исследовать например так: getTree(document.getElementById('TT'));
Только главное не забывай что для разных браузеров результат будет разный
Код:
Цитата:
document.getElementById('TT').cells[2].style.backgroundColor="#000000";
document.getElementById('TT').cells[4].style.backgroundColor="#FF0000";
Насколько я помню отсчет ячеек ведется от левого верхнего угла.
Вообще такие штуки я обычно нахожу методом тыка с помощью моего любимого парсера объектов java script:
Код:
function getTree(obj) {
document.getElementById('console').innerHTML+="<UL>";
for (var i in obj) {
document.getElementById('console').innerHTML+="<LI>" + i;
if (typeof obj != "object") { document.getElementById('console').innerHTML+=" = "+obj; }
else document.getElementById('console').innerHTML+="</LI>";
}
document.getElementById('console').innerHTML+="</UL>";
}
document.getElementById('console').innerHTML+="<UL>";
for (var i in obj) {
document.getElementById('console').innerHTML+="<LI>" + i;
if (typeof obj != "object") { document.getElementById('console').innerHTML+=" = "+obj; }
else document.getElementById('console').innerHTML+="</LI>";
}
document.getElementById('console').innerHTML+="</UL>";
}
Использовать просто: создаешь <div id="console"></div> и передаешь функции тот объект который ты хочешь исследовать например так: getTree(document.getElementById('TT'));
Только главное не забывай что для разных браузеров результат будет разный
document.getElementById('TT').cells[2].style.backgroundColor="#000000";
-вызывает ошибку!
Как можно получить доступ к фоновому рисунку ячейки(background="test.gif")?
-вызывает ошибку!
Как можно получить доступ к фоновому рисунку ячейки(background="test.gif")?
Цитата: Maniak
вроде точно так же можно и с div-ом
Да, но DIV дает неизбежный БРяк строки после закрытия, так после DIV'а В БОК уже ничего не всунешь (могу и ошибаться), а вот SPAN'ов хоть 20 на строчку, и ничего - цельный текст.
Цитата: andrey_IMS
document.getElementById('TT').cells[2].style.backgroundColor="#000000";
-вызывает ошибку!
Как можно получить доступ к фоновому рисунку ячейки(background="test.gif")?
-вызывает ошибку!
Как можно получить доступ к фоновому рисунку ячейки(background="test.gif")?
Какую именно ошибку? Телепатов расстреляли - так что придется тебе ответить.
Ошибка компиляции. Не признает cells.
Цитата: andrey_IMS
Ошибка компиляции. Не признает cells.
Компиляция JavaScript? Жесть!