Forum:融通の利かないWeb画面への登録について

取り急ぎ table 要素と input 要素で作成しましたが、イメージしている JavaScript は下記の通りです。

一行ずつ追加した後に [最新のみ表示] を押すと、備考欄に値を入力して追加した行のみを表示します。この状態であれば画像マッチングで処理できるとおもいます。

[すべて表示] を押すとすべての行を表示します。この2つの処理を WinActor 上の(それぞれ別の) [スクリプト実行] ノードに記述します。
(VBS から JavaScript に入力する値を渡す必要があります)

IE では JavaScript をすこし修正する必要があること、また、私が今 Windows 環境を有していないため、たぶんこんなこともできますよ、という紹介で終わります。


ボタン 最新のみ表示 すべて表示
番号 備考
削除
削除
削除
削除
削除
削除
削除
削除

動作確認環境
macOS 10.14.6
Safari 13.0.4 (14608.4.9.1.4)
Google Chrome 86.0.4240.198 (Official Build) (x86_64)
Opera 72.0.3815.320
関連リンク
WinActor User Forum:融通の利かないWeb画面への登録について

Forum:未読リンクならクリックしたい


ボタン Apply Compute Remove
リンク
リンクの背景色
リンクの色
リンクの色が白

[Apply] / [Remove] を押すと、リンクの背景色・リンクの色、が変わります。

[Compute] を押すと、リンクの背景色・リンクの色・リンクの色が白、の値を現在の値に更新します。

背景色は wa_20201029_link クラスを追加/削除して変更しています。
リンクの色は JavaScript で CSS の値を直接変更しています。
未読のリンクの背景色は赤(rgb(255, 0, 0))です。
既読のリンクの背景色は青(rgb(0, 0, 255))です。

このスクリプトだとクラスを追加して変更した背景色は既読の時にときに正しい値にならない(未読時の値を表示する)ため、リンクの色の変更方法のように JavaScript で直接変更する必要があります。
(リンクの色をクラスの追加/削除で変更した時も同様の結果でした)
(IE だと正常に動作してるかも)

IE でも動作すると紹介されている方法で記述したつもりですが、いま手元に Windows がないので動作確認していません。年内には動作確認予定です。

IE で動作するのであれば(IE でリンクの色の値を取得できるのであれば)、理論上(アルゴリズムさえ組めれば)画像マッチングを使わずにシナリオを作成することができます。


動作確認環境
macOS 10.14.6
Safari 13.0.4 (14608.4.9.1.4)
Google Chrome 86.0.4240.198 (Official Build) (x86_64)
Opera 72.0.3815.320
関連リンク
MDN:Element.currentStyle(For IE)
MDN:論理演算子[Logical operators](論理 OR)
MDN:Window.getComputedStyle()
MDN:Element.classList
MDN:ElementCSSInlineStyle.style
MDN:Polyfill(機能をサポートしていないブラウザ用の代替コード)/td>
WinActor User Forum:未読リンクならクリックしたい


[コードは右クリックで全選択できます]

winactor.css