проблемы с таблицами -> Форум на Исходниках.Ру

	Наши проекты: Журнал · Discuz!ML · Wiki · DRKB · Помощь проекту

Здравствуйте, Гость ! [18.227.228.181]

Прежде чем задать вопрос, полистайте форум и загляните в FAQ!

Модераторы: Vasya2000, Serafim, fatalist

Новое голосование

проблемы с таблицами , код и описание внутри

woney

Сообщ. #1 , 11.04.14, 09:19

Junior

Профиль · PM

Рейтинг (т): нет

<html>

<head>

.st {

width: 60px;

background: #aaa;

padding: 3px;

padding-right: 8px;

border: solid 1px orange;

float: right;

}

</style>

</head>

<tr>

<td>

<table>

<tr>

<td>

</div>

</td>

<td>

</select>

</div>

</td>

</div>

</table>

</td>

</tr>

</table>

</body>

</html>

add_statya = function () {

var template = document.getElementById ("telo");

var article = document.createElement("div");

article.innerHTML = template.innerHTML;

template.parentNode.appendChild (article);

}

add_chasti = function () {

var template = document.getElementById ("chasti");

var article = document.createElement("div");

article.innerHTML = template.innerHTML;

template.parentNode.appendChild (article);

}

function hidechasti() {

if (document.getElementById("chasti").style.display == 'none')

{document.getElementById("chasti").style.display = 'block'}

else {document.getElementById("chasti").style.display = 'none'}

}

</script>

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

Сообщение отредактировано: woney - 11.04.14, 10:01

fatalist	Сообщ. #2 , 11.04.14, 10:31
Moderator Профиль · PM Поощрения: 20 Dgm Рейтинг (т): 327	Ничего не понятно... А можно пост написать согласно правилам русского языка? И еще с картинками желательно...

Serafim	Сообщ. #3 , 11.04.14, 13:48
Moderator Профиль · PM Рейтинг (т): 79	для тех, кому лень открыть приаттаченный пример в топике http://jsbin.com/wimodepo/1/ да, fatalist? Но всё же желательно писать задачу по-русски. =))) Решение +\- по-быстрому http://jsbin.com/wimodepo/9/

fatalist	Сообщ. #4 , 11.04.14, 15:30
Moderator Профиль · PM Поощрения: 20 Dgm Рейтинг (т): 327	Serafim, да задача должна быть поставлена, а то докатимся, что будем только код постить

Serafim	Сообщ. #5 , 11.04.14, 15:38
Moderator Профиль · PM Рейтинг (т): 79	А что там непонятного? Неужели тебя смущает Цитата woney @ 11.04.14, 09:19 поставить так, чтобы части вставали именно напротив тел Да ладно тебе, напротив тел части и так вполне себе встают

woney

Сообщ. #6 , 14.04.14, 03:43

Junior

Профиль · PM

Рейтинг (т): нет

Всем привет.
Проблема была в том, что есть текстбокс. В текстбокс вводятся цифры. Цифры сравниваются с данным из базы и если совпадают появляется листбокс с вариантами.
Как вы уже сами посмотрели, текстбоксов будет много. Данные этих текстбоксов будут совпадать или несовподать с данными из базы, и исходя из этого будут появляться листбоксы. Вот мне хочется, чтобы каждый листбокс вставал напротив своего текстбокса. Если совпадение есть, появился листбокс, если нет - остался пустым и переходим на следующий текстбокс.
В данный момент получается так, что есть 5-6 текстбоксов, а листбокс плавает где-то в середине и не понятно к какому их текстбоксов оно принадлежит.

Цитата

Решение +\- по-быстрому http://jsbin.com/wimodepo/9/

можно будет код посмотреть?

Serafim	Сообщ. #7 , 14.04.14, 03:50
Moderator Профиль · PM Рейтинг (т): 79	Цитата woney @ 14.04.14, 03:43 можно будет код посмотреть? кнопочку нажать - посмотреть код Добавлено 14.04.14, 03:51 а, не, там написано "редактировать", однофигственно

woney	Сообщ. #8 , 14.04.14, 04:14
Junior Профиль · PM Рейтинг (т): нет	404 Not Found

Serafim	Сообщ. #9 , 14.04.14, 04:31
Moderator Профиль · PM Рейтинг (т): 79	хм, печаль, уже 3 дня прошло =( ну открой тогда исходный код

fatalist	Сообщ. #10 , 16.04.14, 02:29
Moderator Профиль · PM Поощрения: 20 Dgm Рейтинг (т): 327	Да выложи уже сюда, благо функционал имеется...

Serafim

Сообщ. #11 , 16.04.14, 06:14

Moderator

Профиль · PM

Рейтинг (т): 79

<!doctype html>

<head>

<title>Document</title>

</head>

<body>

<td>

</td>

<td>

</select>

</td>

</tr>

</table>

var TableEditor = (function(){

var TableRow = (function(){

function TableRow(editor){

this.editor = editor;

this.row = editor.row.cloneNode(true);

this.options = this.row.querySelectorAll('[data-id=options]')[0];

this.input = this.row.querySelectorAll('[data-id=input]')[0];

editor.table.appendChild(this.row);

this.blurSubscribe();

};

TableRow.prototype.blurSubscribe = function(){

var self = this;

this.input.addEventListener('blur', function(){

self.showOptions();

}, false);

};

TableRow.prototype.showOptions = function(){

this.options.style.display = 'block';

};

return TableRow;

})();

function TableEditor(id){

this.table = document.getElementById(id);

this.row = this.table.querySelectorAll('[data-id=row]')[0].cloneNode(true);

this.table.querySelectorAll('[data-id=row]')[0].style.display = 'none';

};

TableEditor.prototype.addRow = function(){

new TableRow(this)

};

return TableEditor;

})();

var tbl = new TableEditor('mytable');

document.getElementById('addRowBtn')

.addEventListener('click', function(){

tbl.addRow();

}, false)

</script>

</body>

</html>

1 пользователей читают эту тему (1 гостей и 0 скрытых пользователей)

0 пользователей:

[ Script execution time: 0,0369 ] [ 14 queries used ] [ Generated: 20.05.24, 21:16 GMT ]