編集 感想・トーク 履歴

「Widget:人気ページ」の版間の差分

← 古い編集
編集の要約なし
Add table-layout:fixed for mobile fix
 
(3人の利用者による、間の20版が非表示)
5行目: 5行目:
     <style>
     <style>
         #chart_div table {
         #chart_div table {
            table-layout: fixed;
             width: 100%;
             width: 100%;
             border-collapse: collapse;
             border-collapse: collapse;
25行目: 26行目:


         #chart_div td.pageview {
         #chart_div td.pageview {
             text-align: right;
             text-align: center;
             font-size: 0.8rem;
             font-size: 0.8rem;
         }
         }
55行目: 56行目:


         .page {
         .page {
            max-width: 0;
             overflow: hidden;
             overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: ellipsis;
75行目: 75行目:
                 (orderBy === "time" ? "longest time spent" : "most viewed");
                 (orderBy === "time" ? "longest time spent" : "most viewed");
             var url =
             var url =
                 "https://docs.google.com/spreadsheets/d/1niIGejZ1Czrkj07hGDPleVvk9AEBaDtjr55n63GluLw/gviz/tq?sheet=" +
                 "https://docs.google.com/spreadsheets/d/1QrIPnTnAaJSoKRy-IcWCoDylC3K8pdbfINNVFs7XEnA/gviz/tq?sheet=" +
                 sheetName +
                 sheetName +
                 "&headers=15";
                 "&headers=15";
90行目: 90行目:
                 var data = response.getDataTable();
                 var data = response.getDataTable();
                 var rows = data.getNumberOfRows();
                 var rows = data.getNumberOfRows();
                 var html = [`
                 var html = [
<ul class="tab">
    <li><a id="hourly" class="${period === "hourly" ? "selected" : ""}" href="javascript: void(0);">リアルタイム</a></li>
    <li><a id="daily" class="${period === "daily" ? "selected" : ""}" href="javascript: void(0);">一日</a></li>
</ul>`,
`<table>
`<table>
     <thead bgcolor = #1ac779>
     <thead bgcolor = #507f50>
         <tr>
         <tr>
             <th id="header-pageview" class="pageview selectable ${orderBy === "pageview" ? "selected" : ""}">PV</th>
             <th id="header-pageview" class="pageview selectable ${orderBy === "pageview" ? "selected" : ""}">PV</th>
106行目: 102行目:
                 for (var i = 0; i < rows; i++) {
                 for (var i = 0; i < rows; i++) {
                     try {
                     try {
                         var title = data.getValue(i, 0).replace(" - 宇宙wiki", "");
                         var title = data.getValue(i, 1).replace(" - 宇宙wiki", "");
                         var pageview = data.getValue(i, 2);
                         var pageview = data.getValue(i, 3);
                         var url = "/w/" + encodeTitle(title);
                         var url = "/w/" + encodeTitle(title);
                         var anchor = `<a href="${url}" target="_parent" title="${title}">${title}</a>`;
                         var anchor = `<a href="${url}" target="_parent" title="${title}">${title}</a>`;
114行目: 110行目:
<tr>
<tr>
     <td class="pageview">${pageview}</td>
     <td class="pageview">${pageview}</td>
     <td class="page" style="max-width: 0;">${anchor}</td>
     <td class="page" >${anchor}</td>
</tr>
</tr>
`);
`);

2026年5月28日 (木) 15:08時点における最新版