Skip to content

Instantly share code, notes, and snippets.

@backy22

backy22/Pre0611

Created June 11, 2015 13:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save backy22/4d8c9c539eabe770a750 to your computer and use it in GitHub Desktop.
Save backy22/4d8c9c539eabe770a750 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Pre0611
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>AirBnBPro</title>
<link href="airbnbpro.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
// <script>
// $(function(){
// $("#selectable").selectable();
// });
// </script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script type="text/javascript">
$(function() {
// 表示するフォームは 'dialog-form' という ID で定義します。
$("#dialog-form").dialog({
autoOpen: false,
modal: true,
height:400,
width:500,
buttons: { // ダイアログに表示するボタンと処理
"保存": function() {
displayMessage("「保存」ボタンが押されました。終了するには「閉じる」ボタンを押してください。");
},
"閉じる": function() {
displayMessage("「閉じる」ボタンが押されました。");
$(this).dialog("close");
}
},
// ダイアログのイベント処理
open: function(event, ui) {
displayMessage("ダイアログを開きました。");
},
close: function() {
displayMessage("ダイアログを閉じました。");
}
});
// 「開く」ボタンがクリックされたらダイアログを表示
$("#open").click(function() {
$("#dialog-form").dialog("open");
return false;
});
});
function displayError(str) {
var msg = $(".messageBar");
msg
.text(str)
.addClass("ui-state-error");
setTimeout(function() {
msg.removeClass("ui-state-error", 1500);
}, 500);
}
function displayMessage(str) {
var msg = $(".messageBar");
msg
.text(str)
.addClass("ui-state-highlight");
setTimeout(function() {
msg.removeClass("ui-state-highlight", 1500);
}, 500);
}
</script>
</head>
<body>
<header>
<h1>AirBnB侍</h1>
</header>
<div id="calender">
<div id="nezu">
<table border="1" class="tableclass">
<tr>
<th colspan="5">根津</th>
</tr>
<tr>
<th rowspan="2" class="line1 open"><button id="open">6/1</button></th>
<td id="selectable" class="line2"></td>
<td class="bggray line3">☑</td>
<td class="bggray line4"><img src="images/trash-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray line5" id="box">メンバー</td>
</tr>
<tr>
<td></td>
<td class="bggray">☑</td>
<td class="bggray"><img src="images/mail-forward-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray">メンバー</td>
</tr>
<tr>
<th rowspan="2">6/2</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/3</th>
<td>~6/8</td>
<td class="bgred">☐</td>
<td class="bgred"><img src="images/thumb-up-icon.png" class="icons" alt="check"></td>
<td class="bgred">メンバー</td>
</tr>
<td>Jon</td>
<td></td>
<td></td>
<td></td>
<tr>
<th rowspan="2">6/4</th>
<td>2名</td>
<td class="bgyellow">☐</td>
<td class="bgyellow"><img src="images/home-icon.png" class="icons" alt="home"></td>
<td class="bgyellow">メンバー</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/5</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/6</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/7</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/8</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<div id="shibuya">
<table border="1" class="tableclass">
<tr>
<th colspan="5">渋谷</th>
</tr>
<tr>
<th rowspan="2">6/1</th>
<td></td>
<td class="bggray">☑</td>
<td class="bggray"><img src="images/trash-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray">メンバー</td>
</tr>
<tr>
<td></td>
<td class="bggray">☑</td>
<td class="bggray"><img src="images/mail-forward-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray">メンバー</td>
</tr>
<tr>
<th rowspan="2">6/2</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/3</th>
<td>~6/8</td>
<td class="bgred">☐</td>
<td class="bgred"><img src="images/thumb-up-icon.png" class="icons" alt="check"></td>
<td class="bgred">メンバー</td>
</tr>
<td>Jon</td>
<td></td>
<td></td>
<td></td>
<tr>
<th rowspan="2">6/4</th>
<td>2名</td>
<td class="bgyellow">☐</td>
<td class="bgyellow"><img src="images/home-icon.png" class="icons" alt="home"></td>
<td class="bgyellow">メンバー</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/5</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/6</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/7</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/8</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<div id="kagurazaka">
<table border="1" class="tableclass">
<tr>
<th colspan="5">神楽坂</th>
</tr>
<tr>
<th rowspan="2">6/1</th>
<td></td>
<td class="bggray">☑</td>
<td class="bggray"><img src="images/trash-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray">メンバー</td>
</tr>
<tr>
<td></td>
<td class="bggray">☑</td>
<td class="bggray"><img src="images/mail-forward-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray">メンバー</td>
</tr>
<tr>
<th rowspan="2">6/2</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/3</th>
<td>~6/8</td>
<td class="bgred">☐</td>
<td class="bgred"><img src="images/thumb-up-icon.png" class="icons" alt="check"></td>
<td class="bgred">メンバー</td>
</tr>
<td>Jon</td>
<td></td>
<td></td>
<td></td>
<tr>
<th rowspan="2">6/4</th>
<td>2名</td>
<td class="bgyellow">☐</td>
<td class="bgyellow"><img src="images/home-icon.png" class="icons" alt="home"></td>
<td class="bgyellow">メンバー</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/5</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/6</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/7</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/8</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<div id="gaienmae">
<table border="1" class="tableclass">
<tr>
<th colspan="5">外苑前</th>
</tr>
<tr>
<th rowspan="2">6/1</th>
<td></td>
<td class="bggray">☑</td>
<td class="bggray"><img src="images/trash-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray">メンバー</td>
</tr>
<tr>
<td></td>
<td class="bggray">☑</td>
<td class="bggray"><img src="images/mail-forward-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray">メンバー</td>
</tr>
<tr>
<th rowspan="2">6/2</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/3</th>
<td>~6/8</td>
<td class="bgred">☐</td>
<td class="bgred"><img src="images/thumb-up-icon.png" class="icons" alt="check"></td>
<td class="bgred">メンバー</td>
</tr>
<td>Jon</td>
<td></td>
<td></td>
<td></td>
<tr>
<th rowspan="2">6/4</th>
<td>2名</td>
<td class="bgyellow">☐</td>
<td class="bgyellow"><img src="images/home-icon.png" class="icons" alt="home"></td>
<td class="bgyellow">メンバー</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/5</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/6</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/7</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/8</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<div id="ebisu">
<table border="1" class="tableclass">
<tr>
<th colspan="5">恵比寿</th>
</tr>
<tr>
<th rowspan="2">6/1</th>
<td></td>
<td class="bggray">☑</td>
<td class="bggray"><img src="images/trash-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray">メンバー</td>
</tr>
<tr>
<td></td>
<td class="bggray">☑</td>
<td class="bggray"><img src="images/mail-forward-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray">メンバー</td>
</tr>
<tr>
<th rowspan="2">6/2</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/3</th>
<td>~6/8</td>
<td class="bgred">☐</td>
<td class="bgred"><img src="images/thumb-up-icon.png" class="icons" alt="check"></td>
<td class="bgred">メンバー</td>
</tr>
<td>Jon</td>
<td></td>
<td></td>
<td></td>
<tr>
<th rowspan="2">6/4</th>
<td>2名</td>
<td class="bgyellow">☐</td>
<td class="bgyellow"><img src="images/home-icon.png" class="icons" alt="home"></td>
<td class="bgyellow">メンバー</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/5</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/6</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/7</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/8</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<div id="newroom">
<table border="1" class="tableclass">
<tr>
<th colspan="5">新規物件</th>
</tr>
<tr>
<th rowspan="2" class="line1">6/1</th>
<td class="line2"></td>
<td class="line3"></td>
<td class="line4"></td>
<td class="line5"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/2</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/3</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td></td>
<td></td>
<td></td>
<td></td>
<tr>
<th rowspan="2">6/4</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/5</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/6</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/7</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th rowspan="2">6/8</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<div id="dialog-form" title="登録">
<form>
<table id="form" class="sample">
<tr>
<td class="header">ゲスト名</td>
<td><input id="guestname" type="text" name="guestname" value="" size="6" maxlength="6"></td>
</tr>
<tr>
<td class="header">人数</td>
<td><input id="people" type="text" name="people" value="" size="6" maxlength="6"></td>
</tr>
<tr>
<td class="header">宿泊日</td>
<td><input class="nittei" type="date" id="stay1" name="stay1" value="" size="3"></td>
<td>〜</td>
<td><input class="nittei" type="date" id="stay2" name="stay2" value="" size="3"></td>
</tr>
<tr>
<td class="header">物件名</td>
<td><input id="userhouse" type="text" name="userhouse" value="" size="10" maxlength="6"></td>
</tr>
<tr>
<td class="header">備考</td>
<td><input id="memo" type="text" name="memo" value="" size="25" maxlength="8"></td>
</tr>
</table>
<table>
<tr>
<td class="task">☐<img src="images/mail-forward-icon.png" class="icons" alt="cleaning"></td>
<td><input class="nittei" type="date" value=""></td>
<td>に</td>
<td><input type="text" name="membername" value="" size="10" maxlength="6"></td>
<td>は</td>
<td>ゲスト名にリマインドメールの送信</td>
<td>削除・編集</td>
</tr>
<tr>
<td class="task">☐<img src="images/thumb-up-icon.png" class="icons" alt="cleaning"></td>
<td><input class="nittei" type="date" value=""></td>
<td>に</td>
<td><input type="text" name="check" value="" size="10" maxlength="6"></td>
<td>は入室確認</td>
<td>削除・編集</td>
</tr>
<tr>
<td class="task">☐<img src="images/home-icon.png" class="icons" alt="cleaning"></td>
<td><input class="nittei" type="date" value=""></td>
<td>に</td>
<td><input type="text" name="membername" value="" size="10" maxlength="6"></td>
<td>は</td>
<td>ゲスト名を訪問</td>
<td>削除・編集</td>
</tr>
<tr>
<td class="task">☐<img src="images/trash-icon.png" class="icons" alt="cleaning"></td>
<td><input class="nittei" type="date" value=""></td>
<td>に</td>
<td><input type="text" name="membername" value="" size="10" maxlength="6"></td>
<td>は清掃完了</td>
<td>削除・編集</td>
</tr>
<tr>
<td class="task">☐<img src="images/plus-icon.png" class="icons" alt="cleaning"></td>
<td><input class="nittei" type="date" value=""></td>
<td>に</td>
<td><input type="text" name="membername" value="" size="10" maxlength="6"></td>
<td>削除・編集</td>
</tr>
</table>
</form>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment