Référence:Appliquettes imbriquées

Pour imbriquer une ressource à partir de GeoGebra dans une page web, vous pouvez soit l'imbriquer en tant qu'iframe ou utiliser le script deployggb.js pour l'injecter directement dans votre page.

Imbriquer en tant qu'iframe

Vous pouvez récupérer automatiquement le code pour l'iframe en cliquant sur le bouton Imbriquer dans la page de la ressource. Voici un exemple :

<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>

La langue de l'interface utilisateur de GeoGebra barre d'outils, menus, ...) est définie par la langue par défaut du navigateur.
Si vous désirez utiliser une llangue différente, vous pouvez utiliser le paramètre '?lang=<code_langue>' à la fin de l'URL.

(par exemple : http://www.geogebra.org/material/iframe/id/46493/width/1600/height/715/border/888888/rc/false/ai/false/sdz/false/smb/true/stb/true/stbh/true/ld/false/sri/false/at/preferhtml5?lang=fr)

Description	Code	Exemple
Force HTML5 sur les nouveaux navigateurs	at	/at/preferhtml5
Autorise Clic droit, Zoom et Édition au clavier	rc	/rc/true
Affiche le champ de saisie	ai	/ai/true
Autorise Glisser/Déposer & Zoom	sdz	/sdz/true
Affiche la barre de menus	smb	/smb/true
Affiche la barre d'outils	stb	/stb/true
Affiche l'aide de la barre d'outils	stbh	/stbh/true
Autorise le déplacement des étiquettes	ld	/ld/true
Affiche l'icône de réinitialisation (coin supérieur droit)	sri	/sri/true
Définit la langue de l'interface utilisateur (Notez le format different pour ce paramètre )	lang	?lang=en

Imbriquer en utilisant deployggb.js

Cette méthode est recommandée lorsque plusieurs appliquettes HTML5 sont imbriquées dans une page. Dans ce cas elle peuvent partager une seule instance du code de base GeoGebraWeb et être chargées plus rapidement. Voici un exemple de page web pour montrer comment imbriquer des appliquettes : Exemple page

Vous devez inclure les trois parties suivantes dans votre fichier HTML :

1 La bibliothèque javascript deployggb.js doit être appelée par cette balise :

    <script type="text/javascript" src="http://www.geogebra.org/scripts/deployggb.js"></script>

2 Pour chaque appliquette, un objet javaScript de type GGBApplet doit être créé. Il prend au moins l'ID de la ressource dans GeoGebra comme paramètre.

Voici le code associé à l' exemple qui crée 3 appliquettes:

   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);

Par défaut, l'appliquette est créée en utilisant les dimensions (Largeur et Hauteur) et les paramètres définis dans Paramètres avancés ... de la ressource sur GeoGebra. Vous avez la possibilité de modifier cette configuration en passant de nouvelles valeurs aux paramètres.

Voir Référence:Paramètres_Appliquette pour une liste des paramètres d'une appliquette.

Dans cet exemple le paramètre 'showMenuBar:true' modifie les Paramètres avancés ... de la ressource dans GeoGebra pour faire afficher la barre de menus de applet3.

3 Finalement, vous devez déterminer où l'appliquette doit apparaître dans le document et l'injecter. Dans notre exemple nous créons un div comme parent pour chacune des appliquettes, comme ceci :

    <div id="applet_container1"></div>

À la fin du script, les appliquettes sont injectées dans leur div en utilisant la fonction inject :

    window.onload = function() {
        applet1.inject('applet_container1', 'preferHTML5');
        applet2.inject('applet_container2', 'preferHTML5');
        applet3.inject('applet_container3', 'preferHTML5');
    }

Les paramètres de la méthode inject() sont :

Paramètre	Description
containerID	Une chaîne avec l'id de l'objet HTML devant être le parent de l'appliquette.
appletType	l'un des mots-clés suivants : preferHTML5 (par défaut) utilise HTML5 lorsque cela est possible (sur les tablettes et avec les navigateurs récents), sinon se rabat sur Java (par exemple avec Internet Explorer 8) preferJava utilise Java s'il est installé, sinon utilise HTML5 html5 définit l'appliquette en HTML5 java définit l'appliquette en Java. Note : Dans ce cas, votre appliquette ne va pas fonctionner sur une tablette. auto détermine automatiquement la technologie la plus appropriée (HTML5 ou Java) en se basant sur le client et le numéro de version GeoGebra.