Skip to Content
Last modified by Anna Paul-Hasenfuss on 17.05.2025
From version 8.1
edited by Anna Paul-Hasenfuss
on 17.05.2025
Change comment: There is no comment for this version
To version 2.1
edited by Anna Paul-Hasenfuss
on 10.05.2025
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Integrating JSXGraph Objects
1 +Integrate JSXGraph Objects
Content
... ... @@ -15,13 +15,13 @@
15 15  {{/panel}}
16 16  
17 17  {{panel title="Related Topics"}}
18 -* [[Integrating 3D Objects>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.3D-Objekte einbinden.WebHome]]
18 +* [[3D-Objekt einbinden>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.3D-Objekte einbinden.WebHome]]
19 19  {{/panel}}
20 20  
21 21  {{panel title="Further Content"}}
22 -* [[Onyx: How JSXGraph objects can be used - examples>>doc:.Beispiele zur Nutzung von JSX-Graph Objekten.WebHome]]
23 -* [[Reference page for the JSXGraph library (jsxgraph.org)>>https://jsxgraph.org/wp/index.html]]
24 -* [[Sample collection for creating JSXGraph objects (jsxgraph.org)>>https://jsxgraph.org/share/]]
22 +* [[Onyx-Beispiele zur Nutzung von JSX-Graph Objekten >>doc:.Beispiele zur Nutzung von JSX-Graph Objekten.WebHome]])
23 +* [[Referenzseite zur Bibliothek JSXGraph (jsxgraph.org)>>https://jsxgraph.org/wp/index.html]]
24 +* [[Beispielsammlung zur Erstellung von JSXGraph-Objekten (jsxgraph.org)>>https://jsxgraph.org/share/]]
25 25  {{/panel}}
26 26  {{/column}}
27 27  {{/section}}
... ... @@ -32,7 +32,7 @@
32 32  
33 33  (% id="cke_bm_34921S" style="display:none" %)
34 34  
35 -To do this, open the task or test in which you want to add a JSXGraph object and click on [[image:Icon_JSX.png]] in the header of the HTML editor.
35 +To do this, open the task or test in which you want to add a JSXGraph object and click on the [[image:Icon_JSX.png]] icon in the header of the HTML editor.
36 36  
37 37  [[image:Editor - JSX im Tiny_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
38 38  
... ... @@ -50,7 +50,7 @@
50 50  
51 51  [[image:Editor - JSX Objekt speichern_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
52 52  
53 -All inserted JSXGraph objects are marked with the [[image:Icon_JSX.png]] icon in the HTML editor.  
53 +All inserted JSXGraph objects are marked with the [[image:Icon_JSX.png]] icon in the HTML editor. 
54 54  
55 55  [[image:Editor - Aufgabenstellung mit JSX-Objekt_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
56 56  
... ... @@ -57,17 +57,18 @@
57 57  
58 58  === How to transfer variable values to JSXGraph objects ===
59 59  
60 -Onyx variables can be passed to JSXGraph objects. You can do this by using the variable name in the JavaScript code of the JSXGraph object. The task example[[ JSXGraph Example: Points in a coordinate system>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispiel Punkte im Koordinatensystem.WebHome]] shows a simple way to do this.
60 +Onyx variables can be passed to JSXGraph objects. You can do this by using the variable name in the JavaScript code of the JSXGraph object. The [[Task example - Points in a coordinate system>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispiel Punkte im Koordinatensystem.WebHome]] shows a simple way to do this.
61 61  
62 62  [[image:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispiel Punkte im Koordinatensystem.WebHome@Editor - Variablenwerte im JSXCode_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="263" width="800"]]
63 63  
64 64  === How to use learner responses with JSXGraph objects ===
65 65  
66 -You can also use JSXGraph objects to display learner responses in object gaps or to evaluate user actions in the JSXGraph object, such as marking a point, as learner responses to a gap. Instructions for the implementation can be found in the following task examples: [[JSXGraph Example: Intersection x-axis>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse.WebHome]] and [[JSXGraph Example: Intersection x-axis II>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse II.WebHome]].
66 +You can also use JSXGraph objects to display learner responses in object gaps or to evaluate user actions in the JSXGraph object, such as marking a point, as learner responses to a gap. Instructions for the implementation can be found in the following examples [[Task example: Intersection x-axis>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse.WebHome]] and [[Example task: Intersection x-axis II>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse II.WebHome]]
67 67  
68 68  [[image:Editor - Lücke in JSXCode_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="250" width="537"]] [[image:Editor - JSX an Lücke_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="250" width="391"]]
69 69  
70 70  
71 +
71 71  == JSXGraph object preview ==
72 72  
73 73  A detailed preview with all possible additional media content is available by opening the preview of the created task or test.
... ... @@ -77,12 +77,12 @@
77 77  
78 78  You can edit an already integrated JSXGraph object as follows:
79 79  
80 -Open the relevant task in the editor. Now, click on the[[image:Icon_JSX.png]] icon for the JSXGraph object in the editor field, and then select [[image:Icon_JSX.png]]in the editing options.
81 +Open the relevant task in the editor. Now click on the[[image:Icon_JSX.png]] icon for the JSXGraph object in the editor field and then select the [[image:Icon_JSX.png]]button in the editing options.
81 81  
82 82  
83 83  [[image:Editor - JSX Objekt bearbeiten_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
84 84  
85 -This opens the "Edit JSX" dialogue to make your adjustments. Click on "Finish" to save and apply the changes.
86 +This opens the "Edit JSX" dialogue for you to make your adjustments. Click on "Finish" to save and apply the changes.
86 86  
87 87  
88 88