Flash forms au pixel près !

Il est possible de positionner un bouton correctement en s'aidant de CFFORMGROUP mais il est également possible de positionner un élément au pixel près. Comment ? En lui donnant ses coordonnées pardi ! Voici donc un exemple aussi idiot que simplifiable (inutile de brouiller les cartes). Notons au passage la présence de ses majestés CFFUNCTION et CFSAVECONTENT, elles font des merveilles dans ce genre de contexte :

<cffunction name="rangement" output="Yes">
<cfsavecontent variable="nvllesCoordonnees">
var x= 0;
var y = 120;
cadran._x = 13; cadran._y = -426;
bouton_1._x = x+20; bouton_1._y = y+20;
bouton_2._x = x+60; bouton_2._y = bouton_1._y;
bouton_3._x = x+100; bouton_3._y = bouton_1._y;
bouton_4._x = bouton_1._x; bouton_4._y = y+60;
bouton_5._x = bouton_2._x; bouton_5._y = bouton_4._y;
bouton_6._x = bouton_3._x; bouton_6._y = bouton_4._y;
bouton_7._x = bouton_1._x; bouton_7._y = y+100;
bouton_8._x = bouton_2._x; bouton_8._y = bouton_7._y;
bouton_9._x = bouton_3._x; bouton_9._y = bouton_7._y;
bouton_10._x = bouton_1._x; bouton_10._y = y+140;
bouton_11._x = bouton_2._x; bouton_11._y = bouton_10._y;
bouton_12._x = bouton_3._x; bouton_12._y = bouton_10._y;
</cfsavecontent>
<cfreturn nvllesCoordonnees>
</cffunction>

<cfform format="flash">
<cfformgroup type="panel" width="165" visible="yes" enabled="yes">
<cfinput type="button" name="bouton_1" value="1"
height="30" width="30" onclick="#rangement()#;">
<cfinput type="button" name="bouton_2" value="2"
height="30" width="30" onclick="#rangement()#;">
<cfinput type="button" name="bouton_3" value="3"
height="30" width="30" onclick="#rangement()#;">
<cfinput type="button" name="bouton_4" value="4"
height="30" width="30" onclick="#rangement()#;">
<cfinput type="button" name="bouton_5" value="5"
height="30" width="30" onclick="#rangement()#;">
<cfinput type="button" name="bouton_6" value="6"
height="30" width="30" onclick="#rangement()#;">
<cfinput type="button" name="bouton_7" value="7"
height="30" width="30" onclick="#rangement()#;">
<cfinput type="button" name="bouton_8" value="8"
height="30" width="30" onclick="#rangement()#;">
<cfinput type="button" name="bouton_9" value="9"
height="30" width="30" onclick="#rangement()#;">
<cfinput type="button" name="bouton_10" value="*"
height="30" width="30" onclick="#rangement()#;">
<cfinput type="button" name="bouton_11" value="0"
height="30" width="30" onclick="#rangement()#;">
<cfinput type="button" name="bouton_12" value="##"
height="30" width="30" onclick="#rangement()#;">
<cfinput type="text" name="cadran" value="Cliquez-moi"
height="120" width="120" onmousedown="#rangement()#;">
</cfformgroup>
</cfform>

Notons que le dernier champ passe au dessus des autres, les coordonnées deviennent dès lors étrangement relatives. Bref, cela ne ressemble pas encore à un Nokia mais avec un peu de patience...