Ho letto adesso il tuo ultimo post ma intanto avevo già fatto qualcosa, prova un po' a vedere, se ho capito bene dovresti riuscire ad adattarlo:

codice:
<html>
<head>
<style>
.nascosto {display:none;}
.visibile {display:block;}
</style>

<script type="text/javascript">
   var $c;
   function cambia() {
      if ($c == "lo") {
         document.getElementById('min').className = "visibile";
         document.getElementById('mai').className = "nascosto";
         $c = "up";
      } else {
         document.getElementById('min').className = "nascosto";
         document.getElementById('mai').className = "visibile";
         $c = "lo";
      }
   }

   function scrivi(pulsante) {
      document.getElementById('div_out').innerHTML = document.getElementById('div_out').innerHTML + pulsante.value;
   }
</script>
</head>
<body>
<?php
$matrice_caratteri[min][0]="a";
$matrice_caratteri[min][1]="b";
$matrice_caratteri[min][2]="c";
$matrice_caratteri[min][3]="d";
$matrice_caratteri[min][4]="e";
$matrice_caratteri[Maius][0]="A";
$matrice_caratteri[Maius][1]="B";
$matrice_caratteri[Maius][2]="C";
$matrice_caratteri[Maius][3]="D";
$matrice_caratteri[Maius][4]="E";
$c = "min";
print ("<div id='min' class='visibile'>\r\n");
for($i=0;$i<=4;$i++){
	print ("<input type='button' value='{$matrice_caratteri[$c][$i]}' onclick='scrivi(this)' />\r\n");
}
print ("</div>\r\n");
$c = "Maius";
print ("<div id='mai' class='nascosto'>\r\n");
for($i=0;$i<=4;$i++){
	print ("<input type='button' value='{$matrice_caratteri[$c][$i]}' onclick='scrivi(this)' />\r\n");
}
print ("</div>\r\n");
print ("<input type='button' value='cambia' onclick='cambia()' />\r\n");
?>

<div id="div_out"></div>
</body>
</html>
Ora vado a casa, mi ricollegherò domani.
Ciao