Скролл

@Maksimchikfull · Регистрация: 11.08.2011

Студворк — интернет-сервис помощи студентам

Вообщем есть 2 дива которые находятся в родителе див.

В первом диве есть <textarea>, требуется чтобы скрол после обновления страницы всегда вниз мотался. Будет большое спасибо и благодарность! =)

@djdish · 16.11.2011, 10:17

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

Вообщем есть 2 дива которые находятся в родителе див.

В первом диве есть <textarea>, требуется чтобы скрол после обновления страницы всегда вниз мотался. Будет большое спасибо и благодарность! =)

скрол чего? страницы, textarea?

@Daredevi1 · 16.11.2011, 11:00

JavaScript
1
document.getElementById("elem_id").scrollTop = 10000

@Maksimchikfull · 16.11.2011, 23:04 **[ТС]**

textarea...

@parikmaher534 · 17.11.2011, 00:17

JavaScript
1
2
3
4
var txt = document.getElementById("ваша текстареа");
     hg  = txt.clientHeight + txt.scrollTop;
 
txt.scrollTop(hg);

@Maksimchikfull · 17.11.2011, 02:37 **[ТС]**

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

JavaScript
1
2
3
4
var txt = document.getElementById("ваша текстареа");
     hg  = txt.clientHeight + txt.scrollTop;
 
txt.scrollTop(hg);

Я совсем нуб в Javascript. Позавчера(15.11) деньрождение было, у сестры попросил в подарок книгу по Javascript.

Вот код всей страницы:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<?php
include_once("config.php");
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><?php echo "$settings[title]"; ?></title>
<link href="<?php echo $settings['favicon']; ?>" rel="icon" type="image/png">
<link href="<?php echo $settings['favicon']; ?>" rel="shortcut icon" type="image/png">
<?php include_once($settings['style']); ?>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
//Code...
</script>
</head>
 
<body>
<?php
 
echo "<div id='menu'><a href='?contype=default'>Default</a> <a href='?contype=blue'>Blue</a></div>";
 
if($_SESSION['LOG'] == 0){
    $_SESSION['LOG'] = 1;
    setcookie("log","console is loaded\nenter \"help\" for view information");
    echo "<meta http-equiv='refresh' content='0'>";
}
 
if(isset($_POST['toconsole'])){
    $console = explode(".", $_POST['toconsole']);
    $status = "\nhttp://$_SERVER[HTTP_HOST]/> $_POST[toconsole]\n";
    
    switch($console[0]){
        case "help":
        $status .= "commands:\nreload - for reload console";
        break;
        
        case "reload":
        $_COOKIE['log'] = "console is loaded\nenter \"help\" for view information";
        break;
        
        default:
        $status .= "error: command does not exist";
        break;
    }
    
    if($console[0] != "") setcookie("log","$_COOKIE[log]\n$status");
}
 
echo "<div id='console'>
<div id='block1'><h3>Console</h3></div>
<form action='' method='post'>
<div id='block2'><textarea id='log' cols='88' rows='25' readonly='readonly'>$_COOKIE[log]\n$status</textarea></div>
<div id='block3'>
http://$_SERVER[HTTP_HOST]/> <input id='toconsole' name='toconsole' type='text' size='71' maxlength='255' autofocus>
</div>
</form>
</div>";
?>
</body>
</html>

@parikmaher534 · 17.11.2011, 10:11

Все тоже после того как сервер отдаст лаяут отработает JS который найдет вашу textarea и установит scrollTop

JavaScript
1
2
3
4
var txt = document.getElementById("log");
     hg  = txt.clientHeight + txt.scrollTop;
 
txt.scrollTop = hg;

в предыдущем немного опечатался)))

@Maksimchikfull · 22.11.2011, 15:52 **[ТС]**

Подарили мне книжку не малих размеров по Javascript, я просил. Буду по ней учится. Там подробное руководство. Надеюсь поможет.

Добавлено через 32 секунды

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

Все тоже после того как сервер отдаст лаяут отработает JS который найдет вашу textarea и установит scrollTop

JavaScript
1
2
3
4
var txt = document.getElementById("log");
     hg  = txt.clientHeight + txt.scrollTop;
 
txt.scrollTop = hg;

в предыдущем немного опечатался)))

Всё ровно никак. =(

@parikmaher534 · 22.11.2011, 17:14

вы знаете как консолью дебажить?
в Chrome это F12

выведите что возвращает

JavaScript
1
var txt = document.getElementById("log");

если Null то не может найти элемент.

если не null - посмотрите что txt.clientHeight И txt.scrollTop возвращают

Новые блоги и статьи Все статьи Все блоги /
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .

@Maksimchikfull Веб-мастер 89 / 89 / 19 Регистрация: 11.08.2011 Сообщений: 674

	Скролл 16.11.2011, 03:47. Показов 2589. Ответов 8 Метки нет (Все метки) Вообщем есть 2 дива которые находятся в родителе див. В первом диве есть <textarea>, требуется чтобы скрол после обновления страницы всегда вниз мотался. Будет большое спасибо и благодарность! =) 0

@Maksimchikfull Веб-мастер 89 / 89 / 19 Регистрация: 11.08.2011 Сообщений: 674
	16.11.2011, 23:04 [ТС]
	textarea... Миниатюры 0