OSDN Git Service

[add] : タイトルをJSで設定
authorhayao <hayao@fascode.net>
Fri, 16 Jul 2021 12:46:00 +0000 (21:46 +0900)
committerhayao <hayao@fascode.net>
Fri, 16 Jul 2021 12:46:00 +0000 (21:46 +0900)
alter/Config.js [new file with mode: 0644]
alter/Define.js
alter/Header.js
alter/Title.js [new file with mode: 0644]
alter/index.html

diff --git a/alter/Config.js b/alter/Config.js
new file mode 100644 (file)
index 0000000..110572d
--- /dev/null
@@ -0,0 +1,5 @@
+// 上部にヘッダーを固定する
+const FixedHeader = false;
+
+// ウェブサイトのタイトル
+const TitleStr = "Alter Linux Alpha Release"
index 7f1b62d..af31c88 100644 (file)
@@ -14,4 +14,10 @@ const EditionForm = document.getElementById("editionform");
 const DownloadButton = document.getElementById("downloadbutton");
 
 // <main>
-const Main = document.getElementById("main");
\ No newline at end of file
+const Main = document.getElementById("main");
+
+// head内のタイトル
+const MetaTitle = document.getElementById("meta_title");
+
+// ヘッダー内のタイトル
+const HeaderTitle = document.getElementById("header_title");
index 0a164b7..6a83082 100644 (file)
@@ -1,5 +1,4 @@
 //ヘッダー固定
-const FixedHeader = false;
 if (FixedHeader){
     Array.from(document.getElementsByTagName("header")).forEach((element) =>{
         element.classList.add("fixed")
diff --git a/alter/Title.js b/alter/Title.js
new file mode 100644 (file)
index 0000000..f1897eb
--- /dev/null
@@ -0,0 +1,8 @@
+window.addEventListener("load", () => {
+    // head内のタイトルを設定
+    MetaTitle.innerText = TitleStr;
+
+    // ヘッダー内のタイトル設定
+    HeaderTitle.innerText = TitleStr;
+})
+
index 39589de..594becd 100644 (file)
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no">
     <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
-    <title>Alter Linux Beta</title>
+    <title id="meta_title"></title>
 </head>
 <body class="bg-green-700 text-white leading-5 flex flex-col min-h-screen">
     <header>
@@ -19,7 +19,7 @@
                         </svg>                       
                     </button>
                 </div>
-                <h1 class="md:text-xl text-sm p-1">Alter Linux Alpha Release</h1>
+                <h1 class="md:text-xl text-sm p-1" id="header_title"></h1>
             </div>
 
             <div>
         <!-- <p>(c) Fascode Network 2021 Yamada Hayao </p> -->
     </footer>
 
+    <script type="text/javascript" src="./Config.js"></script>
     <script type="text/javascript" src="./Define.js"></script>
+    <script type="text/javascript" src="./Title.js"></script>
     <script type="text/javascript" src="./Menu.js"></script>
     <script type="text/javascript" src="./Header.js"></script>
     <script type="text/javascript" src="./Download.js"></script>