서버 선택창 추가 변경.

- div absolute로 강제로 띄우는 것을 제거
- '폐쇄중' 까지 정상적으로 띄움
This commit is contained in:
2018-03-17 05:55:55 +09:00
parent cd1456caa7
commit f557e1f241
5 changed files with 120 additions and 49 deletions
+10 -1
View File
@@ -10,7 +10,7 @@ table {
text-align: center;
font-family: '맑은 고딕'; line-height: 110%;
}
td {
th, td {
border: solid 1px; border-spacing: 0px; border-collapse: separate; border-top-color: gray; border-left-color: gray; border-right-color: black; border-bottom-color: black;
padding: 0px;
font-size: 13px;
@@ -56,6 +56,15 @@ input {
line-height: 110%;
}
*/
input.with_skin {
width: 100px; height: 18px;
background-color: black; color: white;
font-family: '맑은 고딕';
font-size: 13px;
line-height: 110%;
}
select {
width: 100px; height: 18px;
background-color: black; color: white;
+12 -13
View File
@@ -1,11 +1,11 @@
var serverListTemplate = "\
<div class='Entrance_ServerList' data-server='<%name%>'>\
<div class='Entrance_ServerListServer'><br>\
<tr class='server_item bg0' data-server='<%name%>'>\
<td class='server_name'>\
<span style='font-weight:bold;font-size:1.4em;color:<%color%>'><%korName%>섭</span>\
<span class='n_country'></span>\
</div>\
<div class='Entrance_ServerListDown'><br>- 폐 쇄 중 -</div>\
</div>\
</td>\
<td colspan='3' class='server_down'>- 폐 쇄 중 -</td>\
</tr>\
";
var serverFullTemplate = "\
@@ -14,13 +14,13 @@ var serverFullTemplate = "\
var serverCreateAndSelectTemplate = "\
<div class='Entrance_ServerListNoRegister'>- 미 등 록 -</div>\
<input class='GeneralSelect' type='button' value='장수선택'>\
<input class='GeneralCreate' type='button' value='장수생성'>\
<input class='general_select' type='button' value='장수선택'>\
<input class='general_create' type='button' value='장수생성'>\
";
var serverCreateTemplate = "\
<div class='Entrance_ServerListNoRegister'>- 미 등 록 -</div>\
<input class='GeneralCreate' type='button' value='장수생성'>\
<input class='general_create' type='button' value='장수생성'>\
";
function Entrance_Import() {
@@ -32,8 +32,8 @@ function Entrance_Import() {
function Entrance_Init() {
EntranceManage_Init();
$("#Entrance_000101").click(Entrance_Manage);
$("#Entrance_000102").click(Entrance_Logout);
$("#btn_user_manage").click(Entrance_Manage);
$("#btn_logout").click(Entrance_Logout);
}
function Entrance_Update() {
@@ -49,7 +49,7 @@ function Entrance_UpdateServer() {
if(response.result == "SUCCESS") {
Entrance_drawServerList(response.server);
//Entrance_ServerList(response.serverCount, response.servers);
Entrance_ServerListPosition();
//Entrance_ServerListPosition();
Popup_WaitHide();
} else {
Popup_WaitShow("서버목록 로드 실패!");
@@ -60,7 +60,7 @@ function Entrance_UpdateServer() {
}
function Entrance_drawServerList(serverInfos){
var $serverList = $('#Entrance_000002');
var $serverList = $('#server_list');
$.each(serverInfos, function(idx, serverInfo){
var serverHtml = TemplateEngine(serverListTemplate, serverInfo);
$serverList.append(serverHtml);
@@ -68,7 +68,6 @@ function Entrance_drawServerList(serverInfos){
return;
}
});
$serverList.height(serverInfos.length *64);
}
function Entrance_ServerList(serverCount, servers) {
+52 -15
View File
@@ -2,6 +2,57 @@
@import url("manage/Style.css");
#server_list_container{
width:800px;
position:absolute;
left:50%;
margin-left:-400px;
}
#server_list_table{
width:100%;
}
#server_list tr{
height:64px;
}
.server_create_and_select .general_create,
.server_create_and_select .general_select {
width: 120px; height: 32px;
float: left;
}
.GeneralCreate {
width: 120px; height: 64px;
float: left;
}
#user_info {
margin-top:20px;
width: 800px; height: 130px;
}
.section_title {
height:50px;
line-height:50px;
font-size: 30px; font-weight: bold;
text-align: center;
}
#user_info input{
width: 200px; height: 50px;
margin: 10px 50px;
}
.center_ordered_items{
text-align:center;
}
/*Legacy*/
#Entrance_00 {
width: 800px;
position: absolute; top: 50px; left: 50%;
@@ -26,9 +77,7 @@
}
#Entrance_0007 {
width: 800px; height: 50px;
position: absolute; top: -50px; left: 50%;
margin-left: -400px;
height: 50px;
border: none;
}
@@ -125,20 +174,8 @@
float: left;
}
.Entrance_ServerCreateAndSelect .GeneralCreate,
.Entrance_ServerCreateAndSelect .GeneralSelect {
width: 120px; height: 32px;
float: left;
}
.GeneralCreate {
width: 120px; height: 64px;
float: left;
}
#Entrance_000003 {
width: 798px; height: 155px;
position: absolute; top: 138px; left: 0px;
text-align: left;
}
+46 -18
View File
@@ -55,11 +55,53 @@ if($member['GRADE'] >= 6) {
include(MEMBER.W.FRAME);
}
?>
<div id="Entrance_00" class="legacy_layout">
<div id="server_list_container">
<div id="Entrance_0007"><span style="color:orange;font-size:2em;"><?=$system['NOTICE'];?></span></div>
<div id="Entrance_0000" class="bg0">
<?php /*XXX:div라지만 누가봐도 표면 그냥 table인게 낫지 않겠음?*/ ?>
<table id="server_list_table">
<caption class="bg2 section_title with_border">서 버 선 택</caption>
<thead>
<tr>
<th class="bg1" style="width:100px;">서 버</th>
<th class="bg1">정 보</th>
<th class="bg1" style="width:180px;">캐 릭 터</th>
<th class="bg1" style="width:120px;">선 택</th>
</tr>
</thead>
<tbody id="server_list">
</tbody>
</table>
<div style="text-align:left;" class="bg0 with_border">
<pre><span class="Entrance_Alert">★ 1명이 2개 이상의 계정을 사용하거나 타 유저의 턴을 대신 입력하는 것이 적발될 경우 차단 될 수 있습니다.</span>
계정은 한번 등록으로 계속 사용합니다. 각 서버 리셋시 캐릭터만 새로 생성하면 됩니다.
<span class="Entrance_Che">체섭</span> : 메인서버입니다. 천하통일에 도전하여 왕조일람과 명예의전당에 올라봅시다! (주로 1턴=60분)
<span class="Entrance_Kwe">퀘섭</span> : 역사의 한 순간에 뛰어들어, 실제 장수가 되어 가상의 역사를 만들어 봅시다! (주로 1턴=30분)
<span class="Entrance_Pwe">풰섭</span> : 역사의 한 순간에 뛰어들어, 실제 장수들과 어울려 사실적 역사를 체험해 봅시다! (주로 1턴=20분)
<span class="Entrance_Twe">퉤섭</span> : 주로 패치사항 미리보기 테스트 서버입니다. 600여명의 NPC들과 경쟁해 보세요! (주로 1턴=10분)
<span class="Entrance_Hwe">훼섭</span> : 1일천하 서버. 또는 운영자 테스트용 서버입니다. (주로 1턴=1분)</pre>
</div>
<div id="user_info" class="bg0 with_border">
<div class="bg2 section_title with_border">계 정 관 리</div>
<div class="center_ordered_items">
<input id="btn_user_manage" class="with_skin" type="button" value="비밀번호 & 전콘 & 탈퇴">
<input id="btn_logout" class="with_skin" type="button" value="로 그 아 웃">
</div>
</div>
</div>
<div id="Entrance_00" class="legacy_layout">
<div id="Entrance_0000" class="bg0" style="display:none;">
<div id="Entrance_000000" class="bg2">서 버 선 택</div>
<div id="Entrance_000001">
<div id="Entrance_00000000" class="bg1">서 버</div>
@@ -69,23 +111,9 @@ if($member['GRADE'] >= 6) {
</div>
<div id="Entrance_000002">
</div>
<div id="Entrance_000003">
<pre><span class="Entrance_Alert">★ 1명이 1개 넘는 계정을 접속하거나 대턴(대신 턴 입력)행위는 당연히 불법입니다.</span>
<span class="Entrance_Alert">★ 접속장소를 못적고 로그인 한 경우, 바로 다시 잘 적고 로그인 하시면 문제없습니다.</span>
계정은 한번 등록으로 계속 사용합니다. 각 서버 리셋시 캐릭터만 새로 생성하면 됩니다.
</div>
<span class="Entrance_Che">체섭</span> : 메인서버입니다. 천하통일에 도전하여 왕조일람과 명예의전당에 올라봅시다! (주로 1턴=60분)
<span class="Entrance_Kwe">퀘섭</span> : 역사의 한 순간에 뛰어들어, 실제 장수가 되어 가상의 역사를 만들어 봅시다! (주로 1턴=30분)
<span class="Entrance_Pwe">풰섭</span> : 역사의 한 순간에 뛰어들어, 실제 장수들과 어울려 사실적 역사를 체험해 봅시다! (주로 1턴=20분)
<span class="Entrance_Twe">퉤섭</span> : 주로 패치사항 미리보기 테스트 서버입니다. 600여명의 NPC들과 경쟁해 보세요! (주로 1턴=10분)
<span class="Entrance_Hwe">훼섭</span> : 1일천하 서버. 또는 운영자 테스트용 서버입니다. (주로 1턴=1분)</pre>
</div>
</div>
<div id="Entrance_0001" class="bg0">
<div id="Entrance_000100" class="bg2">계 정 관 리</div>
<input id="Entrance_000101" type="button" value="비밀번호 & 전콘 & 탈퇴">
<input id="Entrance_000102" type="button" value="로 그 아 웃">
</div>
<?php
if($member['GRADE'] >= 6) {
-2
View File
@@ -4,8 +4,6 @@ require_once(ROOT.'/f_config/DB.php');
require_once(ROOT.'/f_config/SESSION.php');
// 외부 파라미터
$response['serverCount'] = count($serverList);
$response['servers'] = '';
$response['server'] = [];
foreach($serverList as $serverInfo){