Help:创建信息栏：修订间差异

添加的内容删除的内容

行内

2022年5月17日 (二) 22:18的最新版本

欢迎来到信息栏创建工具！

您可通过本工具快速创建适用于索尼克百科及其他 MediaWiki 站点的信息栏~ 欢迎分享！

注意: 其他 MediaWiki 站点请自行下载 <a href="https://sonicpedia.org/images/6/60/No_Image_Available.png?download" target="_blank">No Image Available.png</a> 图片文件或将其替换为其他默认图片。

 <button type="button" class="close" data-dismiss="alert" aria-label="关闭">
   ×
 </button>

   <label for="alertText" class="sr-only">可以告诉我们信息栏的名字吗？</label>
   <input type="text" readonly class="form-control-plaintext" id="alertText" value="告诉我们信息栏的名字:">

   <label for="inputName" class="sr-only">名称</label>
   <input type="text" class="form-control" id="franame" placeholder="名称(需与页面名称相同)" onkeydown="if(event.keyCode==13){getfraname()}">

 <button type="button" class="btn btn-primary mb-2" onclick="getfraname()">确定</button>

</form>

 <form class="form-inline">

   <label for="alertText" class="sr-only">行项名称</label>
   <input type="text" readonly class="form-control-plaintext" id="alertText" value="告诉我们行项的名字:">

   <label for="inputName" class="sr-only">行项名称</label>
   <input type="text" class="form-control" id="fracontent" placeholder="行项名称" onkeydown="if(event.keyCode==13){getfracontent()}">

 <button type="button" class="btn btn-primary mb-2" onclick="getfracontent()">添加</button>
 <button type="button" class="btn btn-primary mb-2" id="crlast" onclick="stopmakefra()">完成</button>
 请输入正确的值

</form>

{| class="wikitable" style="width: 25em; color:#72777D; font-size: 90%; border: 1px solid #aaaaaa; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; text-align:right;"
! style="text-align: center; background-color:#3366CC; color:white;" colspan="2" |<span style="font-size:150%;font-weight:bold;"><i>{{PAGENAME}}</i></span>
|-
| colspan="2" class="image" | [[File:{{{图片|No Image Available.png}}}|缩略图|居中|link=]]

{{

        <button type="button" class="btn btn-secondary" onclick="location.reload()">再新建一个</button>

function getfraname() { var franame=document.getElementById("franame").value var xianhide=document.getElementById("xianhide"); document.getElementById("houhide").style.display = "none" xianhide.style.display = "block" var mwmark = document.getElementById("mwmark") mwmark.insertAdjacentHTML("beforeend",franame) document.getElementById("fracontent").focus() } /*添加信息*/ function getfracontent() { var fraco=document.getElementById("fracontent").value if (fraco=="") { document.getElementById("wrongtype").style.opacity = "100" } else{ document.getElementById("wrongtype").style.opacity = "0" document.getElementById("writee").insertAdjacentHTML("beforeend","
|-
") var mwmark = document.getElementById("mwmark") mwmark.insertAdjacentHTML("beforeend","
|") mwmark.insertAdjacentHTML("beforeend",fraco) mwmark.insertAdjacentHTML("beforeend"," =") document.getElementById("fracontent").value = ""

} } function stopmakefra() { document.getElementById("writee").insertAdjacentHTML("beforeend","
|}") document.getElementById("mwmark").insertAdjacentHTML("beforeend","
}}") document.getElementById("mwmark").style.opacity = "100" document.getElementById("buttoncr").style.display = "none"; document.getElementById("houhide").style.display = "none" } </script> </html>

@@ 第1行： / 第1行： @@
+{{Tab|English}}
+{{Bootstrap}}
 <html>
+<br>
-<div class="jumbotron jumbotron-fluid">
+<div class="alert alert-primary alert-dismissible fade show" role="alert">
-  <div class="container">
-    <h1 class="display-4">欢迎来到信息栏创建工具！</h1>
+  <h4 class="alert-heading">欢迎来到信息栏创建工具！</h4>
-    <p class="lead">您可通过本工具快速创建适用于<strong>索尼克百科</strong>及其他 MediaWiki 站点的信息栏~ 欢迎分享！</p>
+  <p>您可通过本工具快速创建适用于<strong>索尼克百科</strong>及其他 MediaWiki 站点的信息栏~ 欢迎分享！</p>
+  <hr>
+  <p class="mb-0">注意: 其他 MediaWiki 站点请自行下载 <a href="https://sonicpedia.org/images/6/60/No_Image_Available.png?download" target="_blank">No Image Available.png</a> 图片文件或将其替换为其他默认图片。</p>
+  <button type="button" class="close" data-dismiss="alert" aria-label="关闭">
+    <span aria-hidden="true">&times;</span>
+  </button>
+</div>
+<div id="houhide">
+<form class="form-inline">
+  <div class="form-group mb-2">
+    <label for="alertText" class="sr-only">可以告诉我们信息栏的名字吗？</label>
+    <input type="text" readonly class="form-control-plaintext" id="alertText" value="告诉我们信息栏的名字:">
+  </div>
+  <div class="form-group mx-sm-3 mb-2">
+    <label for="inputName" class="sr-only">名称</label>
+    <input type="text" class="form-control" id="franame" placeholder="名称(需与页面名称相同)" onkeydown="if(event.keyCode==13){getfraname()}">
   </div>
+  <button type="button" class="btn btn-primary mb-2" onclick="getfraname()">确定</button>
+</form>
+</div>
+<div id="xianhide" style="display: none;">
+<div id="buttoncr">
+  <form class="form-inline">
+  <div class="form-group mb-2">
+    <label for="alertText" class="sr-only">行项名称</label>
+    <input type="text" readonly class="form-control-plaintext" id="alertText" value="告诉我们行项的名字:">
+  </div>
+  <div class="form-group mx-sm-3 mb-2">
+    <label for="inputName" class="sr-only">行项名称</label>
+    <input type="text" class="form-control" id="fracontent" placeholder="行项名称" onkeydown="if(event.keyCode==13){getfracontent()}">
+  </div>
+  <button type="button" class="btn btn-primary mb-2" onclick="getfracontent()">添加</button>
+  <button type="button" class="btn btn-primary mb-2" id="crlast" onclick="stopmakefra()">完成</button>
+  <span style="opacity:0;color:red" id="wrongtype">请输入正确的值</span>
+</form>
 </div>
-<div id="houhide">可以告诉我们信息栏的名字吗？
-	<input type="text" id="franame"  onkeydown="if(event.keyCode==13){getfraname()}"/>
-		  <button type="button" class="btn btn-primary" onclick="getfraname()">确定</button>
-		</div>
-		<div id="xianhide" style="display: none;">
-			<div id="buttoncr">
-		  内容: <input type="text" id="fracontent"  onkeydown="if(event.keyCode==13){getfracontent()}"/>
-		  <button type="button" class="btn btn-primary" onclick="getfracontent()">添加</button>
-		  <button type="button" class="btn btn-primary" onclick="stopmakefra()">结束</button></div>
 		  <pre id="writee">
 {| class="wikitable" style="width: 25em; color:#72777D; font-size: 90%; border: 1px solid #aaaaaa; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; text-align:right;"
@@ 第23行： / 第50行： @@
 | colspan="2" class="image" | [[File:{{{图片|No Image Available.png}}}|缩略图|居中|link=]]</pre><br /><br />
 			<pre id="mwmark" style="opacity: 0;">{{</pre>
+         <button type="button" class="btn btn-secondary" onclick="location.reload()">再新建一个</button>
+</div>
 </div>
 		  <script>
@@ 第36行： / 第64行： @@
 			  var mwmark = document.getElementById("mwmark")
 			  mwmark.insertAdjacentHTML("beforeend",franame)
+			  document.getElementById("fracontent").focus()
 		  }
 		  /*添加信息*/
 		  function getfracontent() {
 			  var fraco=document.getElementById("fracontent").value
+			  if (fraco=="")
+			  {
+			      document.getElementById("wrongtype").style.opacity = "100"
+			  }
+			  else{
+			  document.getElementById("wrongtype").style.opacity = "0"
 			  document.getElementById("writee").insertAdjacentHTML("beforeend","<br />|-<br />{{#if: {{{")
 			  document.getElementById("writee").insertAdjacentHTML("beforeend",fraco)
@@ 第52行： / 第87行： @@
 			  mwmark.insertAdjacentHTML("beforeend","    =")
 			  document.getElementById("fracontent").value = ""
+			  }
 		  }
 		 function stopmakefra() {