Question : Montrant des ENVERGURES pour simuler la TB-LR plutôt que la manière LR-TB normale de montrer des choses.

Hello.

I AM construisant un gadget générique qui montrera un ensemble de checkboxes et les étiquettes dans un utilisateur du fluide grid.

The pourront commander la taille du récipient, ajoutent dénommer aux éléments, le gadget etc.

The accepte un ensemble de pairings d'id=label et les montre en tant que… class= les " lineNumbers " >
1 de >
{$a_Data [« étiquette »]} le class= >

Nothing trop complicated.

I de

In de ligne. que l'extrait de code a attaché, j'ont un exemple statique. La version entièrement dynamique n'est pas encore optimisée, mais travaille entièrement en IE8Standards, Firefox et chrome. Elle est juste peu une lente dans l'IE et FF.


What que je voudrais faire est de réorganiser les envergures de sorte qu'au lieu de la lecture de gauche à droite, longitudinal, ils lisent longitudinal, problèmes principaux de left-to-right.

The 2 j'ai suis :

1 - le nombre d'éléments est inconnu jusqu'à ce que le gadget de runtime

The inclue un élément d'AJAX pour rechercher la liste d'ids et d'étiquettes d'une base de données. La liste peut être n'importe quelles données auxquelles il y a un côté de serveur approprié responder.

2 est-ce que - le nombre de colonnes est inconnu jusqu'à ce que le nombre de runtime

The de colonnes soit déterminé, au temps d'exécution, par la largeur du récipient et la largeur maximum du texte, tenant compte de la frontière, marge et padding.


So, je recherche vraiment 2 things.

1 - quel algorithme peut j'employer pour me permettre d'assortir des articles de 1 n en colonnes de 1 m tels que le dernier row contient tous les excédents gauches et que des colonnes sont remplies first.

2 - peuvent je faire ceci dans JS en appliquant juste le positionnement ? le


OOI, le CSS3 expérimental colonne-comptent (et des règles associées) semblerait offrir un certain espoir ici. Si elles worked.

-moz-column-count et - webkit-colonne-compter tous les deux semblent être imparfaits à l'heure actuelle. Et il exclut n'importe quoi dans IE.



For les données d'exemple, le rendement devrait ressembler… au class= les " lineNumbers " >
1 de >

AJDDQVIRXB " de


Any de class= de

Really. Quelque chose considered.

Regards,

Richard Quadling. class= > " clair " de
> de " codeSnippet " de class= de
class= " lineNumbers " de
class= de
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 :
>< " de l'id= " codeSnippet772712 de
 
xmlns= " http://www.w3.org/1999/xhtml " de  
 
Contenu-Type " texte de content= "/HTML de http-equiv= " de  
content= " de  de http-equiv= 
Test : Étiquette statique Grid 
type= " texte/CSS " de 
 
 

Test : Étiquette statique Grid

J'essaye de créer une pseudo grille tels que les checkboxes que toute la ligne a basés sur les largeurs du labels.
Celles-ci doivent être dynamiques pendant que les nouvelles étiquettes sont ajoutées chaque autre mois ou ainsi.

id= " cbGrid " de

Select labels

value= AJDDQVIRXB de l'id= " L_37 » de/> de l'id= " L_725 » de/> de l'id= " L_48 » de/> de l'id= " L_759 » de/> de l'id= " L_771 » de/> de l'id= " L_90 » de/> de l'id= " L_75 » de/> de l'id= " L_737 » de/> de l'id= " L_765 » de/> de l'id= " L_79 » de/> de l'id= " L_13 » de/> de l'id= " L_30 » de/> de l'id= " L_745 » de/> de l'id= " L_752 » de/> de l'id= " L_726 » de/> de l'id= " L_758 » de/> de l'id= " L_756 » de/> de l'id= " L_63 » de/> de l'id= " L_62 » de/> de l'id= " L_1 » de/> de l'id= " L_82 » de/> de l'id= " L_772 » de/> de l'id= " L_738 » de/> de l'id= " L_67 » de/> de l'id= " L_60 » de/> de l'id= " L_71 » de/> de l'id= " L_18 » de/> de l'id= " L_88 » de/> de l'id= " L_77 » de/> de l'id= " L_76 » de/> de l'id= " L_730 » de/> de l'id= " L_747 » de/> de l'id= " L_68 » de/> de l'id= " L_41 » de/> de l'id= " L_44 » de/> de l'id= " L_81 » de/> de l'id= " L_43 » de/> de l'id= " L_39 » de/> de l'id= " L_56 » de/> de l'id= " L_74 » de/> de l'id= " L_721 » de/> de l'id= " L_28 » de/> de l'id= " L_72 » de/> de l'id= " L_12 » de/> de l'id= " L_23 » de/> de l'id= " L_742 » de/> de l'id= " L_739 » de/> de l'id= " L_58 » de/> de l'id= " L_766 » de/> de l'id= " L_15 » de/> de l'id= " L_769 » de/> de l'id= " L_760 » de/> de l'id= " L_748 » de/> de l'id= " L_26 » de/> de l'id= " L_749 » de/> de l'id= " L_712 » de/> de l'id= " L_753 » de/> de l'id= " L_69 » de/> de l'id= " L_85 » de/> de l'id= " L_761 » de/> de l'id= " L_750 » de/> de l'id= " L_770 » de/> de l'id= " L_736 » de/> de l'id= " L_720 » de/> de l'id= " L_767 » de/> de l'id= " L_38 » de/> de l'id= " L_55 » de/> de l'id= " L_33 » de/> de l'id= " L_42 » de/> de l'id= " L_66 » de/> de l'id= " L_86 » de/> de l'id= " L_762 » de/> de l'id= " L_751 » de/> de l'id= " L_24 » de/> de l'id= " L_723 » de/> de l'id= " L_734 » de/> de l'id= " L_729 » de/> de l'id= " L_78 » de/> de l'id= " L_34 » de/> de l'id= " L_727 » de/> de l'id= " L_73 » de/> de l'id= " L_65 » de/> de l'id= " L_735 » de/> de l'id= " L_70 » de/> de l'id= " L_11 » de/> de l'id= " L_614 » de/> de l'id= " L_29 » de/> de l'id= " L_20 » de/> de l'id= " L_35 » de/> de l'id= " L_755 » de/> de l'id= " L_54 » de/> de l'id= " L_84 » de/> de l'id= " L_724 » de/> de l'id= " L_757 » de/> de l'id= " L_19 » de/> de l'id= " L_80 » de/> de l'id= " L_14 » de/> de l'id= " L_746 » de/> de l'id= " L_718 » de/> de l'id= " L_713 » de/> de l'id= " L_17 » de/> de l'id= " L_45 » de/> de l'id= " L_719 » de/> de l'id= " L_92 » de/> de l'id= " L_659 » de/> de l'id= " L_768 » de/> de l'id= " L_40 » de/> de l'id= " L_64 » de/> de l'id= " L_754 » de/> de l'id= " L_59 » de/>
de l'id= " L_714 » de/>

Réponse : Montrant des ENVERGURES pour simuler la TB-LR plutôt que la manière LR-TB normale de montrer des choses.

Le code (inélégant) suivant est non essayé, mais il devrait vous mettre en route.

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 :
Etant donné le nombre de mots et de colonnes :

word_count de variété = 111 ;
cols de variété = 5 ;
variété = 0 supplémentaire ;
débordement de variété = [0.0.0.0.0] ; // mêmes # d'éléments que # des colonnes
la variété rame = parseInt (word_count/cols, 10) ; Mots de // par colonne
variété i = 0 ;

si (rangées * cols) ! word_count de ==) { 
    supplémentaire = word_count - (rangées  * cols) ; Restes de // ?
    si (frais supplémentaires ! == 0) {
        rame += 1 ; Besoin de // une autre rangée des restes
    }
}

/*
Vous savez que # des entrées par colonne et vous peut dédoubler le « word_list » sur les espaces 
(ou étiquette ou quoi que) et boucle par les mots, établissant vos éléments
*

la variété exprime = wordlist.split ('') ; // créent le choix de mots
envergure de variété = [] ;

pour (variété i = 0 ; i  < cols="">
        envergure [(I  + (j * cols)] = "" + (I + (j * cols) ;
    }
}

/*
la « envergure » tient maintenant les éléments dans l'ordre colomnaire :
[
   0, 24, 46, 68, 90,
   1, 25, 47, 69, 91,
   2, 26, 48, 70, 92,
…
  22, 45, 67, 89.111
  23  --  --  --  --
]

et vous pouvez les ajouter aux DOM avec une boucle simple
*

pour (I = 0 ; i  < span="">
           
Autres solutions  
  •  MS Excel 2007 et pdf - l'exportation vers le pdf prend de longues heures !
  •  Dans le Perl, comment j'ajoute une valeur à la liste, puis le contrôle pour voir si la valeur existent avant d'ajouter une nouvelle valeur
  •  Comment fais j'initialiser de la HP BL460c G6 de san et de la HP XP 240000
  •  Comment fais j'employer une clef de permis de volume sur un ordinateur de HP avec du CD de restauration
  •  Emplacement primaire de deux SCCM dans l'annuaire actif
  •  L'initiateur et la HP D2D de l'iSCSI R2 du serveur 2008 de Windows GERCENT l'issue
  •  Stocker le dossier dans le mysql using connector.net et le champ de goutte
  •  Carte vidéo d'USB - bit 32 sur le matériel travaillant au niveau du bit 64 ?
  •  asp.net que j'essaye de convertir une forme de HTML en forme d'aspx ou ? ce qui jamais. Aide du besoin sur la façon dont à à elle.
  •  Winzip 12 issues de secours du travail ?
  •  
    programming4us programming4us