Разработка JavaScript-программы формирования бегущей строки

@Zordaxo · Регистрация: 03.12.2015

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

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

Прикрепляю код этих двух файлов:
Index.html:

Кликните здесь для просмотра всего текста

<html>

HTML5

<head>
<title>Бегущая&nbspстрока&nbsp~&nbspКороленко</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta http-equiv="Content-Type" content="text/html;>
<meta http-equiv = "pragma" content= "no-cache">
    
</head>
 
  <iframe src = "header.html" noresize name="titleBlock" id="titleBlock"></iframe>
  <iframe src = "Kot.html" noresize></iframe>
 
 
</html>

header.html:

Кликните здесь для просмотра всего текста

HTML5

<html>
<head>
<title id='ttl'>Бегущая&nbspстрока&nbsp~&nbspКороленко</title>
<script type = "text/javascript">
   function stroka() {
    var str = document.title;
        setInterval(function Lab3Stroka() {
            var string = document.title;
            document.getElementById('ttl').innerHTML = string.substr(true, string.length) + string.charAt(0);
        }, 300);
    }
</script>
</head>
<body>
<p>Верхняя часть страницы.</p>
<input type="button" value="Запустить строку" onClick="stroka()" />
</body>
</html>

Заранее благодарю.

@Padimanskas · 13.06.2016, 23:31

Javascript

1	document.getElementById('titleBlock').contentWindow.stroka();

@Zordaxo · 13.06.2016, 23:39 **[ТС]**

мне это притулить в Index.html?

Добавлено через 4 минуты

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

JavascriptВыделить код
1
document.getElementById('titleBlock').contentWindow.stroka();

Не работает(может просто не могу понять куда этот фрагмент нужно подставить).

@Padimanskas · 13.06.2016, 23:52

Zordaxo, да, index должен получится вот таким:

HTML5

<html>
    <head>
        <title>Бегущая&nbspстрока&nbsp~&nbspКороленко</title>
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta http-equiv="Content-Type" content="text/html;>
            <meta http-equiv = "pragma" content= "no-cache">
    </head>
    <iframe src = "header.html" noresize name="titleBlock" id="titleBlock"></iframe>
    <input id="btn" type="button" value="Запустить строку" />
    <script>
        document.getElementById('titleBlock').onload= function(){
            var frame = this;
            document.getElementById('btn').onclick = function(){
                frame.contentWindow.stroka();
            };
        };
    </script>
</html>

Добавлено через 5 минут
Еще в head.html

Javascript

1	var str = window.parent.document.title;

вместо

Javascript

1	var str = document.title;

@Zordaxo · 13.06.2016, 23:59 **[ТС]**

Все равно не работает, вот, сделал точно как же как вы и сказали:
index.html

HTML5

<html>
    <head>
        <title>Бегущая&nbspстрока&nbsp~&nbspКороленко</title>
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta http-equiv="Content-Type" content="text/html";>
        <meta http-equiv = "pragma" content= "no-cache">
    </head>
    <iframe src = "header.html" noresize name="titleBlock" id="titleBlock"></iframe>
    <input id="btn" type="button" value="Запустить строку" />
    <script>
        document.getElementById('titleBlock').onload= function(){
            var frame = this;
            document.getElementById('btn').onclick = function(){
                frame.contentWindow.stroka();
            };
        };
    </script>
</html>

header.html

HTML5

<html>
<head>
<title id='ttl'>Бегущая&nbspстрока&nbsp~&nbspКороленко</title>
<script type = "text/javascript">
   function stroka() {
    var str = window.parent.document.title;
        setInterval(function Lab3Stroka() {
            var string = document.title;
            document.getElementById('ttl').innerHTML = string.substr(true, string.length) + string.charAt(0);
        }, 300);
    }
</script>
</head>
<body>
<p>Верхняя часть страницы.</p>
<input type="button" value="Запустить строку" onClick="stroka()" />
</body>
</html>

@Zordaxo 1 / 1 / 2 Регистрация: 03.12.2015 Сообщений: 25
	13.06.2016, 23:39 [ТС]	3
	мне это притулить в Index.html? Добавлено через 4 минуты Сообщение от Padimanskas JavascriptВыделить код 1 document.getElementById('titleBlock').contentWindow.stroka(); Не работает(может просто не могу понять куда этот фрагмент нужно подставить). 0

	13.06.2016, 23:59

Разработка JavaScript-программы формирования бегущей строки

Решение