iframes war

This commit is contained in:
lopar 2018-03-24 02:19:46 +02:00
parent 44cb3e6ad5
commit e8395185a0

View File

@ -19,7 +19,7 @@ if (!isset($_SESSION['uid'])) header("Location: index.php");
<title>Окно игры</title> <title>Окно игры</title>
<meta charset="utf-8"> <meta charset="utf-8">
<style> <style>
header, /* header,
footer { footer {
display: block; display: block;
margin: 5px; margin: 5px;
@ -29,7 +29,7 @@ if (!isset($_SESSION['uid'])) header("Location: index.php");
background: #ffeebb; background: #ffeebb;
text-align: center; text-align: center;
} }
*/
form { form {
padding: 3px; padding: 3px;
width: 100%; width: 100%;
@ -62,31 +62,51 @@ if (!isset($_SESSION['uid'])) header("Location: index.php");
height: 100%; height: 100%;
} }
</style> </style>
<style>
body {
margin: 0;
}
.wrap {
display:grid;
background:#d7d7d7;
height: 100vh;
grid-template-rows: 45px /* Шапка */
2fr /* Окно игры */
1fr /* Окно чата*/
30px;/* Подвал */
}
header, footer {
margin: 1px;
padding: 5px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head> </head>
<body> <body>
<header> <div class="wrap">
<a href="/user_anketa.php" title="Анкета" target="main"><img src="http://placehold.it/32x32/33ff33?text=A"/></a> <header>
<a href="/friend.php" title="Друзья" target="main"><img src="http://placehold.it/32x32/33ff33?text=F"/></a> <a href="/user_anketa.php" title="Анкета" target="main"><img src="http://placehold.it/32x32/33ff33?text=A"/></a>
<a href="/main.php?edit=1" title="Инвентарь" target="main"><img src="http://placehold.it/32x32/33ff33?text=I"/></a> <a href="/friend.php" title="Друзья" target="main"><img src="http://placehold.it/32x32/33ff33?text=F"/></a>
<a href="/relikt.php?edit=1" title="Реликты" target="main"><img src="http://placehold.it/32x32?text=R"/></a> <a href="/main.php?edit=1" title="Инвентарь" target="main"><img src="http://placehold.it/32x32/33ff33?text=I"/></a>
<a href="/klan.php" title="Клан" target="main"><img src="http://placehold.it/32x32/33ff33?text=K"/></a> <a href="/relikt.php?edit=1" title="Реликты" target="main"><img src="http://placehold.it/32x32?text=R"/></a>
<a href="/orden.php" title="Особые умения" target="main"><img src="http://placehold.it/32x32/33ff33?text=O"/></a> <a href="/klan.php" title="Клан" target="main"><img src="http://placehold.it/32x32/33ff33?text=K"/></a>
<a href="/moderators.php" title="Модераторы" target="main"><img src="http://placehold.it/32x32/33ff33?text=M"/></a> <a href="/orden.php" title="Особые умения" target="main"><img src="http://placehold.it/32x32/33ff33?text=O"/></a>
<a href="/forum.php" title="Форум" target="main"><img src="http://placehold.it/32x32?text=F"/></a> <a href="/moderators.php" title="Модераторы" target="main"><img src="http://placehold.it/32x32/33ff33?text=M"/></a>
</header> <a href="/forum.php" title="Форум" target="main"><img src="http://placehold.it/32x32?text=F"/></a>
<div class="mainwrap"> </header>
<iframe name="main" src="main.php"></iframe> <div id="game"></div>
<div id="chat"></div>
<footer>
<form action="chat.php" method="post" target="chat">
<input id="msg" name="msg" size="100" placeholder="Введите сообщение...">
<input type="submit" value="Отправить">
</form>
</footer>
</div> </div>
<div id="chat"></div>
<footer>
<form action="chat.php" method="post" target="chat">
<input id="msg" name="msg" size="100" placeholder="Введите сообщение...">
<input type="submit" value="Отправить">
</form>
</footer>
<script> <script>
$( "#game" ).load( "main.php" );
$( "#chat" ).load( "chat.php" ); $( "#chat" ).load( "chat.php" );
</script> </script>
</body> </body>