Differenze tra le versioni di "Riferimenti:Incorporare Applet"

Da GeoGebra Manual.
m (Sostituzione testo - 'geogebratube.org' con 'geogebra.org')
m (Sostituzione testo - 'tube.geogebra.org' con 'www.geogebra.org')
(Nessuna differenza)

Versione delle 01:33, 12 mag 2016

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="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.

Esempio: 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 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 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:
preferHTML5 (predefinito)
utilizza HTML5 quando è possibile (su tablet e browser moderni), e Java in alternativa (ad es. con Internet Explorer 8)
preferJava
utilizza Java all'installazione, altrimenti utilizza HTML5
html5
utilizza applet HTML5
java
utilizza applet Java. Nota: in questo caso l'applet non funzionerà sui tablet.
auto
decide automaticamente la tecnologia migliore (HTML5 o Java) basandosi sul client e sulla versione di GeoGebra

es:Referencia:Applet Embebido en:Reference:Applet_Embedding

© 2024 International GeoGebra Institute