機関トップ
資料グループ
テキスト一覧
年表一覧
豊島区／としまひすとりぃ
豊島区
平成ぐらふぃっくす（映像）(資料グループ)
ラッパー君の大冒険 ～正しい自転車利用のすすめ～(目録)
ラッパー君の大冒険 ～正しい自転車利用のすすめ～
</div> <div id="side_object" class="side_object_osd" style="display: none;"> <div class="search-facet" style="margin: 0; background-color: initial; line-height: normal; height: 100%;"> <div class="facet-title" style="display: inline-flex; padding: 0.5rem; line-height: 35px; align-items: center;"> <a id="toCatalogHL" href="/toshima-history/catalog/mp01800980">目録内容</a> <i class="fas fa-times tab-close" style="float: right;cursor: pointer;margin-right: 20px; position: absolute; left: auto; right: 0;" aria-label="閉じる"></i> <div class="ad-icon-button facet-toggle" style="height: 100%; margin-left: 15px;"> <span class="ad-icon mdi mdi-menu-up" aria-hidden="true" style="font-size: inherit; line-height: inherit;"></span> </div> </div> <div class="search-facet-facets" style="display: none; max-height: calc(100% - 50px); height: 100%;"> <div id="catalog_div" style="overflow-y: scroll;"> <section class="w-100"> <input type="hidden" name="general_field_21_hf" id="general_field_21_hf" /> <input type="hidden" name="general_field_22_hf" id="general_field_22_hf" /> <input type="hidden" name="general_field_23_hf" id="general_field_23_hf" /> <input type="hidden" name="general_field_24_hf" id="general_field_24_hf" /> <input type="hidden" name="general_field_25_hf" id="general_field_25_hf" /> <input type="hidden" name="dataNum" id="dataNum" /> </section> </div> <div id="print_div" class="search-facet-facet" style="padding: 0.5rem 0.75rem; border-top: #d9d9d9 1px solid; height: 50px;"> <a href="" onclick="printPage_open();return false;">印刷用画像</a> </div> <div id="dl_div" class="search-facet-facet" style="padding: 0.5rem 0.75rem; border-bottom: #d9d9d9 1px solid; height: 50px;"> <a href="" class="canvas_dl">ダウンロード</a> </div> </div> </div> <div class="side_view_btn"> <span class="ad-icon" aria-hidden="true"></span> </div> </div> </section> </section> </main> <footer style="width: 100%;"> <!-- フッターのユーザーコントロール --> <div class="copyright"></div> </footer> <input type="hidden" name="csrf_token" id="csrf_token" value="c8a9cde41b1c0e7a11bd5cf55952d34397dfee6fc7fff27c5759196fbe8386ef" /></form> <script type="text/javascript"> //モバイル用の可変ViewHeight値 let now_vh = 0; //現在のViewHeightをセット const setFillHeight = () => { now_vh = window.innerHeight; } // 画面のサイズ変動があった時に高さを再計算する window.addEventListener('resize', setFillHeight); // 初期化 setFillHeight(); $(function () { $(".canvas_dl").on("click", function () { //iframe内のOSDビューア本体 const viewer = $("#iframe_resp_div > iframe")[0].contentWindow.viewer; //現在表示中のビューアの画像パスを取得 var base_path = viewer.tileSources[viewer.currentPage()].url; var dl_path = ""; var src = $("#iframe_resp_div > iframe").attr("src"); //置き換え用パスがあるか if (typeof src !== "undefined") { //srcから置き換えパスを取り出す dl_path = base_path.replace("./", src.substr(0, src.lastIndexOf('/')) + "/"); } else { //置き換えしない dl_path = base_path; } //ダウンロード用のaタグを作成しダウンロード var a = document.createElement('a'); a.href = dl_path; a.download = ''; a.click(); return false; }); /*$(".facet-title").on("click", function () { if ($("form").hasClass("resp_now")) { var target = $(".search-facet-facets"); if ($(target).css("display") == "none") { $(target).slideDown("fast"); $(this).children("div").addClass("roted_90"); } else { $(target).slideUp("fast"); $(this).children("div").removeClass("roted_90"); } } });*/ $(".side_view_btn").on("click", function () { if ($("#side_object").hasClass("side_view")) { $("#side_object").removeClass("side_view"); $(".side_view_btn span.ad-icon").removeClass("roted_180"); } else { $("#side_object").addClass("side_view"); $(".side_view_btn span.ad-icon").addClass("roted_180"); var target = $(".search-facet-facets"); if ($(target).css("display") == "none") { $(target).slideDown("fast"); $(this).children("div").addClass("roted_90"); } } }); $(".tab-close").on("click", function () { if ($("#side_object").hasClass("side_view")) { $("#side_object").removeClass("side_view"); $(".side_view_btn span.ad-icon").removeClass("roted_180"); } else { $("#side_object").addClass("side_view"); $(".side_view_btn span.ad-icon").addClass("roted_180"); var target = $(".search-facet-facets"); if ($(target).css("display") == "none") { $(target).slideDown("fast"); $(this).children("div").addClass("roted_90"); } } }); //目録内容不要行の非表示 catalog_chk(); //単ファイル時のimgタグ用処理 type3_chk(); //iFrameフル表示確認 iFrame_Full_Chk(); //iFrameサイズ調整 itv_chk(); var flagment = location.hash; if (flagment.length > 0) { var frame = $("#iframe_resp_div > iframe"); frame[0].src += flagment; } }); function printPage_open() { //iframe内のOSDキャンパスを取得 const target = $("#iframe_resp_div > iframe")[0].contentWindow.document.querySelector('canvas'); //キャンバスから表示範囲内の画像を生成 var src_data = target.toDataURL('image/jpeg', 1.0); //生成画像を表示するPrintPageを表示 var nwin = window.open("", "PrintPage"); nwin.document.open(); var html = ""; html += '<!DOCTYPE html>'; html += '<html><head>'; html += '<meta charset="UTF-8">'; html += '<title>PrintPage</title>'; html += '<style type="text/css">'; html += 'img {border: 1px solid; max-width: 100%;}'; html += 'body {margin: 0;}'; html += 'p.close {display: inline-flex;position: relative;align-items: center;justify-content: center;transition: .2s;'; html += 'border: 0;border-radius: 4px;color: #fff;font-size: 16px;font-weight: normal;line-height: 1;'; html += 'text-align: center;cursor: pointer;width: 125px;height: 50px;background: #989898;margin: 0;}'; html += '</style></head>'; html += '<body>'; html += '<p><img src="' + src_data + '" alt="" /></p>'; html += '</body>'; html += '</html>'; nwin.document.write(html); nwin.document.close(); nwin.focus(); } function iFrame_Full_Chk() { if ($("#form1").hasClass("full")) { $("#form1 > main > section.breadcrumb").addClass("dis_none"); $("header").addClass("dis_none"); $("footer").addClass("dis_none"); } } function iFrameHeght_Chk() { if ($("#form1").hasClass("full")) { //サイドメニュー有のレスポンシブ時以外は高さを最大に if ($("#iframe_resp_div").hasClass("on_side_obj")) { if ($("form").hasClass("resp_now")) { //サイドメニュー分のみ考慮 $("#iframe_resp_div").css('height', "calc(" + now_vh + "px - " + $("#side_object").outerHeight() + "px)"); } else { //高さを最大にする $("#iframe_resp_div").css('height', "calc(" + now_vh + "px - 0px)"); } } else { //高さを最大にする $("#iframe_resp_div").css('height', "calc(" + now_vh + "px - 0px)"); } } else { var bc_height = $("#form1 > main > section.breadcrumb").outerHeight(); //var hd_height = $("header").outerHeight(); var hd_height = $("header")[0].clientHeight; var ft_height = $("footer").outerHeight(); var total_height = bc_height + hd_height + ft_height; if ($("#iframe_resp_div").hasClass("on_side_obj")) { if ($("form").hasClass("resp_now")) { total_height += $("#side_object").outerHeight(); } else { $("#side_object").css('height', "calc(" + now_vh + "px - " + total_height + "px)"); } } $("#iframe_resp_div").css('height', "calc(" + now_vh + "px - " + total_height + "px)"); } } function VW_Chk() { win_W = window.innerWidth; if (win_W <= 768) { if ($("form").hasClass("resp_now") == false) { if ($(".search-facet-facets").css("display") != "none") { //$(".search-facet-facets").slideUp("fast"); $(".search-facet-facets").toggle(); $(".facet-title").children("div").removeClass("roted_90"); } } $("form").addClass("resp_now"); } else { $("form").removeClass("resp_now"); if ($(".search-facet-facets").css("display") == "none") { //$(".search-facet-facets").slideDown("fast"); $(".search-facet-facets").toggle(); $(".facet-title").children("div").addClass("roted_90"); } } } function itv_chk() { setInterval(function () { VW_Chk(); iFrameHeght_Chk(); }, 200); } function catalog_chk() { if ($("#catalog_div").hasClass("dis_none") == false) { var tr = $("#catalog_div table tr");//全行を取得 for (var i = 0, l = tr.length; i < l; i++) { var cells = tr.eq(i).children();//1行目から２列目を取得 //console.log(cells.eq(1).text()); if (cells.eq(1).text().trim() == '') { tr.eq(i).addClass("dis_none"); } } } } function type3_chk() { if ($("#iframe_resp_div").hasClass("file_type3") == true) { let fr = $("#iframe_resp_div.file_type3 > iframe")[0]; $(fr).on("load", function () { let st = ''; st += '<style>'; st += 'body{margin: 0px;height: 100%;background: #0e0e0e;display: flex;}'; st += 'body img{margin: auto;max-width: 100%;max-height: 100%;}'; st += '</style>'; this.contentDocument.head.innerHTML += st; }); } } </script> </body> </html>