Javascript-форум - 3 html страницы

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - 3 html страницы (https://javascript.ru/forum/misc/50058-3-html-stranicy.html)

3 html страницы

Здравствуйте! Необходимо сделать 3 HTML страницы:
• Главное окно
• Lobby
• My profile
Последовательность загрузки:
1. Главное окно
https://www.dropbox.com/s/iv0dl4pms1gvnbo/1.jpg?dl=0

2. После загрузки главного окна загружается вкладка Lobby
https://www.dropbox.com/s/yolcrdfhk36b5w1/2.jpg?dl=0

3. После загрузки Lobby загружается цветной фон
https://www.dropbox.com/s/zxbvwa4vdvjpx7v/3.jpg?dl=0

Описание Lobby:
• Lobby - это просто графика, в этой вкладке должна работать только кнопка MENU.
• По клику на кнопке MENU, меню открывается / закрывается.
https://www.dropbox.com/s/v3exqtxmevg2d53/4.jpg?dl=0

• В меню нужно, чтобы работал первый пункт (My Profile).
• По клику на My Profile загружается, или становится активной, если уже загружена, вкладка My profile.
https://www.dropbox.com/s/y7m908tr2lbm04a/5.jpg?dl=0

Описание My profile:
• My profile – это сверстанная форма.
• Кнопка ON/OFF – это визуализация checkbox’a (on – checked, off – unchecked)
• По нажатию на кнопку SEND MESSAGE TO OTHER WINDOWS, все окна, кроме My profile, должны получить сообщение ‘Message for all’.
• По нажатию на кнопку SEND MESSAGE TO LOBBY, окно Lobby должно получить сообщение ‘Message for Lobby’.
• Когда окно получает сообщение, оно должно вывести в консоль свой URL и полученное сообщение.
• По нажатию на кнопку X или CLOSE вкладка My Profile закрывается и активной становится вкладка Lobby.

Подскажите просто как правильно это все сделать? Спасибо.

Цитата:

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

Подскажите просто как правильно это все сделать?

Если сделаешь все как описал - таки уже будет правильно сделано.

Цитата:

Сообщение от ksa (Сообщение 329794)

Если сделаешь все как описал - таки уже будет правильно сделано.

Я не знаю как подгружать эти страницы и менять фон, javascript'ом как-то?

Цитата:

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

Я не знаю как подгружать эти страницы и менять фон

Тогда тебе в раздел "Работа"...

Цитата:

Сообщение от ksa (Сообщение 329797)

Тогда тебе в раздел "Работа"...

как сделать такое условие: если загрузилась 1 стр., то подгрузить в нее 2 стр.?

Нее самый лучший вариант, но может натолкнет на мысль:

var addScript = function(path, callback) {

   var script = document.createElement("script");
   if (callback) {
      script.onload = callback;
   }
   script.src = path;
   document.head.appendChild(script);

};

addScript("someJs1.js", function () {
   addScript("someJs2.js", function () {
       ...
       addScript("someJsn.js");
   })
});

Цитата:

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

как сделать такое условие: если загрузилась 1 стр., то подгрузить в нее 2 стр.?

у того же объекта window есть такое событие - onload...

Цитата:

Сообщение от ksa (Сообщение 329997)

у того же объекта window есть такое событие - onload...

сделал вот так:

window.onload = window.location.assign("/lobby.html");

но теперь страница постоянно перезагружаеться(

Цитата:

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

сделал вот так:

window.onload = window.location.assign("/lobby.html");

но теперь страница постоянно перезагружаеться(

Бивас, тест! (с)

Файл tmp.html

<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
window.onload = window.location.assign("tmp1.html");
</script>
</head>
<body>
<p>Page 1</p>
</body>
</html>
</html>

Файл tmp1.html

<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<p>Page 2</p>
</body>
</html>
</html>

Все таки работает. :)

Цитата:

Сообщение от ksa (Сообщение 330041)

Бивас, тест! (с)

Файл tmp.html

<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
window.onload = window.location.assign("tmp1.html");
</script>
</head>
<body>
<p>Page 1</p>
</body>
</html>
</html>

Файл tmp1.html

<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<p>Page 2</p>
</body>
</html>
</html>

Все таки работает. :)

а если нужно js использовать на всех страницах,то так прийдется 2 разных файла со скриптами грузить на каждую страницу отдельный.