Différences entre versions de « Référence:JavaScript »

De GeoGebra Manual
Aller à : navigation, rechercher
(il y a encore du boulot !!!)
Ligne 58 : Ligne 58 :
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
       <td>void setUndoPoint()</td>
+
       <td>setUndoPoint()</td>
       <td> Sets an undo point. Useful if you want the user to be able to undo that action of evalCommand eg if you have made an HTML button to act as a custom tool<br>
+
       <td>Définit un point de restauration. Utile si vous désirez que l'utilise puisse annuler l'action d'un ''evalCommand'', par exemple si vous avez créé un bouton dans lHTML pour agir comme un outil personnalisé.<br>
 
       </td>
 
       </td>
 
     </tr>
 
     </tr>
Ligne 191 : Ligne 191 :
 
     <tr>
 
     <tr>
 
       <td>getXcoord(nom)</td>
 
       <td>getXcoord(nom)</td>
       <td>Retourne l’abscisse de l’objet cité [ex : getXcoord('A')].
+
       <td>Retourne l’abscisse de l’objet cité.{{Example|1= getXcoord('A')}}
  Note : Retourne 0 si l’objet n’est ni un point ni un vecteur.</td>
+
  {{Note | Retourne 0 si l’objet n’est ni un point ni un vecteur.}}</td>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
 
       <td>getYcoord(nom)</td>
 
       <td>getYcoord(nom)</td>
       <td>Retourne l’ordonnée de l’objet cité [ex : getYcoord('u')].
+
       <td>Retourne l’ordonnée de l’objet cité. {{Example|1= getYcoord('u')]}}
Note : Retourne 0 si l’objet n’est ni un point ni un vecteur.</td>
+
{{Note | Retourne 0 si l’objet n’est ni un point ni un vecteur.}}</td>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
 
       <td>getValue(nom)</td>
 
       <td>getValue(nom)</td>
       <td>Retourne la valeur de l’objet cité ( longueur pour un segment, aire pour un polygone, etc.) [ex : getValue('poly1')].
+
       <td>Retourne la valeur de l’objet cité ( longueur pour un segment, aire pour un polygone, etc.). {{Example|1=  getValue('poly1')]}}
Note : Retourne 0 s’il l’objet n’a pas de valeur associée. Si l’objet est un booléen, retourne 1 pour ‘Vrai’, 0 pour ‘Faux’.     </td>
+
{{Note |Retourne 0 s’il l’objet n’a pas de valeur associée.<br/> Si l’objet est un booléen, retourne 1 pour ‘Vrai’, 0 pour ‘Faux’. }}    </td>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
 
       <td>getColor(nom)</td>
 
       <td>getColor(nom)</td>
       <td>Retourne la couleur de l’objet cité sous forme d’une chaîne hexadécimale, par ex. : "#FF0000" pour rouge. Note la chaîne hexadécimale commence toujours par # et ne contient pas de lettres minuscules.</td>
+
       <td>Retourne la couleur de l’objet cité sous forme d’une chaîne hexadécimale.{{Example|1= getColor('A') retourne "#FF0000" si A est rouge.}} {{Note | la chaîne hexadécimale commence toujours par # et ne contient pas de lettres minuscules.}}</td>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
Ligne 280 : Ligne 280 :
 
       <td>setMode(code du mode)</td>
 
       <td>setMode(code du mode)</td>
 
       <td>Définit le mode au code fourni
 
       <td>Définit le mode au code fourni
[ex : setMode(0), pour mode Déplacer].
+
{{Example|1=setMode(0) pour mode Déplacer}}.
  
(voir [[Reference:Toolbar|toolbar reference]] et [[Reference:Applet_Parameters|applet parameters]] "showToolBar" and &nbsp;"customToolBar"  )</td>
+
(voir [[Reference:Toolbar|toolbar reference]] et [[Reference:Applet_Parameters|applet parameters]] "showToolBar" et &nbsp;"customToolBar"  )</td>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
Ligne 295 : Ligne 295 :
 
   <tr>
 
   <tr>
 
       <td>refreshViews()</td>
 
       <td>refreshViews()</td>
       <td>Rafraîchit l’affichage. Note : cela efface toutes les traces dans la vue Graphique.</td>
+
       <td>Rafraîchit l’affichage. {{Note| Cela efface toutes les traces dans la vue Graphique.}}</td>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
 
       <td>setOnTheFlyPointCreationActive(booléen)<br>
 
       <td>setOnTheFlyPointCreationActive(booléen)<br>
 
       </td>
 
       </td>
       <td>Autorise (true)  ou non (false) la création de points "à la volée". Note: A utiliser si vous ne désirez pas que les outils créent des points.</td>
+
       <td>Autorise (true)  ou non (false) la création de points "à la volée". {{Note | À utiliser si vous ne désirez pas que les outils créent des points.</td>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
Ligne 315 : Ligne 315 :
 
     <tr>
 
     <tr>
 
       <td>setErrorDialogsActive(boolean flag)</td>
 
       <td>setErrorDialogsActive(boolean flag)</td>
       <td>Bascule pour l’affichage ou non du dialogue d’erreur. Note: c'est très utile avec l'utilisation de evalCommand().</td>
+
       <td>Bascule pour l’affichage ou non du dialogue d’erreur. {{Note | C'est très utile avec l'utilisation de evalCommand().}}</td>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
 
       <td>setCoordSystem(xmin, xmax,ymin,ymax)</td>
 
       <td>setCoordSystem(xmin, xmax,ymin,ymax)</td>
  
       <td>Définit la fenêtre graphique
+
       <td>Définit la fenêtre graphique.
[ex : setCoordSystem(-5,10,-1,20)].
+
{{Example|1=setCoordSystem(-5,10,-1,20)}}
 
</td>
 
</td>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
 
       <td>setAxesVisible(booléen, booléen)</td>
 
       <td>setAxesVisible(booléen, booléen)</td>
       <td>Affiche (true) ou Cache (true) indépendamment chacun des axes [ex : setAxesVisible(true, false)].</td>
+
       <td>Affiche (true) ou Cache (true) indépendamment chacun des axes. {{Example|1=setAxesVisible(true, false)}}</td>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
Ligne 336 : Ligne 336 :
  
 
=Communication de GeoGebraApplet à JavaScript=
 
=Communication de GeoGebraApplet à JavaScript=
Avec ces méthodes vous pouvez implémenter une communication de l’appliquette au JavaScript. Quand vous utilisez une des méthodes suivantes, vous devez vous assurer que vous avez inséré l’option <span class="term"><span class="highlightedSearchTerm"><span style="font-weight: bold;">MAYSCRIPT</span> à la fin de la ligne d’appel de l’appliquette.  
+
 
 +
Avec ces méthodes vous pouvez implémenter une communication de l’appliquette au JavaScript.
 +
 
 +
Quand vous utilisez une des méthodes suivantes, vous devez vous assurer que vous avez inséré l’option <span class="term"><span class="highlightedSearchTerm"><span style="font-weight: bold;">MAYSCRIPT</span> à la fin de la ligne d’appel de l’appliquette.  
  
 
Par exemple :
 
Par exemple :
  
 
<span style="font-family: monospace;">&lt;applet name="ggbApplet" code="geogebra.GeoGebraApplet" codebase="." archive="geogebra.jar" width="500" height="250" </span><span style="font-weight: bold; font-family: monospace; color: rgb(255, 0, 0);">MAYSCRIPT</span><span style="font-family: monospace;">&gt;</span>.
 
<span style="font-family: monospace;">&lt;applet name="ggbApplet" code="geogebra.GeoGebraApplet" codebase="." archive="geogebra.jar" width="500" height="250" </span><span style="font-weight: bold; font-family: monospace; color: rgb(255, 0, 0);">MAYSCRIPT</span><span style="font-family: monospace;">&gt;</span>.
L'option <span class="highlightedSearchTerm">MAYSCRIPT n'est</span> seulement nécessaire que pour la communication de GeoGebraAppletavec JavaScript ; elle<span class="highlightedSearchTerm">n'est</span>  pas nécessaire à JavaScript pour accéder au méhtodes de GeoGebraApplet.  
+
L'option <span class="highlightedSearchTerm">MAYSCRIPT n'est</span> seulement nécessaire que pour la communication de GeoGebraAppletavec JavaScript ; elle<span class="highlightedSearchTerm">n'est</span>  pas nécessaire à JavaScript pour accéder au méthodes de GeoGebraApplet.  
 +
 
 
Par exemple, ces méthodes peuvent être utilisées pour :
 
Par exemple, ces méthodes peuvent être utilisées pour :
 
* monitor user actions (see [http://www.geogebra.org/source/program/applet/geogebra_applet_java2javascript.htm java2javascript example])
 
* monitor user actions (see [http://www.geogebra.org/source/program/applet/geogebra_applet_java2javascript.htm java2javascript example])
Ligne 351 : Ligne 355 :
 
  </tr>
 
  </tr>
 
  <tr>
 
  <tr>
  <td>void registerAddListener(String JSFunctionName)</td>
+
  <td>registerAddListener(String JSFunctionName)</td>
  <td>Registers a JavaScript function as an <span style="font-weight: bold;">add</span> listener for the applet's construction. Whenever a new object is created in the GeoGebraApplet's construction, the JavaScript function <span style="font-style: italic;">JSFunctionName</span> is called using the name of the newly created object as its single argument. <br>
+
  <td>Déclare une fonction JavaScript en tant que mouchard des <span style="font-weight: bold;"> ajouts </span>dans l’appliquette de construction.
<span style="font-style: italic;">Example</span>: First, register a listening JavaScript function:<br>
+
Dès qu’un nouvel objet est créé, la fonction JS est appelée avec comme argument le nouvel objet.  
<div style="margin-left: 40px;"><span style="font-family: monospace;">ggbApplet.registerAddListener("myAddListenerFunction");</span> <br>
+
 
</div>
+
{{Example|1= Déclarez d’abord, une fonction JS d’écoute : <br/>
When an object "A" is created, the GeoGebra Applet will call the Javascript function<br>
+
''ggbApplet.registerAddListener''("'''suiviAjout'''");
<div style="margin-left: 40px;"><span style="font-family: monospace;">myAddListenerFunction("</span><span style="font-family: monospace;">A");<br>
+
Dès qu’un objet "A" est créé, l’appliquette GeoGebra appelle la fonction '''suiviAjout'''("A")}}</td>
</span></div>
 
</td>
 
 
  </tr>
 
  </tr>
 
  <tr>
 
  <tr>
Ligne 368 : Ligne 370 :
 
  <td>registerRemoveListener(fonctionJS)</td>
 
  <td>registerRemoveListener(fonctionJS)</td>
 
  <td>Déclare une fonction JavaScript en tant que mouchard des <span style="font-weight: bold;">retraits</span> dans l’appliquette de construction.
 
  <td>Déclare une fonction JavaScript en tant que mouchard des <span style="font-weight: bold;">retraits</span> dans l’appliquette de construction.
Dès qu’un objet est supprimé, la fonction  <span style="font-style: italic;">fonctionJS</span>JS est appelée avec comme argument le nom de l’objet effacé.  
+
Dès qu’un objet est supprimé, la fonction  <span style="font-style: italic;">fonctionJS</span> est appelée avec comme argument le nom de l’objet effacé.  
Note : Quand une construction est mise à zéro, le mouchard n’est pas appelé pour chacun des objets élémentaires, voir registerClearListener().
+
{{Note | Quand une construction est mise à zéro, le mouchard n’est pas appelé pour chacun des objets élémentaires, voir registerClearListener().}}
<span style="font-style: italic;">Exemple</span> : Déclarez d’abord, une fonction JS d’écoute :<br>
+
{{Example|1= Déclarez d’abord, une fonction JS d’écoute :<br/>
<div style="margin-left: 40px;"><span style="font-family: monospace;">ggbApplet.registerRemoveListener("suiviRetrait");</span> </div>
+
''ggbApplet.registerRemoveListener''("'''suiviRetrait'''");
Dès qu’un objet "A" est effacé, l’appliquette GeoGebra appelle ;
+
Dès qu’un objet "A" est effacé, l’appliquette GeoGebra appelle la fonction '''suiviRetrait'''("A")}} </td>
<br>la fonction <div style="margin-left: 40px;"><span style="font-family: monospace;">suiviRetrait</span><span style="font-family: monospace;">("</span><span style="font-family: monospace;">A");<br>
 
</span></div>
 
</td>
 
 
  </tr>
 
  </tr>
 
  <tr>
 
  <tr>
Ligne 384 : Ligne 383 :
 
  <td>registerUpdateListener(fonctionJS)</td>
 
  <td>registerUpdateListener(fonctionJS)</td>
 
  <td>Déclare une fonction JavaScript en tant que mouchard des <span style="font-weight: bold;">modifications</span> dans l’appliquette de construction. Dès qu’un objet quelconque est modifié, la fonction <span style="font-style: italic;">fonctionJS</span>est appelée avec comme argument le nom de l’objet modifié.  
 
  <td>Déclare une fonction JavaScript en tant que mouchard des <span style="font-weight: bold;">modifications</span> dans l’appliquette de construction. Dès qu’un objet quelconque est modifié, la fonction <span style="font-style: italic;">fonctionJS</span>est appelée avec comme argument le nom de l’objet modifié.  
Note : si vous voulez suivre les modifications d’un seul objet utilisez plutôt registerObjectUpdateListener().
+
{{Note | si vous voulez suivre les modifications d’un seul objet utilisez plutôt registerObjectUpdateListener().}}
<span style="font-style: italic;">Exemple</span> : Déclarez d’abord, une fonction JS d’écoute :<br>
+
 
<div style="margin-left: 40px;"><span style="font-family: monospace;">ggbApplet.registerUpdateListener("suiviModifs");</span> </div>
+
{{Example|1= Déclarez d’abord, une fonction JS d’écoute : <br/>
Dès que l’objet "A" est modifié, l’appliquette GeoGebra appelle la fonction <br>
+
''ggbApplet.registerUpdateListener''("'''suiviModifs'''");
<div style="margin-left: 40px;"><span style="font-family: monospace;">suiviModifs</span><span style="font-family: monospace;">("</span><span style="font-family: monospace;">A");<br>
+
Dès que l’objet "A" est modifié, l’appliquette GeoGebra appelle la fonction '''suiviModifs'''("A")}}</td>
</span></div>
 
</td>
 
 
  </tr>
 
  </tr>
 
  <tr>
 
  <tr>
Ligne 398 : Ligne 395 :
 
  <tr>
 
  <tr>
 
  <td>registerObjectUpdateListener(nom, fonctionJS)</td>
 
  <td>registerObjectUpdateListener(nom, fonctionJS)</td>
  <td>Déclare une fonction JavaScript en tant que mouchard des  <span style="font-weight: bold;">modifications </span> pour un simple objet dans l’appliquette de construction. Dès que l’objet suivi est modifié, la fonction <span style="font-style: italic;">fonctionJS</span> est appelée avec comme argument le nom de l’objet modifié. Si l’objet avait auparavant une valeur par la fonction JS, l’ancienne valeur est actualisée. Note: toutes les écoutes de modifications d’objets sont effacées quand l’objet associé est supprimé ou que la construction est remise à zéro, voir registerRemoveListener() et registerClearListener().<br>
+
  <td>Déclare une fonction JavaScript en tant que mouchard des  <span style="font-weight: bold;">modifications </span> pour un simple objet dans l’appliquette de construction. Dès que l’objet suivi est modifié, la fonction <span style="font-style: italic;">fonctionJS</span> est appelée avec comme argument le nom de l’objet modifié. Si l’objet avait auparavant une valeur par la fonction JS, l’ancienne valeur est actualisée. {{Note| toutes les écoutes de modifications d’objets sont effacées quand l’objet associé est supprimé ou que la construction est remise à zéro, voir registerRemoveListener() et registerClearListener().}}
<span style="font-style: italic;">Exemple</span> : Déclarez d’abord, une fonction JS d’écoute :<br>
+
{{Example|1= Déclarez d’abord, une fonction JS d’écoute : <br/>
<div style="margin-left: 40px;"><span style="font-family: monospace;">ggbApplet.registerObjectUpdateListener("A", "</span><span style="font-family: monospace;">monsuiviA</span><span style="font-family: monospace;">");</span> <br>
+
''ggbApplet.registerObjectUpdateListener''("A", "'''monsuiviA'''");
</div>
+
Dès que A est modifié, l’appliquette  appelle la fonction '''monsuiviA'''("A") }}
Dès que A est modifié, l’appliquette  appelle la fonction <br>
+
{{Note | un mouchard de modifications d’un objet continue à fonctionner après que cet objet ait été renommé.}}
<div style="margin-left: 40px;"><span style="font-family: monospace;"></span><span style="font-family: monospace;">monsuiviA</span><span style="font-family: monospace;"></span><span style="font-family: monospace;">("A");<br>
 
</span></div>
 
Note : un mouchard de modifications d’un objet continue à fonctionner après que cet objet ait été renommé.<span style="font-family: monospace;"></span>
 
 
</td>
 
</td>
 
</tr>
 
</tr>
Ligne 414 : Ligne 408 :
 
  <tr>
 
  <tr>
 
  <td>registerRenameListener(fonctionJS)</td>
 
  <td>registerRenameListener(fonctionJS)</td>
  <td>Déclare une fonction JavaScript en tant que mouchard des  <span style="font-weight: bold;">changements de nom </span> dans l’appliquette de construction. Dès qu’un objet est renommé, la fonction <span style="font-style: italic;">fonctionJS</span> est appelée avec comme argument l’ancien nom de l’objet et le nouveau.  <br>
+
  <td>Déclare une fonction JavaScript en tant que mouchard des  <span style="font-weight: bold;">changements de nom </span> dans l’appliquette de construction. Dès qu’un objet est renommé, la fonction <span style="font-style: italic;">fonctionJS</span> est appelée avec comme argument l’ancien nom de l’objet et le nouveau.   
<span style="font-style: italic;">Exemple</span> : Déclarez d’abord, une fonction JS d'écoute :<br>
+
{{Example|1=Déclarez d’abord, une fonction JS d'écoute :<br/>
<div style="margin-left: 40px;"><span style="font-family: monospace;">ggbApplet.registerRenameListener("monsuiviRenommer");</span> </div>
+
''ggbApplet.registerRenameListener''("'''monsuiviRenommer'''");
Dès qu’un objet "A" est renommé en "B", l’appliquette appelle la fonction <br>
+
Dès qu’un objet "A" est renommé en "B", l’appliquette appelle la fonction monsuiviRenommer("A", "B")}} </td>
<div style="margin-left: 40px;"><span style="font-family: monospace;">monsuiviRenommer</span><span style="font-family: monospace;">("</span><span style="font-family: monospace;">A", "B");<br>
 
</span></div>
 
</td>
 
 
  </tr>
 
  </tr>
 
  <tr>
 
  <tr>
Ligne 428 : Ligne 419 :
 
  <tr>
 
  <tr>
 
  <td>registerClearListener(fonctionJS)</td>
 
  <td>registerClearListener(fonctionJS)</td>
  <td>Déclare une fonction JavaScript en tant que mouchard des  <span style="font-weight: bold;">remises à zéro </span> dans l’appliquette de construction. Dès que la construction est remise à zéro (i.e. tous les objets sont supprimés), la fonction <span style="font-style: italic;">fonctionJS</span> est appelée sans argument. Note: tous les mouchards de modifications ne sont plus déclarés quand une construction est remise à zéro. Voir registerUpdateListener() et registerRemoveListener().<br>
+
  <td>Déclare une fonction JavaScript en tant que mouchard des  <span style="font-weight: bold;">remises à zéro </span> dans l’appliquette de construction. Dès que la construction est remise à zéro (i.e. tous les objets sont supprimés), la fonction <span style="font-style: italic;">fonctionJS</span> est appelée sans argument. {{Note| tous les mouchards de modifications ne sont plus déclarés quand une construction est remise à zéro. Voir registerUpdateListener() et registerRemoveListener().}}
<span style="font-style: italic;">Exemple</span> : Déclarez d’abord, une fonction JS d’écoute :<br>
+
{{Example|1=Déclarez d’abord, une fonction JS d'écoute :<br/>
<div style="margin-left: 40px;"><span style="font-family: monospace;">ggbApplet.registerClearListener("suiviRAZ");</span> </div>
+
''ggbApplet.registerClearListener''("'''suiviRAZ'''");
Quand la construction est remise à zéro , l’appliquette appelle la fonction <br>
+
Quand la construction est remise à zéro , l’appliquette appelle la fonction '''suiviRAZ'''()}}</td>
<div style="margin-left: 40px;"><span style="font-family: monospace;">suiviRAZ</span><span style="font-family: monospace;">(</span><span style="font-family: monospace;">);</span></div>
 
</td>
 
 
  </tr>
 
  </tr>
 
  <tr>
 
  <tr>

Version du 17 décembre 2011 à 17:55

EN TRAVAUX !!! --Noel Lambert 10 décembre 2011 à 19:35 (CET)

--Noel Lambert 11 décembre 2011 à 10:39 (CET)


Description des méthodes publiques utilisables dans geogebra.GeoGebraApplet à l’aide de JavaScript par l’intermédiaire d’une page HTML.


Exemples

Exemple: le fragment de code HTML suivant ajoute un bouton "Réinitialiser" dans une page HTML, ce qui permet à l’utilisateur de ramener la construction affichée par GeoGebra dans son état initial :
<form>
<input type="button" value="Réinitialiser" onclick="document.applets[0].reset();">
</form>


Exemple: celui-ci ajoute deux boutons "Cacher A" et " Afficher A" pour changer l’état d’affichage de l’objet nommé “A" dans la construction
<form>
<input type="button" value="Cacher A" onclick="document.applets[0].setVisible('A', false);">
<input type="button" value="Afficher A" onclick="document.applets[0].setVisible('A', true);">
</form>


Exemple: Une fonction JavaScript "maConstruction()" est utilisée pour appeler plusieurs méthodes de l’appliquette GeoGebra.
Note : La langue est fixée à Français ("fr") avec le paramètre "language" dans la balise de l’appliquette afin de faire en sorte que la commande française "Droite" fonctionne.

<applet name="ggbApplet" code="geogebra.GeoGebraApplet" archive="geogebra.jar" width=200 height=40>
<param name ="fileName" value="circle.ggb">
<param name ="framePossible" value="false">
<param name ="language" value="fr">
<a href="http://www.java.com"> Installez Java 1.4.2</a> (ou supérieure) pour utiliser cette page.
</applet>

<script type="text/javascript">
function maConstruction() {
var applet = document.ggbApplet;
applet.evalCommand("A = (1,1)");
applet.evalCommand("B = (3,2)");
applet.evalCommand("s = Droite[A, B]");
}
</script>

<form>
<input type="button" value="Faire la construction" onclick="maConstruction();">
</form>


Exemple: Explorez le code source de l'exemple suivant qui utilise JavaScript.
http://www.geogebra.org/source/program/applet/geogebra_applet_javascript_test.htm


Exemple: Ceci est un exemple de fichier qui utilise un add listener pour savoir si une construction particulière a été complétée (et alors envoie le message "Well done").
http://www.geogebra.org/en/examples/javascriptAutomaticCheckingExercise.html


Méthodes utilisables

Méthode Description
evalCommand(commande) Évalue la chaîne comme si vous l’aviez entrée dans le champ de saisie [ex : evalCommand('s = Droite[A, B]')].
Vous pouvez utiliser plusieurs commandes en les séparant par "\n"
Note : Utilisez le paramètre “language” language parameter pour vous assurez que la commande de votre langue est reconnue.
setUndoPoint() Définit un point de restauration. Utile si vous désirez que l'utilise puisse annuler l'action d'un evalCommand, par exemple si vous avez créé un bouton dans lHTML pour agir comme un outil personnalisé.

With these methods you can implement Applet to JavaScript communication. When you use any of the following methods, you should make sure to insert the MAYSCRIPT option add the end of the first line of your applet tag. For example:

 <applet name="ggbApplet" code="geogebra.GeoGebraApplet" codebase="." archive="geogebra.jar" width="500" height="250" MAYSCRIPT>

The MAYSCRIPT option is only needed for GeoGebraApplet to JavaScript communication; it is not needed for JavaScript to access the GeoGebraApplet methods.

For example, these methods can be used to

Définir l’état d’un objet

Méthodes générales

Méthode Description
deleteObject(nom) Efface l’objet cité.
Exemple: deleteObject('A')
setValue(nom, valeur) Affecte la valeur à l’objet cité
Exemple: setValue('n',36)
Note : Si cet objet n’est pas un nombre, rien ne se passe.
Si l’objet est un booléen, utiliser la valeur 1 pour le mettre à ‘Vrai’, n’importe quelle valeur pour le mettre à ‘Faux’.
setCoords(nom, x, y) Affecte les coordonnées à l’objet
Exemple: setCoords('A',-1,3)
Note : Si cet objet n’est ni point ni vecteur, rien ne se passe.
setColor(nom, rouge, vert, bleu) Affecte la couleur RVB à l’objet
Exemple: setColor('A',200,100,100)
setVisible(nom, booléen) Affiche (true) ou Cache (false) l’objet cité dans la vue Graphique
Exemple: setVisible('A',true)
setLabelVisible(nom, booléen) Affiche (true) ou Cache (false) l’étiquette de l’objet cité dans la vue Graphique
Exemple: setLabelVisible('A',false)
setLabelStyle(nom, booléen) Définit le style de l’étiquette de l’objet cité dans Graphique. Nom = 0, Nom & Valeur = 1, Valeur = 2 et Légende=3.
Exemple: setLabelStyle('A',1)
setFixed(nom, booléen) Définit la liberté de l’objet cité
Exemple: setFixed('A',true)
Note : Les objets fixes ne peuvent être modifiés.
setTrace(nom, booléen) Active ou non la trace de l’objet cité
Exemple: setTrace('A',false)
renameObject(ancien nom, nouveau nom) Renomme l’objet ancien nom en l’objet nouveau nom
setLayer(nom) Définit le calque de l’objet cité.
setLayerVisible(n°, booléen) Affiche ou cache tous les objets du calque n°
setLineStyle(nom,entier) Définit le style du trait (de 0 à 4)
setLineThickness(nom,entier) Définit l’épaisseur de l’objet (de 1 à 13) (1 par défaut)
setPointStyle(nom,entier) Définit le style du point (-1 par défaut, 0 disque, 1 cercle, 2 croix,3 plus, 4 diamant plein, 5 diamant vide, 6 triangle (nord), 7 triangle (sud), 8 triangle (est), 9 triangle (ouest))
setPointSize(nom,entier) Définit la taille du point (de 1 à 9)
setFilling(nom,nombre) Définit le remplissage de l’objet (de 0 à 1)

Animation automatique

Méthode Description
setAnimating(nom, booléen) Définit si l’objet cité peut être animé. Cela ne lance pas l'animation, utilisez startAnimation() pour le faire.
setAnimationSpeed(nom, nombre) Définit la vitesse d’animation de l’objet cité.
startAnimation() Lance l’animation pour les objets pouvant être animés.
stopAnimation() Arrête l’animation en cours.
isAnimationRunning() Retourne un booléen précisant si une animation est en cours ou non.

Connaître l’état d’un objet

Méthode Description
getXcoord(nom) Retourne l’abscisse de l’objet cité.
Exemple: getXcoord('A')
Note : Retourne 0 si l’objet n’est ni un point ni un vecteur.
getYcoord(nom) Retourne l’ordonnée de l’objet cité.
Exemple: getYcoord('u')]
Note : Retourne 0 si l’objet n’est ni un point ni un vecteur.
getValue(nom) Retourne la valeur de l’objet cité ( longueur pour un segment, aire pour un polygone, etc.).
Exemple: getValue('poly1')]
Note : Retourne 0 s’il l’objet n’a pas de valeur associée.
Si l’objet est un booléen, retourne 1 pour ‘Vrai’, 0 pour ‘Faux’.
getColor(nom) Retourne la couleur de l’objet cité sous forme d’une chaîne hexadécimale.
Exemple: getColor('A') retourne "#FF0000" si A est rouge.
Note : la chaîne hexadécimale commence toujours par # et ne contient pas de lettres minuscules.
getVisible(nom) Retourne ‘true’ ou ‘false’ suivant que l’objet cité est affiché ou non dans la vue Graphique. Retourne ‘false’ si l'objet n'existe pas.
getValueString(nom) Retourne la valeur de l’objet cité sous forme de chaîne.
getDefinitionString(nom) Retourne la définition (l’info bulle) de l’objet cité.
getCommandString(nom) Retourne la commande à saisir pour créer l’objet cité.
getObjectType(nom) Retourne le type de l’objet cité sous forme de chaîne (comme "point", "line", "circle", etc. en Anglais !).
exists(nom) Retourne un booléen attestant l’existence ou non de l’objet cité dans la construction.
isDefined(nom) Retourne un booléen attestant la validité actuelle ou non de l’objet .
getObjectNumber() Retourne le nombre d’objets dans la construction.
getObjectName(n) Retourne le nom du n-ème objet de la construction (attention, le compteur commence à 0).
getLayer(nom) Retourne le numéro du calque de l’objet cité.
getLineStyle(nom) Retourne le style du trait (de 0 à 4)
getLineThickness(nom) Retourne l’épaisseur de l’objet (de 1 à 13) (1 par défaut)
getPointStyle(nom) Retourne le style du point (-1 par défaut, 0 disque, 1 cercle, 2 croix,3 plus, 4 diamant plein, 5 diamant vide, 6 triangle (nord), 7 triangle (sud), 8 triangle (est), 9 triangle (ouest))
getPointSize(nom) Retourne la taille du point (de 1 à 9)
getFilling(nom) Retourne le remplissage de l’objet (de 0 à 1)

Construction / Interface Utilisateur

Méthode Description
setMode(code du mode) Définit le mode au code fourni
Exemple: setMode(0) pour mode Déplacer
. (voir toolbar reference et applet parameters "showToolBar" et  "customToolBar" )
openFile(URL) Ouvre le fichier dont l’URL est donnée sous forme absolue ou relative)[ex : openFile('fichier.ggb')].
reset() Réinitialise la construction.
refreshViews() Rafraîchit l’affichage.
Note : Cela efface toutes les traces dans la vue Graphique.
setOnTheFlyPointCreationActive(booléen)
Autorise (true) ou non (false) la création de points "à la volée". {{Note | À utiliser si vous ne désirez pas que les outils créent des points.
hideCursorWhenDragging(booléen)
Affiche(true) ou non (false) le curseur de la souris quand on déplace un object.
setRepaintingActive(booléen)
Active (true) ou non (false) le recalcul de la figure). Note : cette méthode est surtout à utiliser quand vous utilisez plusieurs méthodes.
setErrorDialogsActive(boolean flag) Bascule pour l’affichage ou non du dialogue d’erreur.
Note : C'est très utile avec l'utilisation de evalCommand().
setCoordSystem(xmin, xmax,ymin,ymax) Définit la fenêtre graphique.
Exemple: setCoordSystem(-5,10,-1,20)
setAxesVisible(booléen, booléen) Affiche (true) ou Cache (true) indépendamment chacun des axes.
Exemple: setAxesVisible(true, false)
setGridVisible(booléen) Affiche (true) ou Cache (true) la grille.

Communication de GeoGebraApplet à JavaScript

Avec ces méthodes vous pouvez implémenter une communication de l’appliquette au JavaScript.

Quand vous utilisez une des méthodes suivantes, vous devez vous assurer que vous avez inséré l’option MAYSCRIPT à la fin de la ligne d’appel de l’appliquette.

Par exemple :

<applet name="ggbApplet" code="geogebra.GeoGebraApplet" codebase="." archive="geogebra.jar" width="500" height="250" MAYSCRIPT>. L'option MAYSCRIPT n'est seulement nécessaire que pour la communication de GeoGebraAppletavec JavaScript ; ellen'est pas nécessaire à JavaScript pour accéder au méthodes de GeoGebraApplet.

Par exemple, ces méthodes peuvent être utilisées pour :

Méthode Description
registerAddListener(String JSFunctionName) Déclare une fonction JavaScript en tant que mouchard des ajouts dans l’appliquette de construction.

Dès qu’un nouvel objet est créé, la fonction JS est appelée avec comme argument le nouvel objet.

Exemple: Déclarez d’abord, une fonction JS d’écoute :

ggbApplet.registerAddListener("suiviAjout");

Dès qu’un objet "A" est créé, l’appliquette GeoGebra appelle la fonction suiviAjout("A")
unregisterAddListener(nom) Retire un mouchard d’ajouts déclaré auparavant, voir registerAddListener()
registerRemoveListener(fonctionJS) Déclare une fonction JavaScript en tant que mouchard des retraits dans l’appliquette de construction.

Dès qu’un objet est supprimé, la fonction fonctionJS est appelée avec comme argument le nom de l’objet effacé.

Note : Quand une construction est mise à zéro, le mouchard n’est pas appelé pour chacun des objets élémentaires, voir registerClearListener().
Exemple: Déclarez d’abord, une fonction JS d’écoute :

ggbApplet.registerRemoveListener("suiviRetrait");

Dès qu’un objet "A" est effacé, l’appliquette GeoGebra appelle la fonction suiviRetrait("A")
unregisterRemoveListener(nom) Retire un mouchard de retraits déclaré auparavant, voir registerRemoveListener()
registerUpdateListener(fonctionJS) Déclare une fonction JavaScript en tant que mouchard des modifications dans l’appliquette de construction. Dès qu’un objet quelconque est modifié, la fonction fonctionJSest appelée avec comme argument le nom de l’objet modifié.
Note : si vous voulez suivre les modifications d’un seul objet utilisez plutôt registerObjectUpdateListener().
Exemple: Déclarez d’abord, une fonction JS d’écoute :

ggbApplet.registerUpdateListener("suiviModifs");

Dès que l’objet "A" est modifié, l’appliquette GeoGebra appelle la fonction suiviModifs("A")
unregisterUpdateListener(nom) Retire un mouchard de modifications déclaré auparavant, voir registerUpdateListener()
registerObjectUpdateListener(nom, fonctionJS) Déclare une fonction JavaScript en tant que mouchard des modifications pour un simple objet dans l’appliquette de construction. Dès que l’objet suivi est modifié, la fonction fonctionJS est appelée avec comme argument le nom de l’objet modifié. Si l’objet avait auparavant une valeur par la fonction JS, l’ancienne valeur est actualisée.
Note : toutes les écoutes de modifications d’objets sont effacées quand l’objet associé est supprimé ou que la construction est remise à zéro, voir registerRemoveListener() et registerClearListener().
Exemple: Déclarez d’abord, une fonction JS d’écoute :

ggbApplet.registerObjectUpdateListener("A", "monsuiviA");

Dès que A est modifié, l’appliquette appelle la fonction monsuiviA("A")
Note : un mouchard de modifications d’un objet continue à fonctionner après que cet objet ait été renommé.
unregisterObjectUpdateListener(nom) Retire le mouchard de modifications de l’objet cité, voir registerObjectUpdateListener()
registerRenameListener(fonctionJS) Déclare une fonction JavaScript en tant que mouchard des changements de nom dans l’appliquette de construction. Dès qu’un objet est renommé, la fonction fonctionJS est appelée avec comme argument l’ancien nom de l’objet et le nouveau.
Exemple: Déclarez d’abord, une fonction JS d'écoute :

ggbApplet.registerRenameListener("monsuiviRenommer");

Dès qu’un objet "A" est renommé en "B", l’appliquette appelle la fonction monsuiviRenommer("A", "B")
unregisterRenameListener(nom) Retire le mouchard de changements de nom déclaré auparavant, voir registerRenameListener()
registerClearListener(fonctionJS) Déclare une fonction JavaScript en tant que mouchard des remises à zéro dans l’appliquette de construction. Dès que la construction est remise à zéro (i.e. tous les objets sont supprimés), la fonction fonctionJS est appelée sans argument.
Note : tous les mouchards de modifications ne sont plus déclarés quand une construction est remise à zéro. Voir registerUpdateListener() et registerRemoveListener().
Exemple: Déclarez d’abord, une fonction JS d'écoute :

ggbApplet.registerClearListener("suiviRAZ");

Quand la construction est remise à zéro , l’appliquette appelle la fonction suiviRAZ()
unregisterClearListener(fonctionJS) Retire le mouchard de remises à zéro déclaré auparavant, voir registerClearListener()

Format XML de GeoGebra

Avec ces méthodes vous pouvez définir tout objet dans une construction. (voir Références XML ).

Méthode Description
evalXML(chaînexml) Évalue la chaîne fournie et modifie la construction actuelle. Note: la construction n’est pas effacée avant l’évaluation de la chaîne XML.
setXML(chaînexml) Évalue la chaîne fournie et modifie la construction actuelle. Note: la construction est effacée avant l’évaluation de la chaîne XML. Cette méthode peut être utilisée pour charger des constructions.
getXML()
Retourne l’actuelle construction sous forme d’une chaîne dans le format XML de GeoGebra. Cette méthode peut être utilisée pour sauver des constructions.

Exemple :

<form name="nonof"><input type="button" value="get" 
onclick="document.nonof.nonot.value=document.ggbApplet.getXML()";">
<textarea name="nonot" rows=8 cols=60> </textarea>
</form>


getXML(nom)
Retourne uniquement la chaîne de construction XML de l’objet cité., i.e. seulement le paragraphe <element>.
getAlgorithmXML(nom)

Retourne une chaîne vide pour un objet libre. Retourne la chaîne de construction XML de l’ascendant (et de tous ses descendants) de l’objet cité pour un objet dépendant

Divers

Méthode Description
evalMathPiper(chaîne) Passe la chaîne à MathPiper et retourne le résultat sous forme de chaîne.
getIPAddress() Retourne l'addresse IP de l'ordinateur sous forme de chaîne, par ex. "192.168.0.4"
getHostname() Retourne le nom d'hôte de l'ordinateur sous forme de chaîne.
debug(chaîne) Écrit la chaîne dans la Console Java
© 2024 International GeoGebra Institute