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 разных файла со скриптами грузить на каждую страницу отдельный.

Цитата:

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

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

Объедини общие скрипты в один... Он будет кешироваться браузером.
А разные в разные файлы... Т.о. у тебя будет целый спектр подключения файлов со скриптами... :)

Цитата:

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

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

Спасибо, работает.

Так уже все сделал, только не знаю как вот это реализовать:

1)по нажатию на кнопку SEND MESSAGE TO OTHER WINDOWS, все окна, кроме My profile, должны получить сообщение ‘Message for all’.
2)по нажатию на кнопку SEND MESSAGE TO LOBBY, окно Lobby должно получить сообщение ‘Message for Lobby’.
3)когда окно получает сообщение, оно должно вывести в консоль свой URL и полученное сообщение