Blog Preview Kategorie

_Testartikel - Tabellen, JavaScript, Diagramme - NICHT veröffentlichen!

In diesem Testartikel werden folgende neue MISUMI-CONTAO-Elemente getestet:

  • Datentabellen
  • JavaScript
  • Diagramme
Teilenummer Sicherungsring Referenz Geeigneter Schaft (Referenz)
Ausführung Nr.     b (Ca.) a (Ca.) d0 (Min.) d4 d1     n (Min.)
d3 Toleranz t Toleranz d2 Toleranz m Toleranz
STWN 3 2.7 +0.04
-0.15
0.25 ±0.025 0.5 1.7 0.7 7 3 2.85 0
- 0.04
0.35 + 0.10
0
0.3
4 3.7 0.4 ±0.03 0.9 2.2 0.8 9 4 3.8 0.5
5 4.7 0.6 ±0.04 1.1 2.4 10.5 5 4.8 0.7
6 5.6 +0.06
-0.2
0.7 1.3 2.8 1 12 6 5.7 0.8 0.5
7 6.5 0.8 1.4 3 14 7 6.7 0
- 0.06
0.9
8 7.4 0.8 1.6 3 15 8 7.6 0.6
STWS(Edelstahl)
4 3.6 ±0.1 0.25 ±0.03 0.7 1.4 0.7 9 4 3.7 ± 0.06 0.3 + 0.10
0
1
5 4.5 0.4 ±0.04 0.7 1.4 10.5 5 4.7 0.45 1.5
6 5.5 0.8 2 12 6 5.7
7 6.3 0.65 0.9 2 1 14 7 6.5 0.7
8 7.1 1 2.2 15 8 7.4
STWN / STWS(Edelstahl)
10 9.3 ±0.15 1 ±0.05 1.8 3 1.2 17 10 9.6 0
- 0.09
1.15 + 0.14
0
1.5
11 10.2 2 3.1 18 11 10.5 0
- 0.11
12 11.1 ±0.18 2.1 3.2 1.5 19 12 11.5
13 12 3.3 20 13 12.4
14 12.9 2.2 3.4 1.7 22 14 13.4
15 13.8 3.5 23 15 14.3
16 14.7 3.6 24 16 15.2
17 15.7 3.7 25 17 16.2
18 16.5 1.2 ±0.06 2.6 3.8 26 18 17 1.35
19 17.5 2.7 3.8 2 27 19 18
20 18.5 ±0.2 3.9 28 20 19 0
- 0.21
21 19.5 4 30 21 20
22 20.5 4.1 31 22 21
23 21.4 2.9 4.5 32.5 23 22
24 22.2 3.1 4.2 33 24 22.9
25 23.2 4.3 34 25 23.9
26 24.2 4.4 35 26 24.9
28 25.9 1.5 4.6 38 28 26.6 1.65
29 26.9 3.5 4.7 39 29 27.6
30 27.9 4.8 40 30 28.6
32 29.6 5 2.5 43 32 30.3 0
- 0.25
35 32.2 ±0.25 4 5.4 46 35 33
40 37 ±0.4 1.75 ±0.07 4.5 5.8 53 40 38 1.9 2
45 41.5 4.8 6.3 58 45 42.5
50 45.8 2 5 6.7 64 50 47 2.2
52 47.8 6.8 66 52 49
60 55.8 ±0.45 5.5 7.2 75 60 57 0
- 0.3
80 74.5 2.5 ±0.08 7.4 8.2 97 80 76.5 2.7 2.5

Encoding-Problem

Das Encoding-Problem betrifft alle Ausgaben für CONTAO - im aktuellen fall der Export von Excel => HTML.

Zu lösen wäre noch der Umgang mit Encoding. Hier ein Negativ-Beispiel:

Ausführung Kugel Nase 1 Nase 2 Feder Kopf
Werkstoff H�rte Werkstoff Werkstoff Werkstoff Werkstoff
BLP EN 1.4125 �quiv. 55HRC~ EN 1.4542 �quiv. EN 1.4305 �quiv. EN 1.4568 �quiv. Nylon 6 (schwarz. orange)

TABELLEN _ Formatvorlagen

Hier folgen die Standard- Formatvorlagen der Datentabelle

"<table class="ce_table_datasheet block">"

CLASS "emph1" StandardCLASS "emph1" StandardCLASS 1 22 3 4
CLASS "headingcol" A B C D E F
CLASS "headingcol emph1" EN 1.4125 äquiv. 55HRC~ EN 1.4542 äquiv. EN 1.4305 äquiv. EN 1.4568 äquiv. Nylon 6 (schwarz. orange)

Datentabellen

Legenden werden NICHT als separates CONTAO-Element eingefügt. Legenden verbleiben im HTML-Code der Tabelle. Das erhöht die Wartbarkeit der Tabellen (Datenzugehörigkeit).

Diagramme

Diagramme sollen teilautomatisiert sein, um folgende Bedingungen zu erfüllen:

  • wartungsfreundlich (wenig Handarbeit bei Korrekturen / Aktualisierungen)
  • übersetzungsfreundlich
  • skalierbar

 

Hierarchie

Skalierung bei Diagrammen

Ein kleiner Test für die Skalierung von Diagrammen (2-Spalten).

Diagramme mit Verlinkungen

Diagramme können Verlinkungen enthalten. Je nach Wunsch kann ein MouseOver-Effekt eingeschaltet werden.

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentstyletype="text/css" height="221px" preserveaspectratio="none" style="width:348px;height:221px;background:#FFFFFF;" version="1.1" viewbox="0 0 348 221" width="348px" zoomandpan="magnify"> <defs /> <g> <g id="elem_Formel1"> <rect fill="#0098D8" height="36.2969" rx="5" ry="5" style="stroke:#0098D8;stroke-width:3.0;" width="84" x="241" y="7" /> <text fill="#FFFFFF" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacing" textLength="64" x="251" y="29.9951">Formel1</text> </g> <g id="elem_Formel2"> <rect fill="#0098D8" height="36.2969" rx="5" ry="5" style="stroke:#0098D8;stroke-width:3.0;" width="84" x="7" y="93.3" /> <text fill="#FFFFFF" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacing" textLength="64" x="17" y="116.2951">Formel2</text> </g> <g id="elem_Formel3"> <rect fill="#0098D8" height="36.2969" rx="5" ry="5" style="stroke:#0098D8;stroke-width:3.0;" width="84" x="241" y="93.3" /> <text fill="#FFFFFF" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacing" textLength="64" x="251" y="116.2951">Formel3</text> </g> <g id="elem_Formel4"> <rect fill="#0098D8" height="36.2969" rx="5" ry="5" style="stroke:#0098D8;stroke-width:3.0;" width="84" x="258" y="179.59" /> <text fill="#FFFFFF" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacing" textLength="64" x="268" y="202.5851">Formel4</text> </g> <g id="link_Formel1_Formel2"> <path d="M240.62,25.89 C173.19,25.89 49,25.89 49,25.89 C49,25.89 49,61.72 49,86.88 " fill="none" id="Formel1-to-Formel2" style="stroke:#0098D8;stroke-width:2.0;" /> <line style="stroke:#0098D8;stroke-width:2.0;" x1="49" x2="49" y1="92.88" y2="87.88" /> </g> <g id="link_Formel1_Formel3"> <path d="M269,43.45 C269,58 269,72.26 269,86.87 " fill="none" id="Formel1-to-Formel3" style="stroke:#0098D8;stroke-width:2.0;" /> <line style="stroke:#0098D8;stroke-width:2.0;" x1="269" x2="269" y1="92.87" y2="87.87" /> </g> <g id="link_Formel3_Formel1"> <path d="M297,93.14 C297,78.6 297,64.34 297,49.72 " fill="none" id="Formel3-to-Formel1" style="stroke:#0098D8;stroke-width:2.0;" /> <line style="stroke:#0098D8;stroke-width:2.0;" x1="297" x2="297" y1="43.72" y2="48.72" /> </g> <g id="link_Formel1_Formel4"> <path d="M325.16,25.89 C330.14,25.89 333.5,25.89 333.5,25.89 C333.5,25.89 333.5,129.02 333.5,173.35 " fill="none" id="Formel1-to-Formel4" style="stroke:#0098D8;stroke-width:2.0;" /> <line style="stroke:#0098D8;stroke-width:2.0;" x1="333.5" x2="333.5" y1="179.35" y2="174.35" /> </g> <g id="link_Formel2_Formel4"> <path d="M49,129.78 C49,155.15 49,197.89 49,197.89 C49,197.89 180.17,197.89 251.71,197.89 " fill="none" id="Formel2-to-Formel4" style="stroke:#0098D8;stroke-width:2.0;" /> <line style="stroke:#0098D8;stroke-width:2.0;" x1="257.71" x2="252.71" y1="197.89" y2="197.89" /> </g> </g> </svg>

Test Umschlagbreite skalieren (Marcel Wirtz (HighDoc) 2024-09-06)

Layout - Begrenzte- Breite_Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Beispiel für eine Rollenbahn
Beispiel für eine Rollenbahn
Beispiel für eine Rollenbahn
Beispiel für eine Rollenbahn

Layout - Begrenzte- Breite_Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Layout - Volle- Breite_Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Beispiel für eine Rollenbahn
Beispiel für eine Rollenbahn
Beispiel für eine Rollenbahn
Beispiel für eine Rollenbahn

Layout - Volle- Breite_Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.