文章支持字典

app/article/index.php

@@ -107,7 +107,9 @@ require_once "../pcdl/html_head.php";
 
 		
 		?>
-			<button class='icon_btn'><a href="#"><?php echo $_local->gui->help; ?></a></button>
+		<span>
+		<?php include "../reader/right_tool_bar.php";?>
+		</span>
 		</span>
 	</div>
 </div>

app/reader/index.php

@@ -131,10 +131,13 @@ require_once "../pcdl/html_head.php";
 			echo "&display=sent";
 			echo "'  title='{$_local->gui->show} {$_local->gui->each_sentence}'>{$_local->gui->each_sentence}</a></button>";
 		}
-
 		?>
-			<button class='icon_btn'><a><?php echo $_local->gui->help; ?></a></button>
-			<button id="btn_show_dict" class='icon_btn' onclick="show_dict(this)"><a ><?php echo $_local->gui->dict; ?></a></button>
+			
+		<span>
+		<?php include "../reader/right_tool_bar.php";?>
+		</span>
+
+
 		</span>
 	</div>
 </div>
@@ -200,26 +203,7 @@ require_once "../pcdl/html_head.php";
 		</div>
 	</div>
 
-<div id="main_view_shell">
-	<div id="right_float_pannal">
-		<div id="tool_bar">
-			<span>
-			<button id="max_right_float" class="icon_btn" onclick="max_right_float(this)">
-				<svg class='icon'><use xlink:href='../studio/svg/icon.svg#left_expand'></use></svg>
-			</button>
-			<button id="min_right_float" class="icon_btn" onclick="min_right_float(this)">
-				<svg class='icon'><use xlink:href='../studio/svg/icon.svg#right_expand'></use></svg>
-			</button>
-			</span>
-			<span>
-			<button id="close_right_float" class="icon_btn" onclick="close_right_float()">
-			<svg class='icon'><use xlink:href='../studio/svg/icon.svg#cross_with_circle'></use></svg>
-			</button>
-			</span>
-		</div>
-		<iframe id="dict" src="../dict/index.php?builtin=true" name="dict" title="wikipali"></iframe>
-	</div>
-</div>
+
 
 <script>
 	$(document).ready(function(){

app/reader/reader.js

@@ -250,42 +250,3 @@ function set_channal(channalid) {
 function edit_wbw(book, para) {
 	wbw_channal_list_open(book, [para]);
 }
-
-function show_dict(obj) {
-	$("#main_view_shell").toggleClass("right_float_min");
-	$("#main_view").toggleClass("main_view_right_float_min");
-
-	$(obj).toggleClass("active");
-	gBuildinDictIsOpen = $(obj).hasClass("active");
-}
-
-function close_right_float() {
-	$("#main_view_shell").removeClass("right_float_min");
-	$("#main_view_shell").removeClass("right_float_max");
-
-	$("#main_view").removeClass("main_view_right_float_min");
-	$("#main_view").removeClass("main_view_right_float_max");
-
-	$("#max_right_float").show();
-	$("#min_right_float").hide();
-	$("#btn_show_dict").removeClass("active");
-	gBuildinDictIsOpen = false;
-}
-function min_right_float(obj) {
-	$(obj).siblings().show();
-	$(obj).hide();
-	$("#main_view_shell").addClass("right_float_min");
-	$("#main_view_shell").removeClass("right_float_max");
-
-	$("#main_view").addClass("main_view_right_float_min");
-	$("#main_view").removeClass("main_view_right_float_max");
-}
-function max_right_float(obj) {
-	$(obj).siblings().show();
-	$(obj).hide();
-	$("#main_view_shell").addClass("right_float_max");
-	$("#main_view_shell").removeClass("right_float_min");
-
-	$("#main_view").addClass("main_view_right_float_max");
-	$("#main_view").removeClass("main_view_right_float_min");
-}

app/reader/right_tool_bar.js

@@ -0,0 +1,38 @@
+function show_dict(obj) {
+	$("#main_view_shell").toggleClass("right_float_min");
+	$("#main_view").toggleClass("main_view_right_float_min");
+
+	$(obj).toggleClass("active");
+	gBuildinDictIsOpen = $(obj).hasClass("active");
+}
+
+function close_right_float() {
+	$("#main_view_shell").removeClass("right_float_min");
+	$("#main_view_shell").removeClass("right_float_max");
+
+	$("#main_view").removeClass("main_view_right_float_min");
+	$("#main_view").removeClass("main_view_right_float_max");
+
+	$("#max_right_float").show();
+	$("#min_right_float").hide();
+	$("#btn_show_dict").removeClass("active");
+	gBuildinDictIsOpen = false;
+}
+function min_right_float(obj) {
+	$(obj).siblings().show();
+	$(obj).hide();
+	$("#main_view_shell").addClass("right_float_min");
+	$("#main_view_shell").removeClass("right_float_max");
+
+	$("#main_view").addClass("main_view_right_float_min");
+	$("#main_view").removeClass("main_view_right_float_max");
+}
+function max_right_float(obj) {
+	$(obj).siblings().show();
+	$(obj).hide();
+	$("#main_view_shell").addClass("right_float_max");
+	$("#main_view_shell").removeClass("right_float_min");
+
+	$("#main_view").addClass("main_view_right_float_max");
+	$("#main_view").removeClass("main_view_right_float_min");
+}

app/reader/right_tool_bar.php

@@ -0,0 +1,79 @@
+
+	<script src="../reader/right_tool_bar.js"></script>
+<style>
+	#right_float_pannal {
+	position: fixed;
+	height: calc(100% - 7.3em);
+	top: 7.3em;
+	left: 100%;
+	width: 30em;
+	min-width: 20em;
+	color: var(--btn-color);
+	background-color: var(--tool-bg-color);
+	z-index: 20;
+	-webkit-transition-duration: 0.4s;
+	transition-duration: 0.4s;
+	-webkit-contain: strict;
+	contain: strict;
+	z-index: 51;
+}
+#right_float_pannal > iframe {
+	width: 100%;
+	height: 100%;
+}
+.right_float_max #right_float_pannal {
+	left: 50%;
+	width: 50%;
+}
+
+.right_float_min #right_float_pannal {
+	left: calc(100% - 30em);
+}
+#right_float_pannal > #tool_bar {
+	position: absolute;
+	display: flex;
+	width: 100%;
+	justify-content: space-between;
+}
+#right_float_pannal > #tool_bar svg {
+	fill: var(--box-bg-color1);
+}
+#min_right_float {
+	display: none;
+}
+.main_view_right_float_min {
+	margin-right: 29em;
+}
+.main_view_right_float_max {
+	margin-right: 50%;
+}
+.main_view_right_float_min #right_pannal {
+	display: none;
+}
+.main_view_right_float_max #right_pannal {
+	display: none;
+}
+	</style>
+				<button id="btn_show_dict" class='icon_btn' onclick="show_dict(this)">
+				<?php echo $_local->gui->dict; ?>
+				</button>
+<div id="main_view_shell">
+	<div id="right_float_pannal">
+		<div id="tool_bar">
+			<span>
+			<button id="max_right_float" class="icon_btn" onclick="max_right_float(this)">
+				<svg class='icon'><use xlink:href='../studio/svg/icon.svg#left_expand'></use></svg>
+			</button>
+			<button id="min_right_float" class="icon_btn" onclick="min_right_float(this)">
+				<svg class='icon'><use xlink:href='../studio/svg/icon.svg#right_expand'></use></svg>
+			</button>
+			</span>
+			<span>
+			<button id="close_right_float" class="icon_btn" onclick="close_right_float()">
+			<svg class='icon'><use xlink:href='../studio/svg/icon.svg#cross_with_circle'></use></svg>
+			</button>
+			</span>
+		</div>
+		<iframe id="dict" src="../dict/index.php?builtin=true" name="dict" title="wikipali"></iframe>
+	</div>
+</div>				

app/reader/style.css

@@ -125,8 +125,7 @@ chapter {
 .language-para {
 	padding: 2px 2px;
 	position: absolute;
-	margin-top: 7px;
-	border-bottom: 3px solid var(--link-color);
+	margin-top: 0;
 	margin-left: -60px;
 	font-family: "Noto Sans", "Noto Sans SC", "Noto Sans TC", "Padauk", Arial, Verdana;
 }
@@ -171,56 +170,3 @@ chapter {
 #para_path_next_level {
 	display: inline-block;
 }
-
-#right_float_pannal {
-	position: fixed;
-	height: calc(100% - 7.3em);
-	top: 7.3em;
-	left: 100%;
-	width: 30em;
-	min-width: 20em;
-	color: var(--btn-color);
-	background-color: var(--tool-bg-color);
-	z-index: 20;
-	-webkit-transition-duration: 0.4s;
-	transition-duration: 0.4s;
-	-webkit-contain: strict;
-	contain: strict;
-	z-index: 51;
-}
-#right_float_pannal > iframe {
-	width: 100%;
-	height: 100%;
-}
-.right_float_max #right_float_pannal {
-	left: 50%;
-	width: 50%;
-}
-
-.right_float_min #right_float_pannal {
-	left: calc(100% - 30em);
-}
-#right_float_pannal > #tool_bar {
-	position: absolute;
-	display: flex;
-	width: 100%;
-	justify-content: space-between;
-}
-#right_float_pannal > #tool_bar svg {
-	fill: var(--box-bg-color1);
-}
-#min_right_float {
-	display: none;
-}
-.main_view_right_float_min {
-	margin-right: 29em;
-}
-.main_view_right_float_max {
-	margin-right: 50%;
-}
-.main_view_right_float_min #right_pannal {
-	display: none;
-}
-.main_view_right_float_max #right_pannal {
-	display: none;
-}