請賜教 : 非同步畫面的詞頭顯示

喬治兄

# K0 p% p( t. A
' D  s0 J1 j" `  S# X% g' O請賜教 : 非同步畫面的詞頭顯示
查詞時經常畫面跳來跳去, 感覺非常困擾且極其不便深感困擾
不知可否借由畫面切割且A畫面與B畫面并非由詞頭綁定
/ c0 h, u) p  B, PA畫面.....Main Window
B畫面.....Sub Window.....顯示 A畫面 內容所點選的詞頭後但 A畫面不會跟著異動
  E% C: ?3 U* @8 o3 W1 L  L  a; G2 h請問此可否實現....可如何處理才能實現上述之需求
請各位同好先進不吝予以賜教.....感恩....謝謝


7 B6 [$ @( B) q3 `) i* g5 ~. l1 Z
# F" W0 ]2 e" H! ^2 Y3 J目前所想到的是....可否 B畫面 弄個詞頭的輸入框...輸入顯示內容並不會影響先前的 A畫面 的詞頭內容
此若可行....請教各位同好先進 B畫面 這部份應該怎麼弄
/ J) u& r. t8 A
4 Y% I# Y/ d5 E! G+ R
2 O- q3 N  a$ k$ G+ R/ s! f1 a

也就是 B畫面 借由類似此輸入框輸入卻不改變  A畫面 目前所在的詞頭
也就是一個 Mdict  畫面 =  A畫面 + B畫面
可以各查各的
- \' K, ^: |- E) g# R
8 V+ ], `' E  l" U& G' d0 |

EarthWorm

乔治兄:

( b: Z. i' g2 U6 B1 g1 O2 \1 e0 k我从你回复我的那个帖子过来的, 我看了你的想法是不是想要附图这样的效果, 这种功能是词典软件提供的, 我认为不是词库的 html 结构能实现的了的...

( H6 v/ F% h, E5 N

EarthWorm

对了, 这两个软件在 iOS 里都有免费版的, 你可以下了先试用, 然后再决定花不花钱, 一定要先试试顺不顺手哦...

喬治兄

2 E% ~+ R9 S( A0 E

EarthWorm 发表于 2020-5-5 14:27
对了, 这两个软件在 iOS 里都有免费版的, 你可以下了先试用, 然后再决定花不花钱, 一定要先试试顺不顺手哦. ...

( S/ Y7 ]) j' @- {感謝 EarthWorm 兄指點迷津
小弟是看到一個 w3cschool 例子, 感覺似乎可行
加上看到 starmars 开启多部词库时如何从根本上避免CSS,JS脚本渲染冲突？
又聯想到 spoiltbrat 大Mdict Editor Tool v2.0.35  工具處理後的格式
感覺似乎可行但一時又不知怎麼弄
' @. |8 Z- v" C如下....小弟依序解釋...您看是否能給予些許看法


& S, L" f& H7 r# h" f0 @https://www.w3schools.com/html/tryit.asp?filename=tryhtml_iframe_target
1. 此例透過 iframe  的架構...借由 點擊 <a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a>
9 N' L! r4 f+ K* P! f$ `' ^2 v/ V0 a! M    直接換到 https://www.w3schools.com 但原本所在的 demo_iframe.htm 并不受影響
    也就是說 demo_iframe 是詞頭 但詞頭內的內容可借由 iframe 的架構 來切換不同的內容
<h2>Iframe - Target for a Link</h2>
- e; v- u* d& _" D; H2 h8 T8 A' |<iframe height="300px" width="100%" src="demo_iframe.htm" name="iframe_a"></iframe>
0 Z) G  P0 U7 I! b$ x2 v7 _3 x<p> <a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a> </p>
<p>When the target of a link matches the name of an iframe, the link will open in the iframe.</p>
7 n; b6 g+ k5 j, K2 \
# b9 {, s! m0 R- b( w  f

, c6 W( U0 [7 H# A
% C, z+ D! P8 z7 W2 h- Q1 s+ C  bhttps://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_type_url
2. 此為 input 的輸入框, 若能將輸入框輸入的內容直接轉成 <a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a>.....此或許需用  Javascript 來轉換成此 <a href="....的型式
   但或許有更簡潔的方法直接就把 輸入框輸入的內容 去直接呼叫出 https://www.w3schools.com 在 iframe 架構之下的  demo_iframe.htm
/ w+ H) y; B( V+ I1 y; `* J<form action="/action_page.php">
  <label for="homepage">Add your homepage:</label>
+ i' u' s" N' B# L: u3 q  <input type="url" id="homepage" name="homepage"><br><br>
  <input type="submit">
</form>
% {. D, N4 B2 W& H% ?
& O! w1 |0 M4 K+ Z
, }! h3 K7 c! {0 G: l; n) `/ z
3.  借由 flex 的標籤切出左右兩邊
    兩邊都以此 iframe 的架構....左邊可以跟著 Mdict 的詞頭輸入框來異動其所查的詞
    而右邊就讓它掛在 iframe 架構之下的  demo_iframe.htm
. h" m& V3 m  j- i4 C8 R/ h    然後給個  input 的輸入框 來另外查詢所需的詞
* n% `) G7 \( k; C9 M



( J9 v( v& X0 k
綜合以上所述....感覺應能達成 非同步畫面的詞頭顯示查詢

喬治兄

+ h$ W/ Y/ W' M8 p; `! B' N8 m

EarthWorm 发表于 2020-5-5 14:24
% {: f$ ^6 T) Z: E: L乔治兄:
5 S. i* ]8 ]/ k6 y0 M' d. l& F* s- J
我从你回复我的那个帖子过来的, 我看了你的想法是不是想要附图这样的效果, 这种功能是词典软件提 ...

  S$ q% l4 k% e' f
EarthWorm 兄:
3 x/ l6 b: k1 w4 M7 B# e1 T2 H( @小弟的感覺也是如此....似乎需透過 flex + iframe 才能達其獨立的兩畫面
" c: {) W2 y0 ?$ g! V
5 T( q& A: c6 s: O: _但看到您說的概念如同 spoiltbrat 大工具Mdict Editor Tool v2.0.35 所處裡的方式
' x1 k& T/ L$ d$ o, w  {感覺似乎 <title> 標籤來處理分開的概念應該也是可行.....
只是概念尚未成型.....

   
! O: p7 u/ G+ a# B
1 s! n9 O8 H; K8 G4 m

孤影

这个如果要从mdx上解决怕是无解,不过Main Window 你可以弄一个贴图,贴到屏幕上
7 N8 r8 [! R, h' P- e6 F( Q  n

EarthWorm

喬治兄 发表于 2020-5-5 16:40
感謝 EarthWorm 兄指點迷津
6 H* |) p  p2 G小弟是看到一個 w3cschool 例子, 感覺似乎可行
& `; i3 T5 Y3 K9 ~加上看到 starmars 开启多部词 ...

乔治兄:

  ^9 _# }# e, V" R( j0 l您不要太客气了, 我一直没回复是因为: 说实在的你研究的东西已经远远超出了我的认知范围...
7 K( g7 v" @2 N* }/ I
" J1 _. M; K" x5 i- k$ N) Y但我从你的描述里大概能理解你所要达到的目的: 在显示某个单词内容的界面上通过 HTML 自身的力量来显示另一个 "窗口", 不知我描述的对不对哈.
4 G* B) y) i9 J4 r& o4 i8 b! ]
5 Z; V; I  C" h如果是, 那我觉得这似乎已经超出了词库或者 html 本身的功能了, 就算能用 JavaScript 来实现这样的功能, 那相应的 js 代码基本相当于是一个词库内容检索软件了吧, 当然我对 js 的知识几乎为 0, 这只是我个人的推断而已.

如果我是程序员, 我也只会在词典软件这个层面上来解决这种需求, 就像 MDict 和欧陆的 App 所做的那样, 因为这才合乎逻辑, 一段代码在软件里能解决一个实际的需求, 对应的词库是任意的; 如果这段代码是写在词库里 (假定有这样的代码能实现一样的功能哈), 其能做到的最极致的效能就是在这个词库被加载时在这个词库中起作用, 换个词库就不行了, 那为了实现这样的功能岂不是要在所有的词库中都加入这段代码...
8 X7 K: q; b/ F- C% t8 A9 ~
- R( m* e! i/ I( b9 ^+ |我对 HTML 的认知是很少的, 基本每次为词典做点啥修改都要现查资料, 所以就算有点相关的知识也是非常肤浅的...

9 h. h. b# R7 V1 u( ^* ~当然, 超出我认知范围的东西并不是就一定不能实现, 更何况我在这方面的知识水平很低, 也许你的想法在大神眼里就不是啥难事, 希望能有人帮助你解决问题, 我是真的爱莫能助了.

喬治兄

EarthWorm 发表于 2020-5-6 04:39
3 k. ^7 Q$ ^: x乔治兄:

您不要太客气了, 我一直没回复是因为: 说实在的你研究的东西已经远远超出了我的认知范围...

* j% i& |& ^' a! b. }
% q- X4 Q3 h7 K  L4 i! HEarthWorm 兄，您真是太謙虛了，小弟搞對html也是所知不多，css,正則，更是白癡，JavaScript更是不用說了！，所以能搞得多難呢？也就是看到有什想要的功能拿來拼裝一下而已，目前只知道應該是可行，但還沒去拼裝，真的比仁兄搞的簡單很多，謝謝老兄的回覆，小弟再繼續亂試看看，等稍具模型，再請老兄指導一下，謝謝啦！

喬治兄

孤影 发表于 2020-5-5 18:20
: x8 {% R5 e" _, y, g8 {- [4 ]这个如果要从mdx上解决怕是无解,不过Main Window 你可以弄一个贴图,贴到屏幕上

! j& g8 Y7 s2 `% G孤影兄，感覺概念上應該是可解的，謝謝您的main window法，哈！哈哈哈！

孤影

喬治兄 发表于 2020-5-6 00:42
' v& z7 a) O1 Z' w0 m! d9 Q! X4 v孤影兄，感覺概念上應該是可解的，謝謝您的main window法，哈！哈哈哈！

CTRL+C+C

. f: P6 Q1 z8 r: t7 Y8 o" B# K

喬治兄

( o8 h  K$ b; A* a* s

孤影 发表于 2020-5-7 21:09
$ H% Y1 p7 c, z* S; E2 F* |$ Y/ y8 ?CTRL+C+C

& ]+ K! N- `1 r3 G9 Y6 L6 X0 V0 j3 `& S孤影兄謝謝指點迷津
" ?4 a) O% I: n1 ^" h" B  O* ?所以在 GoldenDict 只需 Ctrl + C + C 便能達成是嗎?因大都使用 mdict ,對於 goldendict 一些功能並沒有注意
4 ?7 [4 s, Z: |6 J

孤影

喬治兄 发表于 2020-5-7 12:24
, H, Z6 S4 i: \: ~3 u) C* L, J孤影兄謝謝指點迷津
" I2 Z1 d/ Q. C  v  R/ n所以在 GoldenDict 只需 Ctrl + C + C 便能達成是嗎?因大都使用 mdict ,對於 goldendi ...

. u  N( B' d1 G& x是啥是呀
5 A, A8 B( M3 j
/ n1 `, V* s( a6 u; }5 g6 `/ ~

喬治兄

孤影 发表于 2020-5-7 21:42
8 |# q/ b1 H+ i是啥是呀

孤影兄：
1.其主要因素還是在於 goldendict 並無支援 iframe 的標簽，若是由iframe 所建構的辭典無法使用，有點局限了應用泛圍
9 o. A& K8 C, M! N, d' M2. 小弟的goldendict 聲音出不來，不知是驅動程式有衝突還是什原因，一直無法處理，所以也比較喜用 mdict 的功能，且聯查的功能非常彈性，實在離不開 mdict

孤影

喬治兄 发表于 2020-5-7 13:17
孤影兄：
1.其主要因素還是在於 goldendict 並無支援 iframe 的標簽，若是由iframe 所建構的辭典無法使用 ...

2 Z4 ^9 W/ w  y: `: \0 }0 y* Z
1 y6 }7 V* z" E$ S0 g* U! t