Untitled Application
False
667
520
False
False
False
WebApp
False
.panels{
text-align:center;
padding-top:10px;
font-size:12pt;
color:#376f9e;
border:1px solid #d0d0d0;
background-color:#efefef;
cursor:pointer;
width:50px;
height:50px;
position:absolute;
}
en
[AndroidOS,iOS,WindowsPhoneOS]
normal
True
True
False
True
True
False
False
True
False
False
Loop 1 26 [hide]
HideObject "f[hide]" "zoomOut" 14
EndLoop
ShowObject "f[show]" "zoomIn" 14
[show]|INTEGER|show
520px
8px
136px
40px
Create Buttons 1
SetVar [letras1] "A"
SetVar [letras2] "B"
SetVar [letras3] "C"
SetVar [letras4] "D"
SetVar [letras5] "E"
SetVar [letras6] "F"
SetVar [letras7] "G"
SetVar [letras8] "H"
SetVar [letras9] "I"
SetVar [letras10] "J"
SetVar [top] 0
SetVar [left] 0
SetVar [cadena] ""
Loop 1 10 [i]
Loop 1 10 [n]
SetVar [top] [n]*50-50
SetVar [left] [i]*50-50
GetCompVar [letter] [letras[n]]
SetVar [cadena] "[cadena]<div onclick='$(this).animate({opacity: 0})' style='top:[top]px;left:[left]px' class='panels' id='[letter][i]'>[letter][i]</div>"
EndLoop
EndLoop
SetObjectHTML "Container1" "[cadena]"
8px
8px
500px
500px
520px
56px
136px
40px
Create Buttons 2
BeginJS
function crearPanelesC2(){
var letras = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J"];
var top=0;
var left=0;
var cadena="";
for(i=1;i<11;i++){
for(n=1;n<11;n++){
left=(i*50)-50;
top=(n*50)-50;
cadena=cadena+"<div onclick='$(this).animate({opacity: 0})' style='top:"+top+"px;left:"+left+"px' class='panels' id='"+letras[n-1]+i+"'>"+letras[n-1]+i+"</div>";
}
}
$("#Container1").html(cadena);
}
crearPanelesC2();
EndJS
0px
0px
667px
375px
False