Почему не бежит бегущая строка?

@Johnlion · Регистрация: 11.05.2011

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

Помогите, пожалуйста, друзья

Нужно по нажатию клавиши запускать бегущую строку в этом же фрейме.
Ее текст должен браться из текстового поля, которое заполняет пользователь.

Главная страница

JavaScript
1
2
3
4
5
6
<html>
<head>
</head>
 <frameset cols="100%">
   <frame src="left.html" name="left" scrolling="yes" noresize>
 </frameset>

Фрейм с бегущей строкой

JavaScript
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
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 </head>
 <body>
    <form name='form'>
    <input type='text' name='str'>  <br>
    <input type='button' value='Отправить' onClick='run();'/>
    </form>
    <div id = 'myDiv'>
    <script> 
    function run(){
    document.write("<div id = 'myDiv'>");    
    var line2 = document.forms['form']['str'].value;
    //var line2 = 'vmksk';
    document.write(line2);
    
        var i = 600;
        var el = document.getElementById("myDiv");
        var timer = setInterval(function() { 
            if (i == 1){
                i = 600;
            }
            else{
                el.style.cssText="margin-left:" + i + "px";
                i--;
            } 
            }, 10);
        }
    </script> 
 </div>
 </body>
</html>

Она почему-то не бежит. Если строку задать константно, то бежит, а если брать из поля - не бежит =))

@MafiaWest · 31.05.2013, 20:57

Есть предположение, что оно берет не одно значение.... попробуйте что дописать типа "берем value нулевого елемента"

JavaScript
1
[0].value

@Johnlion · 31.05.2013, 21:12 **[ТС]**

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

Есть предположение, что оно берет не одно значение.... попробуйте что дописать типа "берем value нулевого елемента"

JavaScript
1
[0].value

Ничего не происходит по нажатию кнопки теперь ((

zhibirc · 31.05.2013, 22:35

Попробуйте обратиться так:

JavaScript
1
window.left.document.forms['form']['str'].value

Кроме того, обратите внимание, что Вы создаете HTML-элемент с уже существующим id:

HTML5
1
<div id = 'myDiv'>

JavaScript
1
document.write("<div id = 'myDiv'>");

Вообще в таких случаях, как правило, будет обработан только первый (то есть в Вашем случае статичный). А вообще браузеры могут вести себя в этом случае непредсказуемо. Идентификатор должен быть уникальным. Обратите внимание:

JavaScript
1
2
3
4
5
getElementById
// но
getElementsByTagName
getElementsByClassName
getElementsByName

Для проверки того, получено ли значение из текстового поля, используйте alert.

@kalabuni · 01.06.2013, 11:01

-- смотрите на кусочек вашего кода (строки ##10-13): DIV с id="myDIV" у вас уже есть, а вы внутрь него ещё один такой же прописываете
-- зачем форма? вы ж никуда ничего не отправляете

HTML5
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
<html>
<head>
<style>
body {overflow: hidden}   /* чтобы внизу скролл не появлялся */
#spn {position: relative} /* но можно и absolute, без разницы */
</style>
<script>
function myFunc ()
{
var obj = document.getElementById ('spn');
 
// всякий раз сбрасываем таймер, если он был уже запущен
if (self.TMR) clearTimeout (TMR);
// а если ещё не был запущен, то прописываем в спан текст из инпута и обнуляем позицию
else obj.innerHTML = document.getElementById ('inp').value, POS = 0;
 
// меняем позицию спана
obj.style.left = ++POS + 'px';
 
// когда доедет до конца, обнуляем позицию
if (POS == document.getElementById ('dv').offsetWidth) POS = 0;
 
// запускаем таймер
TMR = setTimeout (myFunc, 10);
}
</script>
</head>
<body>
<p>Введите ваш текст <input id="inp">
<input type="button" value="Создать бегущую строку" onclick="myFunc ()">
<hr>
<div id="dv"><span id="spn"></span></div>
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .