1 an: 2: 3: 4:
Nothing auch complicated.I haben das ganzes erfolgte Selbstbearbeiten, also, egal was Größe die Aufkleber sind (innerhalb des Grundes - kurzes Aufkleberunterseeboot 50 verkohlt), haben die Checkboxes alles Anordnung. In, welches das Code-Stückchen, ich anbrachte, ein statisches Beispiel. Die völlig dynamische Version wird nicht noch optimiert, aber arbeitet völlig in IE8Standards, in Firefox und im Chrom. Sie ist gerade in IE ein wenig langsames und FF.What, das ich tun möchte, ist, die Überspannungen, damit anstelle vom Messwert, der, horizontal von links nach rechts verlaufend ist, sie horizontales, lesen left-to-right.The 2 Hauptprobleme zu reorganisieren ich bin habe: 1 - die Zahl Elementen ist unbekannt, bis runtimeThe Widget ein AJAX Element einschließt, um die Liste von Ids und von Aufklebern von einer Datenbank zurückzuholen. Die Liste kann alle mögliche Daten sein, zu denen es eine verwendbare Bedienerseite responder.2 gibt - die Spaltenanzahl unbekannt, bis runtimeThe Spaltenanzahl, an der Laufzeit, durch die Breite des Behälters und die maximale Breite des Textes entschlossen ist und Rand, Seitenrand berücksichtigt und/>So padding.1 - welcher Algorithmus kann ich verwenden, um mir zu erlauben, die 1 n-Einzelteile in die 1 m-Spalten zu sortieren so, dass das letzte row irgendwelche linken Überschüsse enthält und dass Spalten gefüllt werden, first.2 - ich dies in JS tun können, indem sie gerade die Positionierung anwenden? OOI, das experimentelle CSS3 Spalte-zählen (und verbundene Richtlinien) würde scheinen, etwas Hoffnung hier anzubieten. Wenn sie worked.-moz-column-count u. - beide webkit-Spalte-zählen scheinen, unvollständig zu sein im Augenblick. Und es schließt alles in IE.For die Beispieldaten, der Ausgang sollte wie… 1 aussehen aus: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: AJDDQVIRXB GCVCSZUAXVSSFDOXF LYMWLFUHDCSOGTDIVU QEDFDVCSRLPM WMNVUPCDXEM AJRWJTWTIPBGUBQ GFGCXSWYEQJKRE MBHTO QJMCOFZBGET WNJSVVICXUSXL AMIXMKEZGM GITDBCVTAHVVFTLAMZG MNORWCWC QXCIVWCGXPKTY WNSXUJLQUSLLFMF APYYSBXVPPWVIRDSQSYI GJAMXBZKSO MOYM QYFJJMXMTCPDQD WQF AQN GONTINDHSIEMBS MWPZ RLZOOGHJNVZDEFKHT WUGBNXILWXOKM AVAXA GYVSKFC MWTCCMNWCNSZJEZSJ RQXFJCZGYEWPDRTXZH WYDDXRWDQPH AVGQHKAIAYUGXEWQ HABDVNDI MZTBJSURMAPNP RSMKDDWUOSYAWEHEGC XEW BJKJFJYFETPXVDFMHH HKZ NDPRBCDU SDFJXJDOXTXTBIBCO XLUAQ BKTYJGMNQXXAAA HNDHYSZBYZFGT NEYAGJHGVACZ SLNUYAL XQABOUIJPWRZDTZEXI BKUIQXHFJ HOBINLMPWRWIDVBIOGR NGVIWTZSLVWN SWOHQPGQNDLLEBAZ XUGSSAUBZZI BMEHSWZISSBZ HRWETYNHFGXJN NMZRZXDFDJU ZEHE XYKAWQEQMYDU BVPMKLOFBGLJSIB IFHNXGDGXXRDTEVIIJ NOWPKIXJHS TROXMCROFXKZ XZOCDZFIVHTGNPAA CRQMMXAVSIYWKSLPB JOVFCFHUQBSRV PAPDJLVIVGBESBK TVGIMKBYRW YGWZCLJQFPI CVEXAVCYQWY JPO PBPQHIBFMIBNJY UANFZTVBBZCB YJBSJEJX EAWAYLHZ JQSZDG POAOXFGNZBW UJKACYFKSBSPIA YLRJAFKTAQYZRJIJXXQ EBIOVEMTA JYWXVQMLMVTWZIBSE PQGSIPWFDMHOVY UOEPPBAZMRXUY YPGXRXKDVFZYAUZYH ENGRPJGWDYCW KEL PREOINTJWV UZZOTOXRFPXEHFMQ YRBDXVWHEQUIT ENXUDZWUF LFKXNDOL PTKKXCUEFGFAB VETKKOWMZLAP YRLXQVQCWEKIAYG FJJMQKRMSVIHNAQXXW LLCNKIYRLPSYAOJM PUQYWOXUUZZMZ VUNNYXLNZUYLV YXYYDTZYGURC FSKNGNNKQ LSFXIDXYLHBW PZQKHHVCBF VXBICHZ YZALVXZFKPKFZE FVCXPZLXYPE LXGVRMAP QCFZRB WKOTS ZMDLCZBLCWZKD FWG LXVTZEBPY QDKSFUMJQTPK WLQYOETGJ ZMFDWTXAJPMFBO GAEUPSNZQRGWLYIF Any Ideen, bekannte Beispiele von diesem, etc.Really. Alles considered.Regards, Richard Quadling. 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: 6: 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: Test: Statischer Aufkleber Grid Test: Statischer Aufkleber Grid Ich versuche, ein Pseudorasterfeld zu verursachen so, dass die Checkboxes, die alle Anordnung nach den Breiten des labels. gründete Diese müssen dynamisch sein, während die neuen Aufkleber jeder andere Monat oder so addiert werden. 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
1 aussehen aus: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23:
AJDDQVIRXB GCVCSZUAXVSSFDOXF LYMWLFUHDCSOGTDIVU QEDFDVCSRLPM WMNVUPCDXEM AJRWJTWTIPBGUBQ GFGCXSWYEQJKRE MBHTO QJMCOFZBGET WNJSVVICXUSXL AMIXMKEZGM GITDBCVTAHVVFTLAMZG MNORWCWC QXCIVWCGXPKTY WNSXUJLQUSLLFMF APYYSBXVPPWVIRDSQSYI GJAMXBZKSO MOYM QYFJJMXMTCPDQD WQF AQN GONTINDHSIEMBS MWPZ RLZOOGHJNVZDEFKHT WUGBNXILWXOKM AVAXA GYVSKFC MWTCCMNWCNSZJEZSJ RQXFJCZGYEWPDRTXZH WYDDXRWDQPH AVGQHKAIAYUGXEWQ HABDVNDI MZTBJSURMAPNP RSMKDDWUOSYAWEHEGC XEW BJKJFJYFETPXVDFMHH HKZ NDPRBCDU SDFJXJDOXTXTBIBCO XLUAQ BKTYJGMNQXXAAA HNDHYSZBYZFGT NEYAGJHGVACZ SLNUYAL XQABOUIJPWRZDTZEXI BKUIQXHFJ HOBINLMPWRWIDVBIOGR NGVIWTZSLVWN SWOHQPGQNDLLEBAZ XUGSSAUBZZI BMEHSWZISSBZ HRWETYNHFGXJN NMZRZXDFDJU ZEHE XYKAWQEQMYDU BVPMKLOFBGLJSIB IFHNXGDGXXRDTEVIIJ NOWPKIXJHS TROXMCROFXKZ XZOCDZFIVHTGNPAA CRQMMXAVSIYWKSLPB JOVFCFHUQBSRV PAPDJLVIVGBESBK TVGIMKBYRW YGWZCLJQFPI CVEXAVCYQWY JPO PBPQHIBFMIBNJY UANFZTVBBZCB YJBSJEJX EAWAYLHZ JQSZDG POAOXFGNZBW UJKACYFKSBSPIA YLRJAFKTAQYZRJIJXXQ EBIOVEMTA JYWXVQMLMVTWZIBSE PQGSIPWFDMHOVY UOEPPBAZMRXUY YPGXRXKDVFZYAUZYH ENGRPJGWDYCW KEL PREOINTJWV UZZOTOXRFPXEHFMQ YRBDXVWHEQUIT ENXUDZWUF LFKXNDOL PTKKXCUEFGFAB VETKKOWMZLAP YRLXQVQCWEKIAYG FJJMQKRMSVIHNAQXXW LLCNKIYRLPSYAOJM PUQYWOXUUZZMZ VUNNYXLNZUYLV YXYYDTZYGURC FSKNGNNKQ LSFXIDXYLHBW PZQKHHVCBF VXBICHZ YZALVXZFKPKFZE FVCXPZLXYPE LXGVRMAP QCFZRB WKOTS ZMDLCZBLCWZKD FWG LXVTZEBPY QDKSFUMJQTPK WLQYOETGJ ZMFDWTXAJPMFBO GAEUPSNZQRGWLYIF
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: 6: 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:
Test: Statischer Aufkleber Grid Test: Statischer Aufkleber Grid Ich versuche, ein Pseudorasterfeld zu verursachen so, dass die Checkboxes, die alle Anordnung nach den Breiten des labels. gründete Diese müssen dynamisch sein, während die neuen Aufkleber jeder andere Monat oder so addiert werden. 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
Ich versuche, ein Pseudorasterfeld zu verursachen so, dass die Checkboxes, die alle Anordnung nach den Breiten des labels. gründete Diese müssen dynamisch sein, während die neuen Aufkleber jeder andere Monat oder so addiert werden.
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: 6: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48:
Die Zahl Wörtern und Spalten gegeben: var word_count = 111; var cols = 5; var Extra= 0; var-Spillage = [0.0.0.0.0]; // selben # von Elementen wie # der Spalten var rudert = parseInt (word_count/cols, 10); //-Wörter pro Spalte var I = 0; wenn (Reihen * cols)! == word_count) { Extra = word_count - (Reihen * cols); //-Reste? wenn (Extrakosten! == 0) { rudert += 1; //-Notwendigkeit eine andere Reihe an den Resten } } /* Sie wissen, dass # von den Eintragungen pro Spalte und Sie das „word_list“ auf Räumen aufspalten kann (oder Vorsprung oder was auch immer) und Schleife durch die Wörter, Ihre Elemente errichtend * var fasst = wordlist.split ab (''); // verursachen Reihe Wörter var-Überspannung = []; für (var I = 0; I < cols=""> Überspannung [(i + (J * cols)] = "" + (i + (J * cols); } } /* „Überspannung“ hält jetzt die Elemente im Säulenauftrag: [ 0, 24, 46, 68, 90, 1, 25, 47, 69, 91, 2, 26, 48, 70, 92, … 22, 45, 67, 89.111 23 -- -- -- -- ] und Sie können sie den DOM mit einer einfachen Schleife hinzufügen * für (i = 0; I < span="">