Update vom 12.1.2021:
Hier die fertige Lösung . Sieht jetzt doch anders aus.
Ist aber nach meiner Sicht die Optimallösung.
Beiliegend die HTML-Datei zum testen. Kann von jedem HTML-Browser - der eine ".html"-Datei aufrufen kann - benutzt werden.
Der Color-Picker läuft nur unter den neuesten Browsern und Betriebssystemen am Client. Bitte ausprobieren, mit der Test-HTML-Datei in Minuten erledigt. Funktionalität je nach Plattform unterschiedlich. Ist aber meistens sinnvoll, da ja am Handy anders zu bedienen als am PC.
Der in der HTML Datei enthaltene JavaScript-Code (zwischen <script> und </script>) ist in die custom.js zu kopieren. In der "zweiten" und "letzten" Zeile sind die Kommentar-Markierungen "//" zu löschen.
Weiters wird die "d3.min.js" Bibliothek benötigt. Bibliothek kann durchaus schon für andere PlugIns schon vorhanden sein.
Genauer Pfad in beiliegender HTML-Datei. Für die Tests genügt der Netzwerkzugriff, sonst lokal runterladen und Eintrag in customs.js unter "hs.functions.element_loader([...])" eintragen.
Aufruf wie andere PlugIns mit dynamischen Textfeld (53x30 schaut am schönsten aus, Text muss linksbündig eingestellt sein - sonst wird das Farbfeld falsch positioniert) mit dem entsprechenden Eintrag "XXCOLORPICKER3" und einen mindestens 9 Ziffern unterstützten numerischen Feld (32Bit, DPT12.001) verwenden. Es werden RGB Werte in der Form (rrrgggbbb) unterstützt. Rot = 255000000, Grün = 255000, Blau = 255. Defaultwert bitte belegen.
Das ist es.
Colorwert kann durch ColorPicker oder durch Eingabe des max. 9-stelliigen Zahlenwert gesetzt werden. Die jeweiligen RGB-Werte für die weitere Vierwendung müssen durch die entsprechenden Logikbausteine herausgerechnet werden.
Bitte um Feedback was benötigt wird.
Eines bin ich mir sicher, es ist.die mir "bestmöglich bekannte" Lösung unter "HS-Visu".
Noch einige Screen-Shots.
1. Testbild mit 2 Farbknöpfen (violett und orange) --> durch "klick" oder "touch" wird Color-Picker aufgerufen. Rechte Werte sind die dezimalen RGB-Werte in der Form "rrrgggbbb."
8EF8EECA-6901-4E81-BD0F-03E718461AFA.png
2. Color-Picker. Schaut nicht so spektakulär aus wie die "Circular CP", Bedienung und Auswahl der Farbe ist "spektakulär": Bitte ausprobieren und bitte um FEEDBACK.
B1BD02C7-8A43-42EC-80B5-FE84EEB9634B.png
3. Numerische Eingabe der Farbe. Die Farbe wird beim CP automatisch mitverändert. Nicht selbstverständlich !!!
3D34F1DE-BEF6-4D00-9B78-89BF96227B78.png
Hans
Kommentar