Форум

dmitriymar · #11 (**permalink**) 24.12.2010, 01:36

стоит начать с начала-с основ скрипта

ща гляну возможно ли то что написал вообще с контенерами вложенными

amaz245 · #12 (**permalink**) 24.12.2010, 01:39

Спасибо большое)

dmitriymar · #13 (**permalink**) 24.12.2010, 01:46

с контейнерами возможно-вложить больший в меньший.отслеживать координаты по меньшему и двигать больший внутри меньшего. в принципе их можно в таком развале вкладывать куда угодно-хоть фреймы хоть в просто страницу

amaz245 · #14 (**permalink**) 24.12.2010, 02:04

Что-то я сегодня совсем утомился, лучше завтра днем гляну, в любом случае - еще раз спасибо за помощь.

ksa · #15 (**permalink**) 24.12.2010, 11:05

amaz245, мне понравился вот такой вариант с прокруткой таблички...

<!DOCTYPE html>
<html>
<head>
<style>
* {
	margin: 0;
	padding: 0;
}
#container {
	font-family: Tahoma;
	font-size: 10pt;
	border: 1px solid;
	color: #000000;
}
#head {
	height: 16px;
	background-color: orange
}
#box {
	height: 100px;
	overflow: auto;
}
table {
	border: 1px solid;
	border-collapse: collapse;
}
th,
td {
	border: 1px solid;
}
thead tr  {
	position: absolute;
	top: 0;
	left: 0;
}
.c1 {
	width: 100px;
}
.c2 {
	width: 200px;
}
.c3 {
	width: 300px;
}
</style>
<script>
</script>
</head>
<body>
<div id='container'>
	<div id='head'></div>
	<div id='box'>
		<table>
			<thead>
				<tr>
					<th class='c1'>Колонка 1</th>
					<th class='c2'>Колонка 2</th>
					<th class='c3'>Колонка 3</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td class='c1'>Всякие там данные колонки 1</td>
					<td class='c2'>Всякие там данные колонки 2</td>
					<td class='c3'>Всякие там данные колонки 3</td>
				</tr>
				<tr>
					<td class='c1'>Всякие там данные колонки 1</td>
					<td class='c2'>Всякие там данные колонки 2</td>
					<td class='c3'>Всякие там данные колонки 3</td>
				</tr>
				<tr>
					<td class='c1'>Всякие там данные колонки 1</td>
					<td class='c2'>Всякие там данные колонки 2</td>
					<td class='c3'>Всякие там данные колонки 3</td>
				</tr>
				<tr>
					<td class='c1'>Всякие там данные колонки 1</td>
					<td class='c2'>Всякие там данные колонки 2</td>
					<td class='c3'>Всякие там данные колонки 3</td>
				</tr>
				<tr>
					<td class='c1'>Всякие там данные колонки 1</td>
					<td class='c2'>Всякие там данные колонки 2</td>
					<td class='c3'>Всякие там данные колонки 3</td>
				</tr>
				<tr>
					<td class='c1'>Всякие там данные колонки 1</td>
					<td class='c2'>Всякие там данные колонки 2</td>
					<td class='c3'>Всякие там данные колонки 3</td>
				</tr>
				<tr>
					<td class='c1'>Всякие там данные колонки 1</td>
					<td class='c2'>Всякие там данные колонки 2</td>
					<td class='c3'>Всякие там данные колонки 3</td>
				</tr>
			<tbody>
		</table>
	</div>
</div>
</body>
</html>

dmitriymar · #16 (**permalink**) 24.12.2010, 13:04

ksa,
а где она прокручивается?

ksa · #17 (**permalink**) 24.12.2010, 14:39

Сообщение от dmitriymar

а где она прокручивается?

На "Посмотреть!" давил? Какой у тебя браузер?
А то я делал в ИЕ7 и смотрел в Опере...

amaz245 · #18 (**permalink**) 24.12.2010, 15:04

Не, не то. Надо чтобы прокручивалось с помощью перетягивания курсором а не ползунками.

ksa · #19 (**permalink**) 24.12.2010, 16:41

Сообщение от amaz245

Надо чтобы прокручивалось с помощью перетягивания курсором а не ползунками.

Таки поставь оверфлов хидден и дорабатывай далее скриптом... Кто мешает?

amaz245 · #20 (**permalink**) 24.12.2010, 20:53

Дорабатывать скриптом немного мешает почти нулевое знание javascript'a.

Форум

Справочник

Discord чат

Курсы javascript