Affichage des articles dont le libellé est bouton. Afficher tous les articles
Affichage des articles dont le libellé est bouton. Afficher tous les articles

lundi 20 septembre 2010

Tutoriel Javascript 2 : Placer un point au hasard



Sorry, the GeoGebra Applet could not be started. Please make sure that Java 1.5 (or later) is installed and active in your browser (Click here to install Java now)




Il faut créer le code d'une fonction pour générer l'abscisse du point :

<script type="text/javascript">
//
function gensetInt(objName,rang) {
    // génère un signe plus ou moins
  var sgn1 = 2*Math.floor(Math.random()*2)-1;
    // genère un nombre entier entre 1 et rang 
  var n1 = Math.ceil(Math.random()*rang);
  var z=sgn1*n1;
  document.ggbApplet.evalCommand(objName + " = " + z);
}
//
</script>

Ensuite il faut générer le code du bouton créant le nouveau point :

<input  type="button" value="Nouveau Point" onclick="gensetInt('a',10);">

Dans le fichier GeoGebra, a est un curseur variant de -10 à 10 et A=(a,0).

Remarque: L'abscisse du point ne vaudra jamais 0 avec une telle fonction !

Source : http://math247.pbworks.com/GeoGebra-and-Javascript

L'objet Math en Javascript : http://www.commentcamarche.net/contents/javascript/jsmath.php3

Tutoriel Javascript 1 : Créer des boutons






Sorry, the GeoGebra Applet could not be started. Please make sure that Java 1.4.2 (or later) is installed and active in your browser (Click here to install Java now)













Syntaxe Javascript de chaque bouton.
Le code se situe juste en dessous de celui de l'applet GeoGebra:

<input type="button" value="Cacher A" onclick="document.ggbApplet.setVisible('A', false);">

<input type="button" value="Montrer A" onclick="document.ggbApplet.setVisible('A', true);">

<input type="button" value="A rouge" onclick="document.ggbApplet.setColor('A', 255, 0, 0);">

<input type="button" value="A bleu" onclick="document.ggbApplet.setColor('A', 0, 0, 255);">

<input type="button" value="A et B bleus" onclick="document.ggbApplet.setColor('A', 0, 0, 255);
                                               document.ggbApplet.setColor('B', 0, 0, 255);">

<input type="button" value="A et B rouges" onclick="document.ggbApplet.setColor('A', 255, 0, 0);
                                               document.ggbApplet.setColor('B', 255, 0, 0);">

<input type="button" value="Supprimer A" onclick="document.ggbApplet.deleteObject('A');">

<input type="button" value="RAZ" onclick="document.ggbApplet.reset();">

<input onclick="tracedroite();" type="button" value="Afficher la droite (AB)" />


<input type="button" value="Effacer la droite(AB)" onclick="document.ggbApplet.deleteObject('D');">



Code de la fonction pour tracer la droite:

<script type="text/javascript">
function tracedroite()
{
var app = document.ggbApplet;
app.setRepaintingActive(false);
app.evalCommand("D=Droite[A,B]");
app.setRepaintingActive(true);
}
</script>


Source : http://claparede.educanet2.ch/gisin3os/javascript/geogebra/geogebra.html