Count Selected Shuttle Items

Question

Apex 3.2
I have a shuttle item and a text box.
As the user moves items from the left of the shuttle to the right, I would like to display a count (in the text box) of the number
of items he has chosen.
I know that his will probably have to be done with an onclick javascript function, but I have no idea how to do it.
I cannot use dynamic actions, as this is an Apex 3.2 application.
Please have a look at my workspace
Workspace: GUSCRIGHTON
Username: [email protected]
Password: terminator
App Id: 25851
Page: 5
Thanks
Gus

Answer 1

I was kind of hoping to capture the change event on the shuttle fieldset, but can't, for some reason. I'm too rusty in my js-fu. If that'd even work in 3.2, no clue.
Binding to the controls like Jari suggested works though.
function setShuttleSelectedAmount(pShuttleId, pAmount){
  var lAmount = document.getElementById(pShuttleId+"_RIGHT").children.length;
  document.getElementById("P5_DESCRIPTION").value = lAmount;
function attachShuttleEvents(pShuttleId){
  document.getElementById(pShuttleId+"_RESET").addEventListener("click", function(){
    setShuttleSelectedAmount(pShuttleId);
  }, false);
  document.getElementById(pShuttleId+"_MOVE").addEventListener("click", function(){
    setShuttleSelectedAmount(pShuttleId);
  }, false);
  document.getElementById(pShuttleId+"_MOVE_ALL").addEventListener("click", function(){
    setShuttleSelectedAmount(pShuttleId);
  }, false);
  document.getElementById(pShuttleId+"_REMOVE").addEventListener("click", function(){
    setShuttleSelectedAmount(pShuttleId);
  }, false);
  document.getElementById(pShuttleId+"_REMOVE_ALL").addEventListener("click", function(){
    setShuttleSelectedAmount(pShuttleId);
  }, false);
  document.getElementById(pShuttleId+"_LEFT").addEventListener("dblclick", function(){
    setShuttleSelectedAmount(pShuttleId);
  }, false);
  document.getElementById(pShuttleId+"_RIGHT").addEventListener("dblclick", function(){
    setShuttleSelectedAmount(pShuttleId);
  }, false);
attachShuttleEvents("P5_SHUTTLE");
PS: I also want to mention that this may be browser dependant, especially for IE<9 where you would need to use attachEvent instead of addEventListener...
Edit: maybe Paul knows more!