[kitagata_support:08691] HP更新依頼 町の人口

index.html

@@ -2687,6 +2687,30 @@
                         <a class="i_link" href="third/introduction_of_northern_town/Population_of_the_town.html">町の人口</a>
                       </span>
                       <!--現在の人口開始=============================================================================================================================================================-->
+                      <table width="180" border="1px" bordercolor="#CCCCCC" cellpadding="0" cellspacing="0" id="infokitagata"
+                        style="font-size:10px; border-collapse:collapse; margin-top:0; padding-top:0">
+                        <caption style="text-align:right; line-height:5px; padding-bottom:4px;">
+                          平成31年2月1日現在
+                        </caption>
+                        <tr align="center">
+                          <th width="45%" bgcolor="#ADD8E6">人口（人）</th>
+                          <td width="55%" style="text-align:right" bgcolor="#FFFFFF">18,465[+22]</td>
+                        </tr>
+                        <tr>
+                          <th bgcolor="#ADD8E6">世帯数（戸）</th>
+                          <td style="text-align:right" bgcolor="#FFFFFF">7,490[+18]</td>
+                        </tr>
+                        <tr>
+                          <th bgcolor="#ADD8E6">男（人）</th>
+                          <td style="text-align:right" bgcolor="#FFFFFF">8,857</td>
+                        </tr>
+                        <tr>
+                          <th bgcolor="#ADD8E6">女（人）</th>
+                          <td style="text-align:right" bgcolor="#FFFFFF">9,608</td>
+                        </tr>
+                      </table>
+                      <!--前月の人口=============================================================================================================================================================-->
+                      <!--
                       <table width="180" border="1px" bordercolor="#CCCCCC" cellpadding="0" cellspacing="0" id="infokitagata"
                         style="font-size:10px; border-collapse:collapse; margin-top:0; padding-top:0">
                         <caption style="text-align:right; line-height:5px; padding-bottom:4px;">
@@ -2709,29 +2733,6 @@
                           <td style="text-align:right" bgcolor="#FFFFFF">9,578</td>
                         </tr>
                       </table>
-                      <!--前月の人口=============================================================================================================================================================-->
-                      <!--
-                <table width="180" border="1px" bordercolor="#CCCCCC" cellpadding="0" cellspacing="0" id="infokitagata" style="font-size:10px; border-collapse:collapse; margin-top:0; padding-top:0">
-                  <caption style="text-align:right; line-height:5px; padding-bottom:4px;">
-                                                    平成30年6月1日現在
-                      </caption>
-                      <tr align="center">
-                        <th width="45%" bgcolor="#ADD8E6">人口（人）</th>
-                        <td width="55%" style="text-align:right" bgcolor="#FFFFFF">18,458[±0]</td>
-                      </tr>
-                      <tr>
-                        <th bgcolor="#ADD8E6">世帯数（戸）</th>
-                        <td style="text-align:right" bgcolor="#FFFFFF">7,454[+13]</td>
-                      </tr>
-                      <tr>
-                        <th bgcolor="#ADD8E6">男（人）</th>
-                        <td style="text-align:right" bgcolor="#FFFFFF">8,862</td>
-                      </tr>
-                      <tr>
-                        <th bgcolor="#ADD8E6">女（人）</th>
-                        <td style="text-align:right" bgcolor="#FFFFFF">9,596</td>
-                      </tr>
-                </table>
             -->
 
                       <!--セクション facebook-->

js/piechart.js

@@ -1,76 +1,76 @@
 //円グラフのデータ
-var PopMan = 8862;
-var PopWoman = 9596;
-var data = [
-	{
- 		value : PopMan,
-		color : "#01a9de"
-	},
-	{
-		value : PopWoman,
-		color : "#eb5f60"
-	}
+var PopMan = 8857;
+var PopWoman = 9608;
+var data = [{
+    value: PopMan,
+    color: "#01a9de"
+  },
+  {
+    value: PopWoman,
+    color: "#eb5f60"
+  }
 ];
 var options = {
-	//Boolean - Whether we should animate the chart	
-	animation : true,
-	
-	//Number - Amount of animation steps
-	animationSteps : 100,
-	
-	//String - Animation easing effect
-	//animationEasing : "easeOutBounce",
-	
-	//Boolean - Whether we animate the rotation of the Pie
-	//animateRotate : true,
-	
-	//Boolean - Whether we animate scaling the Pie from the centre
-	animateScale : false,
-	
-	//Function - Will fire on animation completion.
-	onAnimationComplete : function(){
-		var Man = new Image();
-		var Woman = new Image();
-		Man.src = "css/img/Man.png?" + new Date().getTime();
-		Woman.src = "css/img/Woman.png?" + new Date().getTime();
-		Man.onload = function() {
-			ctx.drawImage(Man, 151, 70, 20, 50);
-		}
-		Woman.onload = function() {
-			ctx.drawImage(Woman, 9, 70, 20, 50);
-		}
-		var Pop = parseInt(PopMan) + parseInt(PopWoman);
-		var PerPopMan = Math.round(parseInt(PopMan) / parseInt(Pop) * 100);
-		var PerPopWoman = Math.round(parseInt(PopWoman) / parseInt(Pop) * 100);
-		
-		var PopMan_text = document.getElementById("PopMan_text");
-		var PopWoman_text = document.getElementById("PopWoman_text");
-		var PerPopMan_text = document.getElementById("PerPopMan_text");
-		var PerPopWoman_text = document.getElementById("PerPopWoman_text");
-		
-		PerPopMan_text.innerHTML = PerPopMan + "%";
-		PerPopWoman_text.innerHTML = PerPopWoman + "%";
-		
-		PopMan_text.style.display = "block";
-		PopWoman_text.style.display = "block";
-		PerPopMan_text.style.display = "block";
-		PerPopWoman_text.style.display = "block";
-		
-	}
+  //Boolean - Whether we should animate the chart	
+  animation: true,
+
+  //Number - Amount of animation steps
+  animationSteps: 100,
+
+  //String - Animation easing effect
+  //animationEasing : "easeOutBounce",
+
+  //Boolean - Whether we animate the rotation of the Pie
+  //animateRotate : true,
+
+  //Boolean - Whether we animate scaling the Pie from the centre
+  animateScale: false,
+
+  //Function - Will fire on animation completion.
+  onAnimationComplete: function () {
+    var Man = new Image();
+    var Woman = new Image();
+    Man.src = "css/img/Man.png?" + new Date().getTime();
+    Woman.src = "css/img/Woman.png?" + new Date().getTime();
+    Man.onload = function () {
+      ctx.drawImage(Man, 151, 70, 20, 50);
+    }
+    Woman.onload = function () {
+      ctx.drawImage(Woman, 9, 70, 20, 50);
+    }
+    var Pop = parseInt(PopMan) + parseInt(PopWoman);
+    var PerPopMan = Math.round(parseInt(PopMan) / parseInt(Pop) * 100);
+    var PerPopWoman = Math.round(parseInt(PopWoman) / parseInt(Pop) * 100);
+
+    var PopMan_text = document.getElementById("PopMan_text");
+    var PopWoman_text = document.getElementById("PopWoman_text");
+    var PerPopMan_text = document.getElementById("PerPopMan_text");
+    var PerPopWoman_text = document.getElementById("PerPopWoman_text");
+
+    PerPopMan_text.innerHTML = PerPopMan + "%";
+    PerPopWoman_text.innerHTML = PerPopWoman + "%";
+
+    PopMan_text.style.display = "block";
+    PopWoman_text.style.display = "block";
+    PerPopMan_text.style.display = "block";
+    PerPopWoman_text.style.display = "block";
+
+  }
 
 };
 var ctx = null;
 var NewChart = null;
-function piechart1(){
-	ctx = $("#Maletofemaleratio").get(0).getContext("2d"),//Canvasのコンテキスト取得
-	NewChart = new Chart(ctx);//チャートを生成
 
-	NewChart.Pie(data,options);
+function piechart1() {
+  ctx = $("#Maletofemaleratio").get(0).getContext("2d"), //Canvasのコンテキスト取得
+    NewChart = new Chart(ctx); //チャートを生成
+
+  NewChart.Pie(data, options);
 }
 
 /* オンロード時に動作 */
-if(window.addEventListener) {
-	window.addEventListener('load', piechart1, false);
+if (window.addEventListener) {
+  window.addEventListener('load', piechart1, false);
 } else {
-	window.attachEvent("onload", piechart1);
-}
+  window.attachEvent("onload", piechart1);
+}

third/introduction_of_northern_town/Population_of_the_town.html

@@ -148,7 +148,7 @@
             </div>
           </div>
           <span id="template_article_block">
-            <p class="paragraphT5">平成30年10月1日時点での人口・世帯数</p>
+            <p class="paragraphT5">平成31年2月1日時点での人口・世帯数</p>
             <table border="0" cellpadding="2" cellspacing="2" width="280px" id="town">
               <tr>
                 <th width="100px"></th>
@@ -157,26 +157,26 @@
               </tr>
               <tr>
                 <th width="100px" bgcolor="#add8e6">人口（人）</th>
-                <td width="100px" bgcolor="#dcdcdc" align="right">18,410</td>
-                <td bgcolor="#dcdcdc" align="right">(-49)</td>
+                <td width="100px" bgcolor="#dcdcdc" align="right">18,465</td>
+                <td bgcolor="#dcdcdc" align="right">(+22)</td>
               </tr>
 
               <tr>
                 <th width="100px" bgcolor="#add8e6">男（人）</th>
-                <td width="100px" bgcolor="#dcdcdc" align="right">8,832</td>
+                <td width="100px" bgcolor="#dcdcdc" align="right">8,857</td>
                 <td bgcolor="#dcdcdc" align="right"></td>
               </tr>
 
               <tr>
                 <th width="100px" bgcolor="#add8e6">女（人）</th>
-                <td width="100px" bgcolor="#dcdcdc" align="right">9,578</td>
+                <td width="100px" bgcolor="#dcdcdc" align="right">9,608</td>
                 <td bgcolor="#dcdcdc" align="right"></td>
               </tr>
 
               <tr>
                 <th width="100px" bgcolor="#add8e6">世帯数</th>
-                <td width="100px" bgcolor="#dcdcdc" align="right">7,449</td>
-                <td bgcolor="#dcdcdc" align="right">(-18)</td>
+                <td width="100px" bgcolor="#dcdcdc" align="right">7,490</td>
+                <td bgcolor="#dcdcdc" align="right">(+18)</td>
               </tr>