Tutorial:Optando a Botonera

De GeoGebra Manual
Saltar a: navegación, buscar

Plantilla:Tutoriales Plantilla:Interfaz GeoGebra ofrece diversos tipos de cajas que pueden presentar casillas a ser activadas o tildadas y que, en general, pueden seleccionarse simultáneamente.
Las de relaciones excluyentes, en cambio, solo permiten la selección de una única de entre las opciones planteadas.

Esta página propone un modo de desarrollar tal situación a partir de una secuencia de comandos plasmados en un guion (scripts) de GeoGebra asociada a cada de una caja.

Paso a Paso

  • 1 Crear tres casillas de control puntuales: a, b y c

  • 2 Con un clic derecho en la casilla de verificación a se abre el Cuadro de Propiedades y en la alternativa de Programas de guion - Scripting, se puede anotar la siguiente secuencia de comandos en el cuadro de texto correspondiente a la pestaña Al Actualizar:
Valor(a, true)
Valor(b, false)
Valor(c, false)
... que se verá como:
Valor(a, true)
Valor(b, false)
Valor(c, false)
Bulbgraph.pngAtención:
Es preciso controlar que la lista desplegable al pie esté indicando la alternativa guion (Script) GeoGebra
Se debe validar el guion anotado pulsando el botón "OK" antes de cerrar la caja de diálogo de propiedades.


  • 3 Al repetir la maniobra detallada para cada una de las restantes casillas, "b" y "c", se debe sustituir los valores de verdad adecuadamente.
    El true corresponderá a "b" y a los respectivos restantes se les asignará false:
Valor(a, false)
Valor(b, true)
Valor(c, false)


  • 4 Controlar que en el guion para "c" el true corresponda a "c" y que a los respectivos restantes se les asigne false':
Valor(a, false)
Valor(b, false)
Valor(c, true)


  • 5 Revisar las casillas de control para verificar que cada vez que se selecciona una de ellas, las restantes quedan des-habilitadas y viceversa.
    De modo que una y solo una pueda quedar tildada por vez.

¿Hacemos una pausa?

Un javascript global puede ser la clave, pero lo que requiere la botonera lleva elementos específicos, como se ilustra a continuación:

function ggbOnInit()
  {var Botonera=["a","e","i","o","u","v"];
     for(i=0;i<Botonera.length;i++)
        {ggbApplet.registerObjectUpdateListener(Botonera[i],"radio");}
  }
  function radio (nom)
  { var Botonera=["a","e","i","o","u","v"];
if (ggbApplet.getValue(nom))
     {
        for(i=0;i<Botonera.length;i++)
        {
           if (nom!=Botonera[i])
              ggbApplet.setValue(Botonera[i],0);
        }
     }
  }

Efectivamente, hay un botón de "v" aunque su etiqueta sea 'y'.
Su nombre no es 'y' dado que no es aceptado para identificar una variable lógica.

Una presentación "clásica" y colorida

Al crear tres puntos A, B y C de estilo hueco y tamaño 9 que mantengan oculto su rótulo, se cuenta con los que van a quedar permanentemente a la vista.
Los complementarios, visibles cuando cada casilla o la opción así lo determine, serán:

  • A'=(x(A),y(A)) de estilo pleno ● y medida 6 y rótulo oculto
  • B'=(x(B),y(B)) de estilo pleno ● y medida 6 y rótulo oculto
  • C'=(x(C),y(C)) de estilo pleno ● y medida 6 y rótulo oculto


Se asocia a un número que puede denominarse opción el valor asignado a la casilla elegida.


Los guiones - Al clic - pueden escribirse del siguiente modo:

Para A'.... Valor(opción, 1)
Para B'.... Valor(opción, 2)
Para C'.... Valor(opción, 3)

Para opción:
Color(A', Elemento({"green", "red", "red"}, opción}))
Color(B', Elemento({"red", "green", "red"}, opción}))
Color(C', Elemento({"red", "red", "green"}, opción}))

De este modo, se le asignan a los puntos complementarios los comportamientos que se listan a continuación:

Bulbgraph.pngAtención: Se podrían emplear los nombres de los colores en español (Rojo y Verde en cada caso).
Se los anotó en inglés para dar mayor generalidad al guion.
Color(A',"green")            Color(B',"green")            Color(C',"green")
Color(B',"red")            Color(A',"red")            Color(B',"red")
Color(C',"red")            Color(C',"red")            Color(A',"red")
opción = 1            opción = 2            opción = 3


Bulbgraph.pngAtención:
Solo para lograr consistencia con los valores booleanos, se le asigna el valor opción ≟ 1 a a, opción ≟ 2 a b y opción ≟ 3 a c respectivamente.


Anotando Valores

En el ejemplo, se añade el texto que indica...


"El valor correspondiente a la casilla elegida es... " opción



El texto tiene una primera parte fija y la última dinámicamente cambiante según el valor del objeto opción que fue definido adecuadamente para que se cumpla la esperado, tal como se verificará explorando la siguiente aplicación.



© 2021 International GeoGebra Institute