Differenze tra le versioni di "Riferimenti:Incorporare Applet"
(10 versioni intermedie di 2 utenti non mostrate) | |||
Riga 1: | Riga 1: | ||
− | Per includere un materiale | + | Per includere un materiale dalla ''Piattaforma dei materiali'' di GeoGebra in una pagina Web è possibile incorporare un iframe o utilizzare lo script deployggb.js per inserirlo direttamente nella propria pagina Web. |
__TOC__ | __TOC__ | ||
Riga 6: | Riga 6: | ||
<pre> | <pre> | ||
<iframe scrolling="no" | <iframe scrolling="no" | ||
− | src=" | + | src="https://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/false/stb/false/stbh/true/ld/false/sri/false/at/preferhtml5" |
width="1600px" | width="1600px" | ||
height="715px" | height="715px" | ||
Riga 12: | Riga 12: | ||
</iframe> | </iframe> | ||
</pre> | </pre> | ||
+ | |||
+ | La lingua dell'interfaccia di GeoGebra (barra degli strumenti, menu, etc ...) ha come impostazione predefinita la lingua del browser in uso. Per impostare una lingua diversa basta aggiungere il parametro ''?ggbLang=<codice_lingua>'' al termine dell'URL, ad es. <code>?ggbLang=fr</code>, <code>?ggbLang=zh_CN</code>, <code>?ggbLang=zh_TW</code>. | ||
+ | {{Example|1=<code><nowiki>https://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/true/stb/true/stbh/true/ld/false/sri/false/at/preferhtml5?ggbLang=fr</nowiki></code>}} | ||
{| class="wikitable" | {| class="wikitable" | ||
Riga 23: | Riga 26: | ||
| Mostra la barra di inserimento || ai || /ai/true | | Mostra la barra di inserimento || ai || /ai/true | ||
|- | |- | ||
− | | Abilita | + | | Abilita trascinamento Vista e zoom || sdz || /sdz/true |
|- | |- | ||
| Mostra la barra dei menu|| smb || /smb/true | | Mostra la barra dei menu|| smb || /smb/true | ||
Riga 34: | Riga 37: | ||
|- | |- | ||
| Mostra icona di ripristino (in alto a destra) || sri || /sri/true | | Mostra icona di ripristino (in alto a destra) || sri || /sri/true | ||
+ | |- | ||
+ | | Imposta la lingua dell'interfaccia utente (attenzione al formato del parametro) || ggbLang ||?ggbLang=en | ||
|} | |} | ||
Riga 44: | Riga 49: | ||
{{Step|num=1}} Includere la libreria javascript deployggb.js utilizzando il seguente tag: | {{Step|num=1}} Includere la libreria javascript deployggb.js utilizzando il seguente tag: | ||
− | <pre> <script type="text/javascript" src=" | + | <pre> <script type="text/javascript" src="https://www.geogebra.org/scripts/deployggb.js"></script></pre> |
− | {{Step|num=2}} | + | {{Step|num=2}} Creare un oggetto javascript del tipo GGBApplet per ciascuna applet: inserire come parametro almeno l'ID del materiale nella ''Piattaforma dei materiali'' di GeoGebra. |
− | Ecco il codice relativo alla [http://dev.geogebra.org/ | + | Ecco il codice relativo alla [http://dev.geogebra.org/examples/geogebra-applet-embed/example1.html pagina di esempio], che crea 3 applet: |
var applet1 = new GGBApplet({material_id: "27876"}, true); | var applet1 = new GGBApplet({material_id: "27876"}, true); | ||
var applet2 = new GGBApplet({material_id: "17499", borderColor:"#55FF00"}, true); | var applet2 = new GGBApplet({material_id: "17499", borderColor:"#55FF00"}, true); | ||
var applet3 = new GGBApplet({material_id: "17501", showMenuBar:true}, true); | var applet3 = new GGBApplet({material_id: "17501", showMenuBar:true}, true); | ||
− | Per impostazione predefinita l'applet sarà creata utilizzando le dimensioni (larghezza e altezza) e i parametri definiti nelle impostazioni del materiale | + | Per impostazione predefinita l'applet sarà creata utilizzando le dimensioni (larghezza e altezza) e i parametri definiti nelle impostazioni del materiale nella ''Piattaforma dei materiali'' di GeoGebra . È possibile modificare tali impostazioni con opportune modifiche dei parametri. Fare riferimento a [[Riferimenti:Parametri_applet]] per un elenco dei parametri delle applet. |
− | Nell'esempio il parametro 'showMenuBar:true' sostituisce l'impostazione del materiale | + | Nell'esempio il parametro 'showMenuBar:true' sostituisce l'impostazione del materiale nella ''Piattaforma dei materiali'' di GeoGebra e mostra la barra dei menu nell'applet3. |
− | {{Step|num=3}} | + | {{Step|num=3}} Definire la posizione dell'applet nel documento, quindi inserire l'applet. Nel file di esempio viene creato un ''div'' come riferimento (padre) per ciascuna applet, come segue: |
<pre> <div id="applet_container1"></div></pre> | <pre> <div id="applet_container1"></div></pre> | ||
− | Al termine della sezione di script le applet sono inserite nei div utilizzando la funzione di inserimento: | + | Al termine della sezione di script le applet sono inserite nei ''div'' utilizzando la funzione di inserimento: |
<pre> window.onload = function() { | <pre> window.onload = function() { | ||
applet1.inject('applet_container1', 'preferHTML5'); | applet1.inject('applet_container1', 'preferHTML5'); |
Versione attuale delle 11:26, 31 mag 2016
Per includere un materiale dalla Piattaforma dei materiali di GeoGebra in una pagina Web è possibile incorporare un iframe o utilizzare lo script deployggb.js per inserirlo direttamente nella propria pagina Web.
Incorporare con iframe
Per ottenere il codice iframe necessario, fare clic sul pulsante "Incorpora" nella pagina del materiale. Ecco un esempio:
<iframe scrolling="no" src="https://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/false/stb/false/stbh/true/ld/false/sri/false/at/preferhtml5" width="1600px" height="715px" style="border:0px;"> </iframe>
La lingua dell'interfaccia di GeoGebra (barra degli strumenti, menu, etc ...) ha come impostazione predefinita la lingua del browser in uso. Per impostare una lingua diversa basta aggiungere il parametro ?ggbLang=<codice_lingua> al termine dell'URL, ad es. ?ggbLang=fr
, ?ggbLang=zh_CN
, ?ggbLang=zh_TW
.
https://www.geogebra.org/material/iframe/id/23587/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/true/stb/true/stbh/true/ld/false/sri/false/at/preferhtml5?ggbLang=fr
Descrizione | Codice | Esempio |
---|---|---|
Forza HTML5 sui browser | at | /at/preferhtml5 |
Abilita clic destro, zoom e modifiche da tastiera | rc | /rc/true |
Mostra la barra di inserimento | ai | /ai/true |
Abilita trascinamento Vista e zoom | sdz | /sdz/true |
Mostra la barra dei menu | smb | /smb/true |
Mostra la barra degli strumenti | stb | /stb/true |
Mostra la Guida sulla barra degli strumenti | stbh | /stbh/true |
Consenti trascinamento etichette | ld | /ld/true |
Mostra icona di ripristino (in alto a destra) | sri | /sri/true |
Imposta la lingua dell'interfaccia utente (attenzione al formato del parametro) | ggbLang | ?ggbLang=en |
Incorporare con deployggb.js
Questo metodo è raccomandato quando più applet HTML5 devono essere visualizzate in una stessa pagina. In questo caso esse possono condividere una singola istanza del codebase di GeoGebraWeb in modo da velocizzare il caricamento. Ecco una pagina Web di esempio che mostra come incorporare le applet: Pagina di esempio
È necessario includere nel file HTML le seguenti tre parti:
1 Includere la libreria javascript deployggb.js utilizzando il seguente tag:
<script type="text/javascript" src="https://www.geogebra.org/scripts/deployggb.js"></script>
2 Creare un oggetto javascript del tipo GGBApplet per ciascuna applet: inserire come parametro almeno l'ID del materiale nella Piattaforma dei materiali di GeoGebra.
Ecco il codice relativo alla pagina di esempio, che crea 3 applet:
var applet1 = new GGBApplet({material_id: "27876"}, true); var applet2 = new GGBApplet({material_id: "17499", borderColor:"#55FF00"}, true); var applet3 = new GGBApplet({material_id: "17501", showMenuBar:true}, true);
Per impostazione predefinita l'applet sarà creata utilizzando le dimensioni (larghezza e altezza) e i parametri definiti nelle impostazioni del materiale nella Piattaforma dei materiali di GeoGebra . È possibile modificare tali impostazioni con opportune modifiche dei parametri. Fare riferimento a Riferimenti:Parametri_applet per un elenco dei parametri delle applet.
Nell'esempio il parametro 'showMenuBar:true' sostituisce l'impostazione del materiale nella Piattaforma dei materiali di GeoGebra e mostra la barra dei menu nell'applet3.
3 Definire la posizione dell'applet nel documento, quindi inserire l'applet. Nel file di esempio viene creato un div come riferimento (padre) per ciascuna applet, come segue:
<div id="applet_container1"></div>
Al termine della sezione di script le applet sono inserite nei div utilizzando la funzione di inserimento:
window.onload = function() { applet1.inject('applet_container1', 'preferHTML5'); applet2.inject('applet_container2', 'preferHTML5'); applet3.inject('applet_container3', 'preferHTML5'); }
I parametri del metodo inject()
sono:
Parametro | Descrizione |
---|---|
containerID | Una stringa con l'id dell'oggetto HTML che sarà il padre dell'applet. |
appletType | Può essere una delle seguenti opzioni:
|