Pergunta : Indicando EXTENSÕES para simular TB-LR um pouco do que a maneira LR-TB normal de indicar coisas.

Hello.

I am que constroem um widget genérico que indique um jogo dos checkboxes e as etiquetas em um utilizador final do líquido grid.

The possam controlar o tamanho do recipiente, adicionam a denominação aos elementos, o widget etc.

The aceita um jogo de pairings do id=label e indica-os como… o class= " lineNumbers " >
1 do >

	value=” {$a_Data [“UniqueID”]}” id= " C_ cbGrid " do name= do " do " checkbox do type= do 
	for= " C_ do 

o class= >

Nothing demasiado complicated.

I've de 

In que da formação. a pequena notícia de código uniu, I've começ um exemplo de estática. A versão inteiramente dinâmica não é aperfeiçoada ainda, mas trabalha inteiramente em IE8Standards, em Firefox e em cromo. É apenas uma pouco lenta no IE e FF.


What que eu gostaria de fazer é reorganizar as extensões de modo que em vez da leitura left-to-right, de cima para baixo, leia de cima para baixo, maiores problemas de left-to-right.

The 2 eu tenho sou: 

1 - o número de elementos é desconhecido até que o widget de runtime

The inclua um elemento de AJAX para recuperar a lista de ids e de etiquetas de uma base de dados. A lista pode ser todos os dados a que houver um lado de usuário apropriado responder.

2 - o número de colunas sou desconhecido até que o número de runtime

The de colunas esteja determinado, no tempo de execução, pela largura do recipiente e pela largura máxima do texto, tomando em consideração a beira, margem e padding.


So, eu estou procurando realmente 2 things.

1 - que algoritmo pode mim se usar para permitir que eu classifique artigos de 1 n em colunas de 1 m tais que o último row contem quaisquer excessos esquerdos e que as colunas estão enchidas first.

2 - podem mim fazer esta em JS apenas aplicando o posicionamento? o 


OOI, o CSS3 experimental coluna-conta (e réguas associadas) pareceria oferecer aqui alguma esperança. Se elas worked.

-moz-column-count & - webkit-coluna-contar ambos parecem ser imperfeito neste momento. E exclui qualquer coisa em IE.



For os dados do exemplo, a saída deve olhar como… o class= " lineNumbers " >
1 do >

AJDDQVIRXB codeBody GCVCSZUAXVSSFDOXF LYMWLFUHDCSOGTDIVU QEDFDVCSRLPM WMNVUPCDXEM do " prettyprint " " do class= do id= " codeSnippet854356 do >


Any do class= de 

Really. Qualquer coisa considered.

Regards, 

Richard Quadling.

  
  class= > " desobstruído " do 

> do " codeSnippet " do class= do 

           class= " lineNumbers " do 

           class= do 

             
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:


           		
          >< notpretty " do class= " do id= " codeSnippet772712 do 
 
xmlns= " http://www.w3.org/1999/xhtml " do  
 
Índice-Tipo texto " do http-equiv= do  
content= X-A-Compatível " IE=edge "/> do http-equiv= " do Test: Etiqueta de estática Grid 
type= " texto do 
 
 

 
	
Test: Etiqueta de estática Grid
 
	
 
		Eu estou tentando criar uma grade pseudo tais que os checkboxes que toda a formação baseou nas larguras do labels.
 
		Estes precisam de ser dinâmicos enquanto as etiquetas novas são adicionadas cada outro mês ou assim.
	
 

 
id= " cbGrid " do 
 
	
Select labels
 
	value= AJDDQVIRXB do id= " L_37” de/>AJRWJTWTIPBGUBQ do id= " L_725” de/>AMIXMKEZGM do id= " L_48” de/>APYYSBXVPPWVIRDSQSYI do id= " L_759” de/>AQN do id= " L_771” de/>AVAXA do id= " L_90” de/>AVGQHKAIAYUGXEWQ do id= " L_75” de/>BJKJFJYFETPXVDFMHH do id= " L_737” de/>BKTYJGMNQXXAAA do id= " L_765” de/>BKUIQXHFJ do id= " L_79” de/>BMEHSWZISSBZ do id= " L_13” de/>BVPMKLOFBGLJSIB do id= " L_30” de/>CRQMMXAVSIYWKSLPB do id= " L_745” de/>CVEXAVCYQWY do id= " L_752” de/>EAWAYLHZ do id= " L_726” de/>EBIOVEMTA do id= " L_758” de/>ENGRPJGWDYCW do id= " L_756” de/>ENXUDZWUF do id= " L_63” de/>FJJMQKRMSVIHNAQXXW do id= " L_62” de/>FSKNGNNKQ do id= " L_1” de/>FVCXPZLXYPE do id= " L_82” de/>FWG do id= " L_772” de/>GAEUPSNZQRGWLYIF do id= " L_738” de/>GCVCSZUAXVSSFDOXF do id= " L_67” de/>GFGCXSWYEQJKRE do id= " L_60” de/>GITDBCVTAHVVFTLAMZG do id= " L_71” de/>GJAMXBZKSO do id= " L_18” de/>GONTINDHSIEMBS do id= " L_88” de/>GYVSKFC do id= " L_77” de/>HABDVNDI do id= " L_76” de/>HKZ do id= " L_730” de/>HNDHYSZBYZFGT do id= " L_747” de/>HOBINLMPWRWIDVBIOGR do id= " L_68” de/>HRWETYNHFGXJN do id= " L_41” de/>IFHNXGDGXXRDTEVIIJ do id= " L_44” de/>JOVFCFHUQBSRV do id= " L_81” de/>JPO do id= " L_43” de/>JQSZDG do id= " L_39” de/>JYWXVQMLMVTWZIBSE do id= " L_56” de/>KEL do id= " L_74” de/>LFKXNDOL do id= " L_721” de/>LLCNKIYRLPSYAOJM do id= " L_28” de/>LSFXIDXYLHBW do id= " L_72” de/>LXGVRMAP do id= " L_12” de/>LXVTZEBPY do id= " L_23” de/>LYMWLFUHDCSOGTDIVU do id= " L_742” de/>MBHTO do id= " L_739” de/>MNORWCWC do id= " L_58” de/>MOYM do id= " L_766” de/>MWPZ do id= " L_15” de/>MWTCCMNWCNSZJEZSJ do id= " L_769” de/>MZTBJSURMAPNP do id= " L_760” de/>NDPRBCDU do id= " L_748” de/>NEYAGJHGVACZ do id= " L_26” de/>NGVIWTZSLVWN do id= " L_749” de/>NMZRZXDFDJU do id= " L_712” de/>NOWPKIXJHS do id= " L_753” de/>PAPDJLVIVGBESBK do id= " L_69” de/>PBPQHIBFMIBNJY do id= " L_85” de/>POAOXFGNZBW do id= " L_761” de/>PQGSIPWFDMHOVY do id= " L_750” de/>PREOINTJWV do id= " L_770” de/>PTKKXCUEFGFAB do id= " L_736” de/>PUQYWOXUUZZMZ do id= " L_720” de/>PZQKHHVCBF do id= " L_767” de/>QCFZRB do id= " L_38” de/>QDKSFUMJQTPK do id= " L_55” de/>QEDFDVCSRLPM do id= " L_33” de/>QJMCOFZBGET do id= " L_42” de/>QXCIVWCGXPKTY do id= " L_66” de/>QYFJJMXMTCPDQD do id= " L_86” de/>RLZOOGHJNVZDEFKHT do id= " L_762” de/>RQXFJCZGYEWPDRTXZH do id= " L_751” de/>RSMKDDWUOSYAWEHEGC do id= " L_24” de/>SDFJXJDOXTXTBIBCO do id= " L_723” de/>SLNUYAL do id= " L_734” de/>SWOHQPGQNDLLEBAZ do id= " L_729” de/>TOE do id= " L_78” de/>TROXMCROFXKZ do id= " L_34” de/>TVGIMKBYRW do id= " L_727” de/>UANFZTVBBZCB do id= " L_73” de/>UJKACYFKSBSPIA do id= " L_65” de/>UOEPPBAZMRXUY do id= " L_735” de/>UZZOTOXRFPXEHFMQ do id= " L_70” de/>VETKKOWMZLAP do id= " L_11” de/>VUNNYXLNZUYLV do id= " L_614” de/>VXBICHZ do id= " L_29” de/>WKOTS do id= " L_20” de/>WLQYOETGJ do id= " L_35” de/>WMNVUPCDXEM do id= " L_755” de/>WNJSVVICXUSXL do id= " L_54” de/>WNSXUJLQUSLLFMF do id= " L_84” de/>WQF do id= " L_724” de/>WUGBNXILWXOKM do id= " L_757” de/>WYDDXRWDQPH do id= " L_19” de/>XEW do id= " L_80” de/>XLUAQ do id= " L_14” de/>XQABOUIJPWRZDTZEXI do id= " L_746” de/>XUGSSAUBZZI do id= " L_718” de/>XYKAWQEQMYDU do id= " L_713” de/>XZOCDZFIVHTGNPAA do id= " L_17” de/>YGWZCLJQFPI do id= " L_45” de/>YJBSJEJX do id= " L_719” de/>YLRJAFKTAQYZRJIJXXQ do id= " L_92” de/>YPGXRXKDVFZYAUZYH do id= " L_659” de/>YRBDXVWHEQUIT do id= " L_768” de/>YRLXQVQCWEKIAYG do id= " L_40” de/>YXYYDTZYGURC do id= " L_64” de/>YZALVXZFKPKFZE do id= " L_754” de/>ZMDLCZBLCWZKD do id= " L_59” de/>ZMFDWTXAJPMFBO
 do id= " L_714” de/>




 
  
 
  



Resposta : Indicando EXTENSÕES para simular TB-LR um pouco do que a maneira LR-TB normal de indicar coisas.


  

 



 


O seguinte código (inelegant) é não experimentado, mas deve começ o começado.

 
                       

                       

         

           
             
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:


           		
           
             
Dado o número de palavras e de colunas:

word_count do var = 111;
cols do var = 5;
var = 0 extra;
derramamento do var = [0.0.0.0.0]; // mesmos # dos elementos que # das colunas
o var enfileira = parseInt (word_count/cols, 10); Palavras de // por a coluna
var i = 0;

se (fileiras * cols)! word_count do ==) { 
    extra = word_count - (fileiras  * cols); Sobras de //?
    se (acréscimo! == 0) {
        enfileira += 1; Necessidade de // uma outra fileira para sobras
    }
}

/*
Você sabe que # das entradas por a coluna e você pode rachar o “word_list” em espaços 
(ou aba ou o que quer que) e laço com as palavras, construindo seus elementos
*

o var exprime = wordlist.split (''); // cria a disposição de palavras
extensão do var = [];

para (var i = 0; i  < cols="">
        extensão [(i  + (j * cols)] = "" + (i + (j * cols);
    }
}

/*
a “extensão” prende agora os elementos na ordem columnar:
[
   0, 24, 46, 68, 90,
   1, 25, 47, 69, 91,
   2, 26, 48, 70, 92,
…
  22, 45, 67, 89.111
  23  --  --  --  --
]

e você pode adicioná-los aos DOM com um laço simples
*

para (i = 0; i  < span="">
           
 

       

         

         

         

         

       










 

                            

                              

                                

                                  


                                    Outras soluções
                                     

 
programming4us programming4us