長野県須坂市

須高地域AED設置場所一覧

fullscreen

長野県須坂市

須高地域のAED設置場所を一覧で確認できます。須坂市・小布施町・高山村を絞って表示したり、設置場所の名称での検索が可能です。

評価指数

アプリケーション

Play
JavaScript
CSS
HTML
概要
保存した実行結果

// Get a parameter value in URL (e.g. ?paramString=value )
function getParameterFromURL(paramString)
{
    var value = "";
    var topWindow = top.window.location.search;
    if (topWindow) {
        var q = decodeURIComponent(topWindow.substring(1, topWindow.length)).split("&");
        for (var i = 0; i < q.length; i++) {
            var r = q[i].split("=");
            if (r[0] == paramString)
                value = r[1];
        }
    }
    return value;
}

// Highlight keyword in the string
function highlight(string, keyword)
{
    if (keyword.length > 0) {
        var ss = string.split(keyword);
        var len = ss.length;
        if (len > 1) {
            string = ss[0];
            for (i = 1; i < len; i++)
                string += "<span class=\"highlight\">" + keyword + "</span>" + ss[i];
        }
    }
    return string;
}

// get the last name of the string separated with # and /
function getLastName(string)
{
    string = decodeURIComponent(string);
    var sharp = string.split("#");
    var slash = sharp[sharp.length - 1].split("/");
    var lastName = slash[slash.length - 1];
    return lastName;
}

span.highlight {color: red;}
span.propertyName {color: gray;}
span.subject { color: blue; }
span.object{ color: black; }
body {
    background: white;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    padding: 1em 2em 4em;
}
a, a span { text-decoration: underline; }
a:hover, a span:hover { text-decoration: none; }

.type {}
.place {}
.address {}
.tel { width: 150px; }
.map { width: 50px; }
.remarks {}

/* --------------------------------------------------
   coder Table
-------------------------------------------------- */
.coder {
    width: 1200px;
    table-layout: fixed;
    border-spacing: 0;
	
    border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #CCC;	
}
.coder th,
.coder td {
    padding:10px;
    background:#FFF;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	word-break: break-all;
}
.coder td a {
    text-decoration: none;
}
.coder th {
    background:#e3dcd5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color: black;
}

/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
.coder tr:first-child th:first-child,
.coder tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
.coder tr:first-child th:last-child,
.coder tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
.coder tr:last-child th:first-child,
.coder tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
.coder tr:last-child th:last-child,
.coder tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
/* --------------------------------------------
  thaed,tbodyを使う場合の設定
-------------------------------------------- */
.coder thead th {background:#e3dcd5;}
.coder thead+tbody th {background:#f4ede6;}
.coder tbody th {text-align:left;}/*IE*/
/* -----------------------
  左上角丸 thead内　最初の行の最初のセル
----------------------- */
.coder thead tr:first-child th:first-child,
.coder thead tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸 thead内　最初の行の最後のセル
----------------------- */
.coder thead tr:first-child th:last-child,
.coder thead tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  角丸なし　thaedの後のtbody 最初の行の最初のセル
  角丸なし　thaedの後のtbody 最初の行の最後のセル
----------------------- */
.coder thead+tbody tr:first-child th:first-child,
.coder thead+tbody tr:first-child td:first-child,
.coder thead+tbody tr:first-child th:last-child,
.coder thead+tbody tr:first-child td:last-child {
    -webkit-border-radius:0px;
       -moz-border-radius:0px;
         -o-border-radius:0px;
            border-radius:0px;
}
/* -----------------------
  左下角丸　thaedの後のtbody 最後の行の最初のセル
----------------------- */
.coder thead+tbody tr:last-child th:first-child,
.coder thead+tbody tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　thaedの後のtbody 最後の行の最後のセル
----------------------- */
.coder thead+tbody tr:last-child th:last-child,
.coder thead+tbody tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}

このアプリをForkして新しいアプリを作るダウンロード

このアプリ作品をwebから探す

作者メッセージ送信	長野県須坂市
Fork元のアプリ	長野県須坂市 's 須坂市役所貸出し物品・備品一覧
実行回数	175
ウェブサイト	https://www.city.suzaka.nagano.jp/contents/item.php?id=591ba5849ab5a
ライセンス
Fork count	0
作成日	2018年6月19日
最終更新日	2018年6月20日