Форум

Dark19 · #1 (**permalink**) 09.09.2014, 22:54

Здравствуйте! Необходимо сделать 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.

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

ksa · #2 (**permalink**) 10.09.2014, 09:34

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

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

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

Dark19 · #3 (**permalink**) 10.09.2014, 09:43

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

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

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

ksa · #4 (**permalink**) 10.09.2014, 09:44

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

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

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

Dark19 · #5 (**permalink**) 10.09.2014, 17:22

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

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

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

tsigel · #6 (**permalink**) 10.09.2014, 20:11

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

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");
   })
});

ksa · #7 (**permalink**) 11.09.2014, 08:18

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

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

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

Dark19 · #8 (**permalink**) 11.09.2014, 12:00

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

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

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

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

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

ksa · #9 (**permalink**) 11.09.2014, 13:14

Сообщение от 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>

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

Dark19 · #10 (**permalink**) 11.09.2014, 13:58

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

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

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

Форум

Справочник

Discord чат

Курсы javascript