Vraag : Het tonen OVERSPANT om tb-lr eerder dan de normale manier te simuleren lr-tb om dingen te tonen.

Hello.

I am een generische widget bouwen die een reeks checkboxes en etiketten in een vloeibare grid.

The zal tonen beëindigen - de gebruiker zal de grootte van de container kunnen controleren, toevoegt om het even welke het stileren aan de elementen, keurt etc.

The widget een reeks id=label het in paren rangschikken goed en toont hen zoals… 
1:
2:
3:
4:


	

  
  

   



           " codeBody " 

         

           
             
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:


           		
          
 
 
 
 
 
het meest Test: Statisch Etiket Grid 

 
 

 
	
Test: Statisch Etiket Grid
 
	
 
		Ik probeer om een pseudonet tot stand te brengen dusdanig dat checkboxes al die opstelling op de breedten van labels.
 wordt gebaseerd 
		Deze moeten dynamisch zijn aangezien de nieuwe etiketten elke andere maand of zo worden toegevoegd.
	
 

 

 
	
Select labels
 
	AJDDQVIRXB 
	AJRWJTWTIPBGUBQ 
	AMIXMKEZGM 
	APYYSBXVPPWVIRDSQSYI 
	AQN 
	AVAXA 
	AVGQHKAIAYUGXEWQ 
	BJKJFJYFETPXVDFMHH 
	BKTYJGMNQXXAAA 
	BKUIQXHFJ 
	BMEHSWZISSBZ 
	BVPMKLOFBGLJSIB 
	CRQMMXAVSIYWKSLPB 
	CVEXAVCYQWY 
	EAWAYLHZ 
	EBIOVEMTA 
	ENGRPJGWDYCW 
	ENXUDZWUF 
	FJJMQKRMSVIHNAQXXW 
	FSKNGNNKQ 
	FVCXPZLXYPE 
	FWG 
	GAEUPSNZQRGWLYIF 
	GCVCSZUAXVSSFDOXF 
	GFGCXSWYEQJKRE 
	GITDBCVTAHVVFTLAMZG 
	GJAMXBZKSO 
	GONTINDHSIEMBS 
	GYVSKFC 
	HABDVNDI 
	HKZ 
	HNDHYSZBYZFGT 
	HOBINLMPWRWIDVBIOGR 
	HRWETYNHFGXJN 
	IFHNXGDGXXRDTEVIIJ 
	JOVFCFHUQBSRV 
	JPO 
	JQSZDG 
	JYWXVQMLMVTWZIBSE 
	KEL 
	LFKXNDOL 
	LLCNKIYRLPSYAOJM 
	LSFXIDXYLHBW 
	LXGVRMAP 
	LXVTZEBPY 
	LYMWLFUHDCSOGTDIVU 
	MBHTO 
	MNORWCWC 
	MOYM 
	MWPZ 
	MWTCCMNWCNSZJEZSJ 
	MZTBJSURMAPNP 
	NDPRBCDU 
	NEYAGJHGVACZ 
	NGVIWTZSLVWN 
	NMZRZXDFDJU 
	NOWPKIXJHS 
	PAPDJLVIVGBESBK 
	PBPQHIBFMIBNJY 
	POAOXFGNZBW 
	PQGSIPWFDMHOVY 
	PREOINTJWV 
	PTKKXCUEFGFAB 
	PUQYWOXUUZZMZ 
	PZQKHHVCBF 
	QCFZRB 
	QDKSFUMJQTPK 
	QEDFDVCSRLPM 
	QJMCOFZBGET 
	QXCIVWCGXPKTY 
	QYFJJMXMTCPDQD 
	RLZOOGHJNVZDEFKHT 
	RQXFJCZGYEWPDRTXZH 
	RSMKDDWUOSYAWEHEGC 
	SDFJXJDOXTXTBIBCO 
	SLNUYAL 
	SWOHQPGQNDLLEBAZ 
	TOE 
	TROXMCROFXKZ 
	TVGIMKBYRW 
	UANFZTVBBZCB 
	UJKACYFKSBSPIA 
	UOEPPBAZMRXUY 
	UZZOTOXRFPXEHFMQ 
	VETKKOWMZLAP 
	VUNNYXLNZUYLV 
	VXBICHZ 
	WKOTS 
	WLQYOETGJ 
	WMNVUPCDXEM 
	WNJSVVICXUSXL 
	WNSXUJLQUSLLFMF 
	WQF 
	WUGBNXILWXOKM 
	WYDDXRWDQPH 
	XEW 
	XLUAQ 
	XQABOUIJPWRZDTZEXI 
	XUGSSAUBZZI 
	XYKAWQEQMYDU 
	XZOCDZFIVHTGNPAA 
	YGWZCLJQFPI 
	YJBSJEJX 
	YLRJAFKTAQYZRJIJXXQ 
	YPGXRXKDVFZYAUZYH 
	YRBDXVWHEQUIT 
	YRLXQVQCWEKIAYG 
	YXYYDTZYGURC 
	YZALVXZFKPKFZE 
	ZMDLCZBLCWZKD 
	ZMFDWTXAJPMFBO

Antwoord : Het tonen OVERSPANT om tb-lr eerder dan de normale manier te simuleren lr-tb om dingen te tonen.

De volgende (inelegant) code is onbeproefd, maar het zou u begonnen moeten krijgen.

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:

Gezien het aantal woorden en kolommen:

var word_count = 111;
var cols = 5;
var extra = 0;
var morserij = [0.0.0.0.0]; // Zelfde # van elementen zoals # van kolommen
var rijen = parseInt (word_count/cols, 10); // Woorden per kolom
var i = 0;

als (rijen * cols)! == word_count) { 
    extra = word_count - (rijen  * cols); // Resten?
    als (extra! == 0) {
        rijen += 1; // Behoefte een andere rij aan resten
    }
}

/*
U kent # van ingangen per kolom en u kunt „word_list“ op ruimten verdelen 
(of lusje of wat) en lijn door de woorden, die uw elementen bouwen
*/

var woorden = wordlist.split (''); // leidt tot serie van woorden
var spanwijdte = [];

voor (var i = 0; i  < cols="">
        spanwijdte [(I  + (j * cols)] = "" + (I + (j * cols);
    }
}

/*
de „spanwijdte“ houdt nu de elementen in zuilvormige orde:
[
   0, 24, 46, 68, 90,
   1, 25, 47, 69, 91,
   2, 26, 48, 70, 92,
…
  22, 45, 67, 89.111
  23  --  --  --  --
]

en u kunt hen aan DOM met een eenvoudige lijn toevoegen
*/

voor (I = 0; i  < span="">
Andere oplossingen  

 
programming4us programming4us