Riferimenti:Incorporare Applet
Per includere un materiale da 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="http://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>
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 Maiusc-Trascinamento 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 |
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="http://www.geogebra.org/scripts/deployggb.js"></script>
2 È necessario creare un oggetto javascript del tipo GGBApplet per ciascuna applet: inserire almeno l'ID del materiale su GeoGebra come parametro.
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 in 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 in GeoGebra e mostra la barra dei menu nell'applet3.
3 È infine necessario determinare la posizione dell'applet nel documento, quindi inserire l'applet. Nel file di esempio viene creato un div come riferimento 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:
|