forked from thelegendofbrian/rsc-bank-organizer
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·667 lines (639 loc) · 64.6 KB
/
index.html
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
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
<!doctype html>
<head>
<meta charset="utf-8">
<title>RSC Bank Organizer</title>
<style>
header, section {
display: block;
}
body {
font-family: 'Droid Serif';
background: #AAA;
background-image:url('images/page_marker.png');
background-repeat:repeat-x;
background-position:left top;
}
h1, h2 {
text-align: center;
font-weight: normal;
}
#features {
margin: auto;
width: 460px;
font-size: 0.9em;
}
.connected, .sortable, .exclude, .handles {
margin: auto;
padding: 0;
width: 384px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.sortable.grid {
overflow: hidden;
border: 1px solid black;
}
.connected li, .sortable li, .exclude li, .handles li {
list-style: none;
border: 1px solid black;
font-family: "Tahoma";
color: #1C94C4;
margin: -1px;
padding: -1px;
height: 22px;
}
.handles span {
cursor: move;
}
li.disabled {
opacity: 0.5;
}
.sortable.grid li {
line-height: 0px;
float: left;
width: 48px;
height: 33px;
text-align: center;
}
li.highlight {
background: #FEE25F;
}
#connected {
width: 440px;
overflow: hidden;
margin: auto;
}
.connected {
float: left;
width: 200px;
}
.connected.no2 {
float: right;
}
li.sortable-placeholder {
border: 1px dashed #CCC;
background: none;
}
.sortable li.a {
list-style: none;
border: 1px solid black;
background: white;
font-family: "Tahoma";
color: #1C94C4;
margin: -1px;
padding: -1px;
height: 22px;
}
img{border:0;}
.red {
background:#B55959;
}
li {
background:#959595;
}
#features li {
background:#AAA;
}
.custom-file-upload {
border: 1px solid #ccc;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
}
</style>
<script>
function changeColor(what) {
if(what.className == '') {
//alert("red");
what.className = 'red';
} else {
//alert("grey");
what.className = '';
}
}
</script>
<link href='https://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<h1>RSC Bank Organizer</h1>
</header>
<section>
<h2>Version 2021.02</h2>
<ul id="bankGrid" class="sortable grid">
<!-- Food -->
<li id="slot1" oncontextmenu="changeColor(this);return false;"><img src="images/358.png" title="Raw trout (358)"></img></li>
<li id="slot2" oncontextmenu="changeColor(this);return false;"><img src="images/356.png" title="Raw salmon (356)"></img></li>
<li id="slot3" oncontextmenu="changeColor(this);return false;"><img src="images/372.png" title="Raw lobster (372)"></img></li>
<li id="slot4" oncontextmenu="changeColor(this);return false;"><img src="images/369.png" title="Raw swordfish (369)"></img></li>
<li id="slot5" oncontextmenu="changeColor(this);return false;"><img src="images/545.png" title="Raw shark (545)"></img></li>
<li id="slot6" oncontextmenu="changeColor(this);return false;"><img src="images/14.png" title="Logs (14)"></img></li>
<li id="slot7" oncontextmenu="changeColor(this);return false;"><img src="images/166.png" title="Tinderbox (166)"></img></li>
<li id="slot8" oncontextmenu="changeColor(this);return false;"><img src="images/468.png" title="Pestle and mortar (468)"></img></li>
<li id="slot9" oncontextmenu="changeColor(this);return false;"><img src="images/359.png" title="Trout (359)"></img></li>
<li id="slot10" oncontextmenu="changeColor(this);return false;"><img src="images/357.png" title="Salmon (357)"></img></li>
<li id="slot11" oncontextmenu="changeColor(this);return false;"><img src="images/373.png" title="Lobster (373)"></img></li>
<li id="slot12" oncontextmenu="changeColor(this);return false;"><img src="images/370.png" title="Swordfish (370)"></img></li>
<li id="slot13" oncontextmenu="changeColor(this);return false;"><img src="images/546.png" title="Shark (549)"></img></li>
<li id="slot14" oncontextmenu="changeColor(this);return false;"><img src="images/332.png" title="Chocolate cake (332)"></img></li>
<li id="slot15" oncontextmenu="changeColor(this);return false;"><img src="images/330.png" title="Cake (330)"></img></li>
<li id="slot16" oncontextmenu="changeColor(this);return false;"><img src="images/337.png" title="Chocolate bar (337)"></img></li>
<!-- Potions -->
<li id="slot17" oncontextmenu="changeColor(this);return false;"><img src="images/486.png" title="Super attack potion (486)"></img></li>
<li id="slot18" oncontextmenu="changeColor(this);return false;"><img src="images/445.png" title="Marrentill (445)"></img></li>
<li id="slot19" oncontextmenu="changeColor(this);return false;"><img src="images/566.png" title="Cure poison potion (566)"></img></li>
<li id="slot20" oncontextmenu="changeColor(this);return false;"><img src="images/222.png" title="Strength potion (222)"></img></li>
<li id="slot21" oncontextmenu="changeColor(this);return false;"><img src="images/492.png" title="Super strength potion (492)"></img></li>
<li id="slot22" oncontextmenu="changeColor(this);return false;"><img src="images/464.png" title="Vial of water (464)"></img></li>
<li id="slot23" oncontextmenu="changeColor(this);return false;"><img src="images/489.png" title="Fishing potion (489)"></img></li>
<li id="slot24" oncontextmenu="changeColor(this);return false;"><img src="images/483.png" title="Restore prayer potion (483)"></img></li>
<li id="slot25" oncontextmenu="changeColor(this);return false;"><img src="images/474.png" title="Attack potion (474)"></img></li>
<li id="slot26" oncontextmenu="changeColor(this);return false;"><img src="images/569.png" title="Poison antidote (569)"></img></li>
<li id="slot27" oncontextmenu="changeColor(this);return false;"><img src="images/477.png" title="Stat restoration potion (477)"></img></li>
<li id="slot28" oncontextmenu="changeColor(this);return false;"><img src="images/495.png" title="Super defence potion (495)"></img></li>
<li id="slot29" oncontextmenu="changeColor(this);return false;"><img src="images/498.png" title="Ranging potion (498)"></img></li>
<li id="slot30" oncontextmenu="changeColor(this);return false;"><img src="images/963.png" title="Potion of Zamorak (963)"></img></li>
<!-- Herbs -->
<li id="slot31" oncontextmenu="changeColor(this);return false;"><img src="images/446.png" title="Tarromin (446)"></img></li>
<li id="slot32" oncontextmenu="changeColor(this);return false;"><img src="images/450.png" title="Avantoe (450)"></img></li>
<li id="slot33" oncontextmenu="changeColor(this);return false;"><img src="images/444.png" title="Guam leaf (444)"></img></li>
<li id="slot34" oncontextmenu="changeColor(this);return false;"><img src="images/449.png" title="Irit leaf (449)"></img></li>
<li id="slot35" oncontextmenu="changeColor(this);return false;"><img src="images/447.png" title="Harralander (447)"></img></li>
<li id="slot36" oncontextmenu="changeColor(this);return false;"><img src="images/452.png" title="Cadantine (452)"></img></li>
<li id="slot37" oncontextmenu="changeColor(this);return false;"><img src="images/453.png" title="Dwarf weed (453)"></img></li>
<li id="slot38" oncontextmenu="changeColor(this);return false;"><img src="images/934.png" title="Torstol (934)"></img></li>
<li id="slot39" oncontextmenu="changeColor(this);return false;"><img src="images/451.png" title="Kwarm (451)"></img></li>
<li id="slot40" oncontextmenu="changeColor(this);return false;"><img src="images/448.png" title="Ranarr weed (448)"></img></li>
<!-- Secondaries -->
<li id="slot41" oncontextmenu="changeColor(this);return false;"><img src="images/270.png" title="Eye of newt (270)"></img></li>
<li id="slot42" oncontextmenu="changeColor(this);return false;"><img src="images/473.png" title="Ground unicorn horn (473)"></img></li>
<li id="slot43" oncontextmenu="changeColor(this);return false;"><img src="images/219.png" title="Red spider eggs (219)"></img></li>
<li id="slot44" oncontextmenu="changeColor(this);return false;"><img src="images/471.png" title="White berries (471)"></img></li>
<li id="slot45" oncontextmenu="changeColor(this);return false;"><img src="images/501.png" title="Wine of Zamorak (501)"></img></li>
<li id="slot46" oncontextmenu="changeColor(this);return false;"><img src="images/936.png" title="Jangerberries (936)"></img></li>
<li id="slot47" oncontextmenu="changeColor(this);return false;"><img src="images/220.png" title="Limpwurt root (220)"></img></li>
<li id="slot48" oncontextmenu="changeColor(this);return false;"><img src="images/469.png" title="Snape grass (469)"></img></li>
<li id="slot49" oncontextmenu="changeColor(this);return false;"><img src="images/1263.png" title="Sleeping bag (1263)"></img></li>
<!-- Ores and Bars -->
<li id="slot50" oncontextmenu="changeColor(this);return false;"><img src="images/151.png" title="Iron ore (151)"></img></li>
<li id="slot51" oncontextmenu="changeColor(this);return false;"><img src="images/155.png" title="Coal (155)"></img></li>
<li id="slot52" oncontextmenu="changeColor(this);return false;"><img src="images/153.png" title="Mithril ore (153)"></img></li>
<li id="slot53" oncontextmenu="changeColor(this);return false;"><img src="images/154.png" title="Adamantite ore (154)"></img></li>
<li id="slot54" oncontextmenu="changeColor(this);return false;"><img src="images/409.png" title="Runite ore (409)"></img></li>
<li id="slot55" oncontextmenu="changeColor(this);return false;"><img src="images/383.png" title="Silver (383)"></img></li>
<li id="slot56" oncontextmenu="changeColor(this);return false;"><img src="images/690.png" title="Gold (690)"></img></li>
<li id="slot57" oncontextmenu="changeColor(this);return false;"><img src="images/8.png" title="Iron platebody (8)"></img></li>
<li id="slot58" oncontextmenu="changeColor(this);return false;"><img src="images/170.png" title="Iron bar (170)"></img></li>
<li id="slot59" oncontextmenu="changeColor(this);return false;"><img src="images/171.png" title="Steel bar (171)"></img></li>
<li id="slot60" oncontextmenu="changeColor(this);return false;"><img src="images/173.png" title="Mithril bar (173)"></img></li>
<li id="slot61" oncontextmenu="changeColor(this);return false;"><img src="images/174.png" title="Adamantite bar (174)"></img></li>
<li id="slot62" oncontextmenu="changeColor(this);return false;"><img src="images/408.png" title="Runite bar (408)"></img></li>
<li id="slot63" oncontextmenu="changeColor(this);return false;"><img src="images/44.png" title="Unstrung holy symbol (44)"></img></li>
<li id="slot64" oncontextmenu="changeColor(this);return false;"><img src="images/386.png" title="Holy symbol mould (386)"></img></li>
<!-- Smithed Items -->
<li id="slot65" oncontextmenu="changeColor(this);return false;"><img src="images/612.png" title="Fire orb (612)"></img></li>
<li id="slot66" oncontextmenu="changeColor(this);return false;"><img src="images/614.png" title="Battlestaff (614)"></img></li>
<li id="slot67" oncontextmenu="changeColor(this);return false;"><img src="images/621.png" title="Glassblowing pipe (621)"></img></li>
<!-- Gems -->
<li id="slot68" oncontextmenu="changeColor(this);return false;"><img src="images/160.png" title="Uncut sapphire (160)"></img></li>
<li id="slot69" oncontextmenu="changeColor(this);return false;"><img src="images/159.png" title="Uncut emerald (159)"></img></li>
<li id="slot70" oncontextmenu="changeColor(this);return false;"><img src="images/158.png" title="Uncut ruby (158)"></img></li>
<li id="slot71" oncontextmenu="changeColor(this);return false;"><img src="images/157.png" title="Uncut diamond (157)"></img></li>
<li id="slot72" oncontextmenu="changeColor(this);return false;"><img src="images/294.png" title="Amulet mould (294)"></img></li>
<li id="slot73" oncontextmenu="changeColor(this);return false;"><img src="images/611.png" title="Unpowered orb (611)"></img></li>
<li id="slot74" oncontextmenu="changeColor(this);return false;"><img src="images/624.png" title="Soda ash (624)"></img></li>
<li id="slot75" oncontextmenu="changeColor(this);return false;"><img src="images/21.png" title="Bucket (21)"></img></li>
<li id="slot76" oncontextmenu="changeColor(this);return false;"><img src="images/164.png" title="Sapphire (164)"></img></li>
<li id="slot77" oncontextmenu="changeColor(this);return false;"><img src="images/163.png" title="Emerald (163)"></img></li>
<li id="slot78" oncontextmenu="changeColor(this);return false;"><img src="images/162.png" title="Ruby (162)"></img></li>
<li id="slot79" oncontextmenu="changeColor(this);return false;"><img src="images/161.png" title="Diamond (161)"></img></li>
<li id="slot80" oncontextmenu="changeColor(this);return false;"><img src="images/1057.png" title="Cannon ammo mould (1057)"></img></li>
<li id="slot81" oncontextmenu="changeColor(this);return false;"><img src="images/13.png" title="Knife (13)"></img></li>
<li id="slot82" oncontextMenu="changeColor(this);return false;"><img src="images/675.png" title="Flax (675)"></img></li>
<li id="slot83" oncontextMenu="changeColor(this);return false;"><img src="images/676.png" title="Bow string (676)"></img></li>
<li id="slot84" oncontextMenu="changeColor(this);return false;"><img src="images/167.png" title="Chisel (167)"></img></li>
<li id="slot85" oncontextMenu="changeColor(this);return false;"><img src="images/207.png" title="Ball of wool (207)"></img></li>
<li id="slot86" oncontextMenu="changeColor(this);return false;"><img src="images/714.png" title="Lockpick (714)"></img></li>
<li id="slot87" oncontextMenu="changeColor(this);return false;"><img src="images/378.png" title="Fly fishing rod (378)"></img></li>
<li id="slot88" oncontextMenu="changeColor(this);return false;"><img src="images/191.png" title="Apron (191)"></img></li>
<!-- Tools -->
<!-- Logs -->
<li id="slot89" oncontextMenu="changeColor(this);return false;"><img src="images/635.png" title="Yew logs (635)"></img></li>
<li id="slot90" oncontextMenu="changeColor(this);return false;"><img src="images/636.png" title="Magic logs (636)"></img></li>
<li id="slot91" oncontextMenu="changeColor(this);return false;"><img src="images/664.png" title="Unstrung yew longbow (664)"></img></li>
<li id="slot92" oncontextMenu="changeColor(this);return false;"><img src="images/666.png" title="Unstrung magic longbow (666)"></img></li>
<li id="slot93" oncontextMenu="changeColor(this);return false;"><img src="images/237.png" title="Rope (237)"></img></li>
<li id="slot94" oncontextMenu="changeColor(this);return false;"><img src="images/782.png" title="Glarial's amulet (782)"></img></li>
<li id="slot95" oncontextMenu="changeColor(this);return false;"><img src="images/1262.png" title="Rune pickaxe (1262)"></img></li>
<li id="slot96" oncontextMenu="changeColor(this);return false;"><img src="images/405.png" title="Rune axe (405)"></img></li>
<!-- Weapons -->
<li id="slot97" oncontextMenu="changeColor(this);return false;"><img src="images/593.png" title="Dragon sword (593)"></img></li>
<li id="slot98" oncontextMenu="changeColor(this);return false;"><img src="images/594.png" title="Dragon axe (594)"></img></li>
<li id="slot99" oncontextMenu="changeColor(this);return false;"><img src="images/656.png" title="Magic longbow (656)"></img></li>
<li id="slot100" oncontextMenu="changeColor(this);return false;"><img src="images/1216.png" title="Staff of Zamorak (1216)"></img></li>
<li id="slot101" oncontextMenu="changeColor(this);return false;"><img src="images/684.png" title="Enchanted battlestaff of air (684)"></img></li>
<li id="slot102" oncontextMenu="changeColor(this);return false;"><img src="images/682.png" title="Enchanted battlestaff of fire (682)"></img></li>
<li id="slot103" oncontextMenu="changeColor(this);return false;"><img src="images/509.png" title="Dramen staff (509)"></img></li>
<li id="slot104" oncontextMenu="changeColor(this);return false;"><img src="images/268.png" title="Wizard's mind bomb (268)"></img></li>
<li id="slot105" oncontextMenu="changeColor(this);return false;"><img src="images/795.png" title="Dragon medium helmet (795)"></img></li>
<li id="slot106" oncontextMenu="changeColor(this);return false;"><img src="images/1278.png" title="Dragon square shield (1278)"></img></li>
<li id="slot107" oncontextMenu="changeColor(this);return false;"><img src="images/420.png" title="Anti dragon breath shield (420)"></img></li>
<li id="slot108" oncontextMenu="changeColor(this);return false;"><img src="images/597.png" title="Charged dragonstone amulet (597)"></img></li>
<!-- Runes -->
<li id="slot109" oncontextMenu="changeColor(this);return false;"><img src="images/33.png" title="Air-rune (33)"></img></li>
<li id="slot110" oncontextMenu="changeColor(this);return false;"><img src="images/32.png" title="Water-rune (32)"></img></li>
<li id="slot111" oncontextMenu="changeColor(this);return false;"><img src="images/34.png" title="Earth-rune (34)"></img></li>
<li id="slot112" oncontextMenu="changeColor(this);return false;"><img src="images/31.png" title="Fire-rune (31)"></img></li>
<li id="slot113" oncontextMenu="changeColor(this);return false;"><img src="images/400.png" title="Rune chain mail body (400)"></img></li>
<li id="slot114" oncontextMenu="changeColor(this);return false;"><img src="images/1006.png" title="Klank's gauntlets (1006)"></img></li>
<li id="slot115" oncontextMenu="changeColor(this);return false;"><img src="images/1288.png" title="Cape of legends (1288)"></img></li>
<li id="slot116" oncontextMenu="changeColor(this);return false;"><img src="images/316.png" title="Ruby amulet of strength (316)"></img></li>
<li id="slot117" oncontextMenu="changeColor(this);return false;"><img src="images/35.png" title="Mind-rune (35)"></img></li>
<li id="slot118" oncontextMenu="changeColor(this);return false;"><img src="images/41.png" title="Chaos-rune (41)"></img></li>
<li id="slot119" oncontextMenu="changeColor(this);return false;"><img src="images/38.png" title="Death-rune (38)"></img></li>
<li id="slot120" oncontextMenu="changeColor(this);return false;"><img src="images/619.png" title="Blood-rune (619)"></img></li>
<li id="slot121" oncontextMenu="changeColor(this);return false;"><img src="images/401.png" title="Rune plate mail body (401)"></img></li>
<li id="slot122" oncontextMenu="changeColor(this);return false;"><img src="images/402.png" title="Rune plate mail legs (402)"></img></li>
<li id="slot123" oncontextMenu="changeColor(this);return false;"><img src="images/385.png" title="Holy symbol of Saradomin (385)"></img></li>
<li id="slot124" oncontextMenu="changeColor(this);return false;"><img src="images/744.png" title="Gnome emerald amulet of protection (744)"></img></li>
<li id="slot125" oncontextMenu="changeColor(this);return false;"><img src="images/42.png" title="Law-rune (42)"></img></li>
<li id="slot126" oncontextMenu="changeColor(this);return false;"><img src="images/46.png" title="Cosmic-rune (46)"></img></li>
<li id="slot127" oncontextMenu="changeColor(this);return false;"><img src="images/40.png" title="Nature-rune (40)"></img></li>
<li id="slot128" oncontextMenu="changeColor(this);return false;"><img src="images/825.png" title="Soul-rune (825)"></img></li>
<li id="slot129" oncontextMenu="changeColor(this);return false;"><img src="images/111.png" title="Large adamantite helmet (111)"></img></li>
<li id="slot130" oncontextMenu="changeColor(this);return false;"><img src="images/388.png" title="Monk's robe top (388)"></img></li>
<li id="slot131" oncontextMenu="changeColor(this);return false;"><img src="images/389.png" title="Monk's robe bottom (389)"></img></li>
<li id="slot132" oncontextMenu="changeColor(this);return false;"><img src="images/314.png" title="Sapphire amulet of magic (314)"></img></li>
<li id="slot133" oncontextMenu="changeColor(this);return false;"><img src="images/99.png" title="Brass key (99)"></img></li>
<li id="slot134" oncontextMenu="changeColor(this);return false;"><img src="images/596.png" title="Dusty key (596)"></img></li>
<li id="slot135" oncontextMenu="changeColor(this);return false;"><img src="images/1021.png" title="Metal key (1021)"></img></li>
<li id="slot136" oncontextMenu="changeColor(this);return false;"><img src="images/1097.png" title="Wrought iron key (1097)"></img></li>
<li id="slot137" oncontextMenu="changeColor(this);return false;"><img src="images/131.png" title="Adamantite kite shield (131)"></img></li>
<li id="slot138" oncontextMenu="changeColor(this);return false;"><img src="images/702.png" title="Robe of Zamorak top (702)"></img></li>
<li id="slot139" oncontextMenu="changeColor(this);return false;"><img src="images/703.png" title="Robe of Zamorak bottom (703)"></img></li>
<li id="slot140" oncontextMenu="changeColor(this);return false;"><img src="images/185.png" title="Wizardshat (185)"></img></li>
<li id="slot141" oncontextMenu="changeColor(this);return false;"><img src="images/184.png" title="Wizards robe (184)"></img></li>
<li id="slot142" oncontextMenu="changeColor(this);return false;"><img src="images/381.png" title="Feathers (381)"></img></li>
<li id="slot143" oncontextMenu="changeColor(this);return false;"><img src="images/280.png" title="Arrow shafts (280)"></img></li>
<li id="slot144" oncontextMenu="changeColor(this);return false;"><img src="images/637.png" title="Headless arrows (637)"></img></li>
<li id="slot145" oncontextMenu="changeColor(this);return false;"><img src="images/10.png" title="Coins (10)"></img></li>
<!-- Fletching -->
<li id="slot146" oncontextMenu="changeColor(this);return false;"><img src="images/11.png" title="Bronze arrows (11)"></img></li>
<li id="slot147" oncontextMenu="changeColor(this);return false;"><img src="images/638.png" title="Iron arrows (638)"></img></li>
<li id="slot148" oncontextMenu="changeColor(this);return false;"><img src="images/640.png" title="Steel arrows (640)"></img></li>
<li id="slot149" oncontextMenu="changeColor(this);return false;"><img src="images/646.png" title="Rune arrows (646)"></img></li>
<li id="slot150" oncontextMenu="changeColor(this);return false;"><img src="images/1041.png" title="Multi cannon ball (1041)"></img></li>
<li id="slot151" oncontextMenu="changeColor(this);return false;"><img src="images/1032.png" title="Dwarf cannon base (1032)"></img></li>
<li id="slot152" oncontextMenu="changeColor(this);return false;"><img src="images/1033.png" title="Dwarf cannon stand (1033)"></img></li>
<li id="slot153" oncontextMenu="changeColor(this);return false;"><img src="images/1034.png" title="Dwarf cannon barrels (1034)"></img></li>
<li id="slot154" oncontextMenu="changeColor(this);return false;"><img src="images/1035.png" title="Dwarf cannon furnace (1035)"></img></li>
<li id="slot155" oncontextMenu="changeColor(this);return false;"><img src="images/1213.png" title="Zamorak cape (1213)"></img></li>
<li id="slot156" oncontextMenu="changeColor(this);return false;"><img src="images/699.png" title="Gauntlets of goldsmithing (699)"></img></li>
<li id="slot157" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot158" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot159" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot160" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot161" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot162" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot163" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot164" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot165" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot166" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot167" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot168" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot169" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot170" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot171" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot172" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot173" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot174" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot175" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot176" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot177" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot178" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot179" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot180" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot181" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot182" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot183" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot184" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot185" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot186" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot187" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot188" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot189" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot190" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot191" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot192" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot193" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot194" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot195" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot196" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot197" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot198" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot199" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot200" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot201" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot202" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot203" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot204" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot205" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot206" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot207" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot208" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot209" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot210" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot211" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot212" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot213" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot214" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot215" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot216" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot217" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot218" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot219" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot220" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot221" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot222" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot223" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot224" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot225" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot226" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot227" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot228" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot229" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot230" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot231" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot232" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot233" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot234" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot235" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot236" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot237" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot238" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot239" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
<li id="slot240" oncontextMenu="changeColor(this);return false;"><img src="images/blank.png"></img></li>
</ul>
</section>
<section>
<h2>Controls</h2>
<div style="text-align: center;">
<input type="text" placeholder="Item ID" id="itemIDInput"/>
<input type="button" value="Add Item by ID" id="addId"/>
<br/>
<span style="display:block;padding-top: 10px;padding-bottom:10px;"> Remove items highlighted red:
<input type="button" value="Remove Selected" id="removeSelected"/>
</span>
Username:
<input type="text" placeholder="Username" id="usernameInput"/>
<span style="display:block;padding-top: 10px; padding-bottom: 10px;">
<button onclick="document.getElementById('import').click()">Import from RSC+ .csv file</button><input type="file" id="import" accept=".csv" style="display:none"/>
<input type="button" value="Save to RSC+ .csv file" id="export"/>
</span>
<p>For now you can only add items by their numeric ID.<br/>You can find a nice table of all the item ids <a href="https://chisel.weirdgloop.org/rsc/config/config85.jag/items.html"><strong>here</strong></a>.<br/>It's the number in the first column.</p>
</div>
</section>
<section>
<h2>Features</h2>
<ul id="features">
<li>Drag and drop items to sort items</li>
<li>Hover over items to see the item's name and ID</li>
<li>Right click items to turn the background red</li>
<ul>
<li>Good for tracking what you have</li>
<li>Items highlighted red will be removed if "Remove Selected" button is pressed</li>
</ul>
<li>Import order from RSC+ generated CSV file</li>
<li>Export order to RSC+ compatible CSV file</li>
<li>Add and remove items from the bank grid</li>
<ul><li>Can press enter in text field to add item</li></ul>
</ul>
</section>
<section>
<h2>Default Optimized Tasks</h2>
<ul id="features">
<li>Crafting unpowered orbs from scratch</li>
<li>Crafting and alching fire battlestaves</li>
<li>Mining ores iron through runite</li>
<li>Smelting ores iron through runite</li>
<li>Smithing and banking iron platebodies</li>
<li>Entrance to crafting guild</li>
<li>Entrance to the magic axe hut</li>
<li>Entrance to Edgeville dungeon</li>
<li>Entrance to Taverly dungeon</li>
<li>Entrance to Waterfall dungeon</li>
<li>Crafting holy symbols</li>
<li>Filling buckets of sand</li>
<li>Cutting gems</li>
<li>Craft and alch amulets sapphire through diamond</li>
<li>Cutting and banking logs: normal, yew, and magic</li>
<li>Fletching, stringing, and alching yew and magic bows either in one inventory or stringing separately</li>
<li>Adding chocolate bars to cakes</li>
<li>Fishing trout, salmon, tuna, lobster, swordfish, shark, sea turtle, and manta ray</li>
<li>Cooking trout, salmon, lobster, swordfish, shark</li>
<li>Withdrawing potions and food for combat</li>
<li>Making all potions but cure poison potion</li>
<li>Boosting magic</li>
<li>Withdrawing and depositing runes</li>
<li>Fletching headless arrows</li>
<li>Fishing trawler</li>
<li>Gearing for melee, magic, and ranged combat</li>
<li>Gearing with prayer gear</li>
<li>Picking up chocolate bars while cooking in Zanaris</li>
</ul>
</section>
<section style="margin-bottom:30px;">
<h2>About this page</h2>
<div style="max-width:800px; display:block; margin-left:auto;margin-right:auto; text-align: center;">
<p>This webpage's source code is available at <a href="https://github.com/RSCPlus/rsc-bank-organizer">https://github.com/RSCPlus/rsc-bank-organizer</a>.</p>
<p>It was originally created by The Legend of Brian in 2016 to plan how to organize his bank, but it has been expanded here to help sort everyone's bank, automatically.</p>
<p>Brian's layout has been left mostly intact above, but without a duplicate Super Defense potion, the addition of Marrentill, and goldsmithing gauntlets instead of cooking gauntlets. ☺</p>
</div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="download.js"></script>
<script src="jquery.csv.js"></script>
<script src="jquery.sortable.js"></script>
<script>
var confirmLeave = true;
$(function() {
$('.sortable').sortable();
$('.handles').sortable({
handle: 'span'
});
$('.connected').sortable({
connectWith: '.connected'
});
$('.exclude').sortable({
items: ':not(.disabled)'
});
window.onbeforeunload = function() {
if (confirmLeave) {
return "Are you sure you want to discard your data?"
}
}
});
</script>
<script>
$(document).ready(function() {
// The event listener for the file upload
document.getElementById('import').addEventListener('change', upload, false);
// Method that checks that the browser supports the HTML5 File API
function browserSupportFileUpload() {
var isCompatible = false;
if (window.File && window.FileReader && window.FileList && window.Blob) {
isCompatible = true;
}
return isCompatible;
}
// Method that reads and processes the selected file
function upload(evt) {
if (!browserSupportFileUpload()) {
alert('The File APIs are not fully supported in this browser!');
} else {
var data = null;
var file = evt.target.files[0];
if (evt.target.value.includes("_rscplus_bank.csv")) {
var i;
for (i = evt.target.value.length - 17; i > 0; i--) {
var s = evt.target.value.substring(i + 1, evt.target.value.length - 17);
if (s.includes("\\") || s.includes("/")) {
break;
}
}
$("#usernameInput").val(evt.target.value.substring(i + 2, evt.target.value.length - 17));
}
evt.target.value = ''; // so that 'change' event will still trigger if user re-parses the same file
var reader = new FileReader();
reader.readAsText(file);
reader.onload = function(event) {
var csvData = event.target.result;
data = $.csv.toArrays(csvData);
if (data && data.length > 0) {
importFile(data);
} else {
alert('No data to import!');
}
};
reader.onerror = function() {
alert('Unable to read ' + file.fileName);
};
}
}
});
</script>
<script>
var itemNames = ["Iron Mace","Iron Short Sword","Iron Kite Shield","Iron Square Shield","Wooden Shield","Medium Iron Helmet","Large Iron Helmet","Iron Chain Mail Body","Iron Plate Mail Body","Iron Plate Mail Legs","Coins","Bronze Arrows","Iron Axe","Knife","Logs","Leather Armour","Leather Gloves","Boots","Cabbage","Egg","Bones","Bucket","Milk","Flour","Amulet of GhostSpeak","Silverlight key 1","Silverlight key 2","skull","Iron dagger","grain","Book","Fire-Rune","Water-Rune","Air-Rune","Earth-Rune","Mind-Rune","Body-Rune","Life-Rune","Death-Rune","Needle","Nature-Rune","Chaos-Rune","Law-Rune","Thread","Holy Symbol of saradomin","Unblessed Holy Symbol","Cosmic-Rune","key","key","scroll","Water","Silverlight key 3","Silverlight","Broken shield","Broken shield","Cadavaberries","message","Cadava","potion","Phoenix Crossbow","Crossbow","Certificate","bronze dagger","Steel dagger","Mithril dagger","Adamantite dagger","Bronze Short Sword","Steel Short Sword","Mithril Short Sword","Adamantite Short Sword","Bronze Long Sword","Iron Long Sword","Steel Long Sword","Mithril Long Sword","Adamantite Long Sword","Rune long sword","Bronze 2-handed Sword","Iron 2-handed Sword","Steel 2-handed Sword","Mithril 2-handed Sword","Adamantite 2-handed Sword","rune 2-handed Sword","Bronze Scimitar","Iron Scimitar","Steel Scimitar","Mithril Scimitar","Adamantite Scimitar","bronze Axe","Steel Axe","Iron battle Axe","Steel battle Axe","Mithril battle Axe","Adamantite battle Axe","Rune battle Axe","Bronze Mace","Steel Mace","Mithril Mace","Adamantite Mace","Rune Mace","Brass key","staff","Staff of Air","Staff of water","Staff of earth","Medium Bronze Helmet","Medium Steel Helmet","Medium Mithril Helmet","Medium Adamantite Helmet","Large Bronze Helmet","Large Steel Helmet","Large Mithril Helmet","Large Adamantite Helmet","Large Rune Helmet","Bronze Chain Mail Body","Steel Chain Mail Body","Mithril Chain Mail Body","Adamantite Chain Mail Body","Bronze Plate Mail Body","Steel Plate Mail Body","Mithril Plate Mail Body","Adamantite Plate Mail Body","Steel Plate Mail Legs","Mithril Plate Mail Legs","Adamantite Plate Mail Legs","Bronze Square Shield","Steel Square Shield","Mithril Square Shield","Adamantite Square Shield","Bronze Kite Shield","Steel Kite Shield","Mithril Kite Shield","Adamantite Kite Shield","cookedmeat","raw chicken","burntmeat","pot","flour","bread dough","bread","burntbread","jug","water","wine","grapes","shears","wool","fur","cow hide","leather","clay","copper ore","iron ore","gold","mithril ore","adamantite ore","coal","Bronze Pickaxe","uncut diamond","uncut ruby","uncut emerald","uncut sapphire","diamond","ruby","emerald","sapphire","Herb","tinderbox","chisel","hammer","bronze bar","iron bar","steel bar","gold bar","mithril bar","adamantite bar","Pressure gauge","Fish Food","Poison","Poisoned fish food","spinach roll","Bad wine","Ashes","Apron","Cape","Wizards robe","wizardshat","Brass necklace","skirt","Longbow","Shortbow","Crossbow bolts","Apron","Chef's hat","Beer","skirt","skirt","Black Plate Mail Body","Staff of fire","Magic Staff","wizardshat","silk","flier","tin ore","Mithril Axe","Adamantite Axe","bronze battle Axe","Bronze Plate Mail Legs","Ball of wool","Oil can","Cape","Kebab","Spade","Closet Key","rubber tube","Bronze Plated Skirt","Iron Plated Skirt","Black robe","stake","Garlic","Red spiders eggs","Limpwurt root","Strength Potion","Strength Potion","Strength Potion","Strength Potion","Steel Plated skirt","Mithril Plated skirt","Adamantite Plated skirt","Cabbage","Cape","Large Black Helmet","Red Bead","Yellow Bead","Black Bead","White Bead","Amulet of accuracy","Redberries","Rope","Reddye","Yellowdye","Paste","Onion","Bronze key","Soft Clay","wig","wig","Half full wine jug","Keyprint","Black Plate Mail Legs","banana","pastry dough","Pie dish","cooking apple","pie shell","Uncooked apple pie","Uncooked meat pie","Uncooked redberry pie","apple pie","Redberry pie","meat pie","burntpie","Half a meat pie","Half a Redberry pie","Half an apple pie","Portrait","Faladian Knight's sword","blurite ore","Asgarnian Ale","Wizard's Mind Bomb","Dwarven Stout","Eye of newt","Rat's tail","Bluedye","Goblin Armour","Goblin Armour","Goblin Armour","unstrung Longbow","unstrung shortbow","Unfired Pie dish","unfired pot","arrow shafts","Woad Leaf","Orangedye","Gold ring","Sapphire ring","Emerald ring","Ruby ring","Diamond ring","Gold necklace","Sapphire necklace","Emerald necklace","Ruby necklace","Diamond necklace","ring mould","Amulet mould","Necklace mould","Gold Amulet","Sapphire Amulet","Emerald Amulet","Ruby Amulet","Diamond Amulet","Gold Amulet","Sapphire Amulet","Emerald Amulet","Ruby Amulet","Diamond Amulet","superchisel","Mace of Zamorak","Bronze Plate Mail top","Steel Plate Mail top","Mithril Plate Mail top","Adamantite Plate Mail top","Iron Plate Mail top","Black Plate Mail top","Sapphire Amulet of magic","Emerald Amulet of protection","Ruby Amulet of strength","Diamond Amulet of power","Karamja Rum","Cheese","Tomato","Pizza Base","Burnt Pizza","Incomplete Pizza","Uncooked Pizza","Plain Pizza","Meat Pizza","Anchovie Pizza","Half Meat Pizza","Half Anchovie Pizza","Cake","Burnt Cake","Chocolate Cake","Partial Cake","Partial Chocolate Cake","Slice of Cake","Chocolate Slice","Chocolate Bar","Cake Tin","Uncooked cake","Unfired bowl","Bowl","Bowl of water","Incomplete stew","Incomplete stew","Uncooked stew","Stew","Burnt Stew","Potato","Raw Shrimp","Shrimp","Raw Anchovies","Anchovies","Burnt fish","Raw Sardine","Sardine","Raw Salmon","Salmon","Raw Trout","Trout","Burnt fish","Raw Herring","Herring","Raw Pike","Pike","Burnt fish","Raw Tuna","Tuna","Burnt fish","Raw Swordfish","Swordfish","Burnt Swordfish","Raw Lobster","Lobster","Burnt Lobster","Lobster Pot","Net","Fishing Rod","Fly Fishing Rod","Harpoon","Fishing Bait","Feather","Chest key","Silver","silver bar","Holy Symbol of saradomin","Holy symbol mould","Disk of Returning","Monks robe","Monks robe","Red key","Orange Key","yellow key","Blue key","Magenta key","black key","rune dagger","Rune short sword","rune Scimitar","Medium Rune Helmet","Rune Chain Mail Body","Rune Plate Mail Body","Rune Plate Mail Legs","Rune Square Shield","Rune Kite Shield","rune Axe","Rune skirt","Rune Plate Mail top","Runite bar","runite ore","Plank","Tile","skull","Big Bones","Muddy key","Map","Map Piece","Map Piece","Map Piece","Nails","Anti dragon breath Shield","Maze key","Pumpkin","Black dagger","Black Short Sword","Black Long Sword","Black 2-handed Sword","Black Scimitar","Black Axe","Black battle Axe","Black Mace","Black Chain Mail Body","Black Square Shield","Black Kite Shield","Black Plated skirt","Herb","Herb","Herb","Herb","Herb","Herb","Herb","Herb","Herb","Guam leaf","Marrentill","Tarromin","Harralander","Ranarr Weed","Irit Leaf","Avantoe","Kwuarm","Cadantine","Dwarf Weed","Unfinished potion","Unfinished potion","Unfinished potion","Unfinished potion","Unfinished potion","Unfinished potion","Unfinished potion","Unfinished potion","Unfinished potion","Unfinished potion","Vial","Vial","Unicorn horn","Blue dragon scale","Pestle and mortar","Snape grass","Medium black Helmet","White berries","Ground blue dragon scale","Ground unicorn horn","attack Potion","attack Potion","attack Potion","stat restoration Potion","stat restoration Potion","stat restoration Potion","defense Potion","defense Potion","defense Potion","restore prayer Potion","restore prayer Potion","restore prayer Potion","Super attack Potion","Super attack Potion","Super attack Potion","fishing Potion","fishing Potion","fishing Potion","Super strength Potion","Super strength Potion","Super strength Potion","Super defense Potion","Super defense Potion","Super defense Potion","ranging Potion","ranging Potion","ranging Potion","wine of Zamorak","raw bear meat","raw rat meat","raw beef","enchanted bear meat","enchanted rat meat","enchanted beef","enchanted chicken meat","Dramen Staff","Dramen Branch","Cape","Cape","Cape","Cape","Greendye","Purpledye","Iron ore certificate","Coal certificate","Mithril ore certificate","silver certificate","Gold certificate","Dragonstone Amulet","Dragonstone","Dragonstone Amulet","Crystal key","Half of a key","Half of a key","Iron bar certificate","steel bar certificate","Mithril bar certificate","silver bar certificate","Gold bar certificate","Lobster certificate","Raw lobster certificate","Swordfish certificate","Raw swordfish certificate","Diary","Front door key","Ball","magnet","Grey wolf fur","uncut dragonstone","Dragonstone ring","Dragonstone necklace","Raw Shark","Shark","Burnt Shark","Big Net","Casket","Raw cod","Cod","Raw Mackerel","Mackerel","Raw Bass","Bass","Ice Gloves","Firebird Feather","Firebird Feather","Poisoned Iron dagger","Poisoned bronze dagger","Poisoned Steel dagger","Poisoned Mithril dagger","Poisoned Rune dagger","Poisoned Adamantite dagger","Poisoned Black dagger","Cure poison Potion","Cure poison Potion","Cure poison Potion","Poison antidote","Poison antidote","Poison antidote","weapon poison","ID Paper","Poison Bronze Arrows","Christmas cracker","Party Hat","Party Hat","Party Hat","Party Hat","Party Hat","Party Hat","Miscellaneous key","Bunch of keys","Whisky","Candlestick","Master thief armband","Blamish snail slime","Blamish oil","Oily Fishing Rod","lava eel","Raw lava eel","Poison Crossbow bolts","Dragon sword","Dragon axe","Jail keys","Dusty Key","Charged Dragonstone Amulet","Grog","Candle","black Candle","Candle","black Candle","insect repellant","Bat bones","wax Bucket","Excalibur","Druids robe","Druids robe","Eye patch","Unenchanted Dragonstone Amulet","Unpowered orb","Fire orb","Water orb","Battlestaff","Battlestaff of fire","Battlestaff of water","Battlestaff of air","Battlestaff of earth","Blood-Rune","Beer glass","glassblowing pipe","seaweed","molten glass","soda ash","sand","air orb","earth orb","bass certificate","Raw bass certificate","shark certificate","Raw shark certificate","Oak Logs","Willow Logs","Maple Logs","Yew Logs","Magic Logs","Headless Arrows","Iron Arrows","Poison Iron Arrows","Steel Arrows","Poison Steel Arrows","Mithril Arrows","Poison Mithril Arrows","Adamantite Arrows","Poison Adamantite Arrows","Rune Arrows","Poison Rune Arrows","Oak Longbow","Oak Shortbow","Willow Longbow","Willow Shortbow","Maple Longbow","Maple Shortbow","Yew Longbow","Yew Shortbow","Magic Longbow","Magic Shortbow","unstrung Oak Longbow","unstrung Oak Shortbow","unstrung Willow Longbow","unstrung Willow Shortbow","unstrung Maple Longbow","unstrung Maple Shortbow","unstrung Yew Longbow","unstrung Yew Shortbow","unstrung Magic Longbow","unstrung Magic Shortbow","barcrawl card","bronze arrow heads","iron arrow heads","steel arrow heads","mithril arrow heads","adamantite arrow heads","rune arrow heads","flax","bow string","Easter egg","scorpion cage","scorpion cage","scorpion cage","scorpion cage","Enchanted Battlestaff of fire","Enchanted Battlestaff of water","Enchanted Battlestaff of air","Enchanted Battlestaff of earth","scorpion cage","scorpion cage","scorpion cage","scorpion cage","gold","gold bar","Ruby ring","Ruby necklace","Family crest","Crest fragment","Crest fragment","Crest fragment","Steel gauntlets","gauntlets of goldsmithing","gauntlets of cooking","gauntlets of chaos","robe of Zamorak","robe of Zamorak","Address Label","Tribal totem","tourist guide","spice","Uncooked curry","curry","Burnt curry","yew logs certificate","maple logs certificate","willow logs certificate","lockpick","Red vine worms","Blanket","Raw giant carp","giant Carp","Fishing competition Pass","Hemenster fishing trophy","Pendant of Lucien","Boots of lightfootedness","Ice Arrows","Lever","Staff of Armadyl","Pendant of Armadyl","Large cog","Large cog","Large cog","Large cog","Rat Poison","shiny Key","khazard Helmet","khazard chainmail","khali brew","khazard cell keys","Poison chalice","magic whistle","Cup of tea","orb of protection","orbs of protection","Holy table napkin","bell","Gnome Emerald Amulet of protection","magic golden feather","Holy grail","Script of Hazeel","Pineapple","Pineapple ring","Pineapple Pizza","Half pineapple Pizza","Magic scroll","Mark of Hazeel","bloody axe of zamorak","carnillean armour","Carnillean Key","Cattle prod","Plagued sheep remains","Poisoned animal feed","Protective jacket","Protective trousers","Plagued sheep remains","Plagued sheep remains","Plagued sheep remains","dwellberries","Gasmask","picture","Book","Seaslug","chocolaty milk","Hangover cure","Chocolate dust","Torch","Torch","warrant","Damp sticks","Dry sticks","Broken glass","oyster pearls","little key","Scruffy note","Glarial's amulet","Swamp tar","Uncooked Swamp paste","Swamp paste","Oyster pearl bolts","Glarials pebble","book on baxtorian","large key","Oyster pearl bolt tips","oyster","oyster pearls","oyster","Soil","Dragon medium Helmet","Mithril seed","An old key","pigeon cage","Messenger pigeons","Bird feed","Rotten apples","Doctors gown","Bronze key","Distillator","Glarial's urn","Glarial's urn","Priest robe","Priest gown","Liquid Honey","Ethenea","Sulphuric Broline","Plague sample","Touch paper","Dragon Bones","Herb","Snake Weed","Herb","Ardrigal","Herb","Sito Foil","Herb","Volencia Moss","Herb","Rogues Purse","Soul-Rune","king lathas Amulet","Bronze Spear","halloween mask","Dragon bitter","Greenmans ale","halloween mask","halloween mask","cocktail glass","cocktail shaker","Bone Key","gnome robe","gnome robe","gnome robe","gnome robe","gnome robe","gnomeshat","gnomeshat","gnomeshat","gnomeshat","gnomeshat","gnome top","gnome top","gnome top","gnome top","gnome top","gnome cocktail guide","Beads of the dead","cocktail glass","cocktail glass","lemon","lemon slices","orange","orange slices","Diced orange","Diced lemon","Fresh Pineapple","Pineapple chunks","lime","lime chunks","lime slices","fruit blast","odd looking cocktail","Whisky","vodka","gin","cream","Drunk dragon","Equa leaves","SGG","Chocolate saturday","brandy","blurberry special","wizard blizzard","pineapple punch","gnomebatta dough","gianne dough","gnomebowl dough","gnomecrunchie dough","gnomebatta","gnomebowl","gnomebatta","gnomecrunchie","gnomebowl","Uncut Red Topaz","Uncut Jade","Uncut Opal","Red Topaz","Jade","Opal","Swamp Toad","Toad legs","King worm","Gnome spice","gianne cook book","gnomecrunchie","cheese and tomato batta","toad batta","gnome batta","worm batta","fruit batta","Veg batta","Chocolate bomb","Vegball","worm hole","Tangled toads legs","Choc crunchies","Worm crunchies","Toad crunchies","Spice crunchies","Crushed Gemstone","Blurberry badge","Gianne badge","tree gnome translation","Bark sample","War ship","gloughs journal","invoice","Ugthanki Kebab","special curry","glough's key","glough's notes","Pebble","Pebble","Pebble","Pebble","Daconia rock","Sinister key","Herb","Torstol","Unfinished potion","Jangerberries","fruit blast","blurberry special","wizard blizzard","pineapple punch","SGG","Chocolate saturday","Drunk dragon","cheese and tomato batta","toad batta","gnome batta","worm batta","fruit batta","Veg batta","Chocolate bomb","Vegball","worm hole","Tangled toads legs","Choc crunchies","Worm crunchies","Toad crunchies","Spice crunchies","Stone-Plaque","Tattered Scroll","Crumpled Scroll","Bervirius Tomb Notes","Zadimus Corpse","Potion of Zamorak","Potion of Zamorak","Potion of Zamorak","Boots","Boots","Boots","Boots","Boots","Santa's hat","Locating Crystal","Sword Pommel","Bone Shard","Steel Wire","Bone Beads","Rashiliya Corpse","ResetCrystal","Bronze Wire","Present","Gnome Ball","Papyrus","A lump of Charcoal","Arrow","Lit Arrow","Rocks","Paramaya Rest Ticket","Ship Ticket","Damp cloth","Desert Boots","Orb of light","Orb of light","Orb of light","Orb of light","Railing","Randas's journal","Unicorn horn","Coat of Arms","Coat of Arms","Staff of Iban","Dwarf brew","Ibans Ashes","Cat","A Doll of Iban","Old Journal","Klank's gauntlets","Iban's shadow","Iban's conscience","Amulet of Othainian","Amulet of Doomion","Amulet of Holthion","keep key","Bronze Throwing Dart","Prototype Throwing Dart","Iron Throwing Dart","Full Water Skin","Lens mould","Lens","Desert Robe","Desert Shirt","Metal Key","Slaves Robe Bottom","Slaves Robe Top","Steel Throwing Dart","Astrology Book","Unholy Symbol mould","Unholy Symbol of Zamorak","Unblessed Unholy Symbol of Zamorak","Unholy Symbol of Zamorak","Shantay Desert Pass","Staff of Iban","Dwarf cannon base","Dwarf cannon stand","Dwarf cannon barrels","Dwarf cannon furnace","Fingernails","Powering crystal1","Mining Barrel","Ana in a Barrel","Stolen gold","multi cannon ball","Railing","Ogre tooth","Ogre relic","Skavid map","dwarf remains","Key","Ogre relic part","Ogre relic part","Ogre relic part","Ground bat bones","Unfinished potion","Ogre potion","Magic ogre potion","Tool kit","Nulodion's notes","cannon ammo mould","Tenti Pineapple","Bedobin Copy Key","Technical Plans","Rock cake","Bronze dart tips","Iron dart tips","Steel dart tips","Mithril dart tips","Adamantite dart tips","Rune dart tips","Mithril Throwing Dart","Adamantite Throwing Dart","Rune Throwing Dart","Prototype dart tip","info document","Instruction manual","Unfinished potion","Iron throwing knife","Bronze throwing knife","Steel throwing knife","Mithril throwing knife","Adamantite throwing knife","Rune throwing knife","Black throwing knife","Water Skin mostly full","Water Skin mostly empty","Water Skin mouthful left","Empty Water Skin","nightshade","Shaman robe","Iron Spear","Steel Spear","Mithril Spear","Adamantite Spear","Rune Spear","Cat","Seasoned Sardine","Kittens","Kitten","Wrought iron key","Cell Door Key","A free Shantay Disclaimer","Doogle leaves","Raw Ugthanki Meat","Tasty Ugthanki Kebab","Cooked Ugthanki Meat","Uncooked Pitta Bread","Pitta Bread","Tomato Mixture","Onion Mixture","Onion and Tomato Mixture","Onion and Tomato and Ugthanki Mix","Burnt Pitta Bread","Panning tray","Panning tray","Panning tray","Rock pick","Specimen brush","Specimen jar","Rock Sample","gold Nuggets","cat","Scrumpled piece of paper","Digsite info","Poisoned Bronze Throwing Dart","Poisoned Iron Throwing Dart","Poisoned Steel Throwing Dart","Poisoned Mithril Throwing Dart","Poisoned Adamantite Throwing Dart","Poisoned Rune Throwing Dart","Poisoned Bronze throwing knife","Poisoned Iron throwing knife","Poisoned Steel throwing knife","Poisoned Mithril throwing knife","Poisoned Black throwing knife","Poisoned Adamantite throwing knife","Poisoned Rune throwing knife","Poisoned Bronze Spear","Poisoned Iron Spear","Poisoned Steel Spear","Poisoned Mithril Spear","Poisoned Adamantite Spear","Poisoned Rune Spear","Book of experimental chemistry","Level 1 Certificate","Level 2 Certificate","Level 3 Certificate","Trowel","Stamped letter of recommendation","Unstamped letter of recommendation","Rock Sample","Rock Sample","Cracked rock Sample","Belt buckle","Powering crystal2","Powering crystal3","Powering crystal4","Old boot","Bunny ears","Damaged armour","Damaged armour","Rusty sword","Ammonium Nitrate","Nitroglycerin","Old tooth","Radimus Scrolls","chest key","broken arrow","buttons","broken staff","vase","ceramic remains","Broken glass","Unidentified powder","Machette","Scroll","stone tablet","Talisman of Zaros","Explosive compound","Bull Roarer","Mixed chemicals","Ground charcoal","Mixed chemicals","Spell scroll","Yommi tree seed","Totem Pole","Dwarf cannon base","Dwarf cannon stand","Dwarf cannon barrels","Dwarf cannon furnace","Golden Bowl","Golden Bowl with pure water","Raw Manta ray","Manta ray","Raw Sea turtle","Sea turtle","Annas Silver Necklace","Bobs Silver Teacup","Carols Silver Bottle","Davids Silver Book","Elizabeths Silver Needle","Franks Silver Pot","Thread","Thread","Thread","Flypaper","Murder Scene Pot","A Silver Dagger","Murderers fingerprint","Annas fingerprint","Bobs fingerprint","Carols fingerprint","Davids fingerprint","Elizabeths fingerprint","Franks fingerprint","Zamorak Cape","Saradomin Cape","Guthix Cape","Staff of zamorak","Staff of guthix","Staff of Saradomin","A chunk of crystal","A lump of crystal","A hunk of crystal","A red crystal","Unidentified fingerprint","Annas Silver Necklace","Bobs Silver Teacup","Carols Silver Bottle","Davids Silver Book","Elizabeths Silver Needle","Franks Silver Pot","A Silver Dagger","A glowing red crystal","Unidentified liquid","Radimus Scrolls","Robe","Armour","Dagger","eye patch","Booking of Binding","Holy Water Vial","Enchanted Vial","Scribbled notes","Scrawled notes","Scatched notes","Shamans Tome","Edible seaweed","Rough Sketch of a bowl","Burnt Manta ray","Burnt Sea turtle","Cut reed plant","Magical Fire Pass","Snakes Weed Solution","Ardrigal Solution","Gujuo Potion","Germinated Yommi tree seed","Dark Dagger","Glowing Dark Dagger","Holy Force Spell","Iron Pickaxe","Steel Pickaxe","Mithril Pickaxe","Adamantite Pickaxe","Rune Pickaxe","Sleeping Bag","A blue wizards hat","Gilded Totem Pole","Blessed Golden Bowl","Blessed Golden Bowl with Pure Water","Raw Oomlie Meat","Cooked Oomlie meat Parcel","Dragon Bone Certificate","Limpwurt Root Certificate","Prayer Potion Certificate","Super Attack Potion Certificate","Super Defense Potion Certificate","Super Strength Potion Certificate","Half Dragon Square Shield","Half Dragon Square Shield","Dragon Square Shield","Palm tree leaf","Raw Oomlie Meat Parcel","Burnt Oomlie Meat parcel","Bailing Bucket","Plank","Arcenia root","display tea","Blessed Golden Bowl with plain water","Golden Bowl with plain water","Cape of legends","Scythe"];
function addItemID() {
confirmLeave = true;
for (var i = 0; i < 240; i++) {
if ($('#bankGrid').children('li').children('img').get(i).src.includes("images/blank.png")) {
var itemID = $("#itemIDInput").val();
if ($.isNumeric(itemID)) {
if (itemID >= 0 && itemID <= 1289) {
var alreadyIn = false;
var j;
for (j = 0; j < 239; j++) {
if ($('#bankGrid').children('li').children('img').get(j).src.includes("images/" + itemID + ".png")) {
alreadyIn = true;
break;
}
}
if (!alreadyIn) {
$('#bankGrid').children('li').children('img').get(i).src = "images/" + itemID + ".png";
$('#bankGrid').children('li').children('img').get(i).title = itemNames[itemID] + " (" + itemID + ")";
} else {
var page = Math.floor((j / 48) + 1);
var row = Math.floor(((j % 48) / 8) + 1);
var column = ((j % 48) % 8) + 1;
alert("Item " + itemID + " is already in the bank on page " + page + " row " + row + " column " + column);
}
} else {
alert("Item ID must be between 0 and 1289.");
}
} else {
alert("Item ID must be a number between 0 and 1289.");
}
break;
}
}
}
function removeSelected() {
// set items selected red to blank
for (var i = 0; i < 240; i++) {
if ($('#bankGrid').children('li').get(i).className == 'red') {
$('#bankGrid').children('li').children('img').get(i).src = "images/blank.png";
$('#bankGrid').children('li').children('img').get(i).title = "";
$('#bankGrid').children('li').get(i).className = '';
confirmLeave = true;
}
}
}
var globalCsvData;
function importFile(csvData) {
globalCsvData = csvData;
var i;
for (i = 0; i < 240 && i < csvData[0].length; i++) {
$('#bankGrid').children('li').children('img').get(i).src = "images/" + csvData[0][i] + ".png";
$('#bankGrid').children('li').children('img').get(i).title = itemNames[csvData[0][i]] + " (" + csvData[0][i] + ")";
}
while (i < 192) { // can store extra items on page 5 if you wish
$('#bankGrid').children('li').children('img').get(i).src = "images/blank.png";
$('#bankGrid').children('li').children('img').get(i).title = "";
i++;
}
}
function exportFile() {
confirmLeave = false;
var bankItems = $('#bankGrid').children('li').children('img').map(function () {
var s = $(this).attr('src').substring(7);
return s.substring(0,s.length-4)
}).get()
if (globalCsvData == null) {
globalCsvData = [[],null,null];
}
var amountsLine;
if (globalCsvData[1] == null) {
amountsLine = ["No Amounts Specified"];
} else { // rearrange Amounts according to new positions...
amountsLine = new Array(globalCsvData[1].length).fill(0);
for (var i = 0; i < 240 && i < globalCsvData[0].length && i < globalCsvData[1].length; i++) {
for (var j = 0; j < bankItems.length; j++) {
if (bankItems[i] == globalCsvData[0][j]) {
amountsLine[i] = globalCsvData[1][j];
}
}
}
}
if (globalCsvData[2] == null) {
globalCsvData[2] = [Date.now(),"\"RSC Bank Organizer\""];
}
download($.csv.fromArrays([bankItems, amountsLine, globalCsvData[2]]), $("#usernameInput").val() + "_rscplus_bank.csv", "text/plain");
}
$("#itemIDInput").on('keyup', function (event) {
if (event.keyCode === 13) { // enter key (either of them)
addItemID();
}
});
$(document).ready(function(){
$('#addId').click(function(){
addItemID();
});
});
$(document).ready(function(){
$('#removeSelected').click(function(){
removeSelected();
});
});
$(document).ready(function(){
$('#export').click(function(){
exportFile();
});
});
</script>
</body>
</html>