@@ 14-92 (lines=79) @@ | ||
11 | ||
12 | // example: element('body').first(). |
|
13 | ||
14 | var E = function (selector, area, error, success) { |
|
15 | this.cfg = {}; |
|
16 | this.cfg.area = document; |
|
17 | this.cfg.selector = selector; |
|
18 | this.cfg.exist = false; |
|
19 | ||
20 | this.success = function (elem) { |
|
21 | console.log("Element elem: ", elem); |
|
22 | }; |
|
23 | ||
24 | this.error = function (elem) { |
|
25 | console.error("! Element elem: ", elem); |
|
26 | }; |
|
27 | ||
28 | if (typeof success === 'function') { |
|
29 | this.success = success; |
|
30 | } |
|
31 | ||
32 | if (typeof error === 'function') { |
|
33 | this.error = error; |
|
34 | } |
|
35 | ||
36 | ||
37 | var self = this; |
|
38 | ||
39 | this.selector = function (selector) { |
|
40 | self.cfg.selector = selector; |
|
41 | return this; |
|
42 | } |
|
43 | ||
44 | this.first = function (error, success) { |
|
45 | if (typeof success !== 'function') { |
|
46 | success = self.success; |
|
47 | } |
|
48 | if (typeof error !== 'function') { |
|
49 | error = self.error; |
|
50 | } |
|
51 | ||
52 | const elem = document.querySelector(self.cfg.selector); |
|
53 | ||
54 | console.log('E first self.cfg.selector', self.cfg.selector); |
|
55 | console.log('E first elem', elem); |
|
56 | ||
57 | if (elem !== null) { |
|
58 | self.cfg.exist = true; |
|
59 | success(elem); |
|
60 | return elem; |
|
61 | } else { |
|
62 | self.cfg.exist = false; |
|
63 | error(); |
|
64 | } |
|
65 | ||
66 | return elem; |
|
67 | } |
|
68 | ||
69 | this.all = function (error, success) { |
|
70 | if (typeof success !== 'function') { |
|
71 | success = self.success; |
|
72 | } |
|
73 | if (typeof error !== 'function') { |
|
74 | error = self.error; |
|
75 | } |
|
76 | ||
77 | const elem = document.querySelectorAll(self.cfg.selector); |
|
78 | ||
79 | console.log('E all self.cfg.selector', self.cfg.selector); |
|
80 | console.log('E all elem', elem); |
|
81 | ||
82 | if (elem !== null) { |
|
83 | self.cfg.exist = true; |
|
84 | success(elem); |
|
85 | } else { |
|
86 | self.cfg.exist = false; |
|
87 | error(elem); |
|
88 | } |
|
89 | ||
90 | return elem; |
|
91 | } |
|
92 | }; |
|
93 | ||
94 | // |
|
95 | // function getElement(id) { |
@@ 382-460 (lines=79) @@ | ||
379 | }; |
|
380 | ||
381 | ||
382 | var E = function (selector, area, error, success) { |
|
383 | this.cfg = {}; |
|
384 | this.cfg.area = document; |
|
385 | this.cfg.selector = selector; |
|
386 | this.cfg.exist = false; |
|
387 | ||
388 | this.success = function (elem) { |
|
389 | console.log("Element elem: ", elem); |
|
390 | }; |
|
391 | ||
392 | this.error = function (elem) { |
|
393 | console.error("! Element elem: ", elem); |
|
394 | }; |
|
395 | ||
396 | if (typeof success === 'function') { |
|
397 | this.success = success; |
|
398 | } |
|
399 | ||
400 | if (typeof error === 'function') { |
|
401 | this.error = error; |
|
402 | } |
|
403 | ||
404 | ||
405 | var self = this; |
|
406 | ||
407 | this.selector = function (selector) { |
|
408 | self.cfg.selector = selector; |
|
409 | return this; |
|
410 | } |
|
411 | ||
412 | this.first = function (error, success) { |
|
413 | if (typeof success !== 'function') { |
|
414 | success = self.success; |
|
415 | } |
|
416 | if (typeof error !== 'function') { |
|
417 | error = self.error; |
|
418 | } |
|
419 | ||
420 | const elem = document.querySelector(self.cfg.selector); |
|
421 | ||
422 | console.log('E first self.cfg.selector', self.cfg.selector); |
|
423 | console.log('E first elem', elem); |
|
424 | ||
425 | if (elem !== null) { |
|
426 | self.cfg.exist = true; |
|
427 | success(elem); |
|
428 | return elem; |
|
429 | } else { |
|
430 | self.cfg.exist = false; |
|
431 | error(); |
|
432 | } |
|
433 | ||
434 | return elem; |
|
435 | } |
|
436 | ||
437 | this.all = function (error, success) { |
|
438 | if (typeof success !== 'function') { |
|
439 | success = self.success; |
|
440 | } |
|
441 | if (typeof error !== 'function') { |
|
442 | error = self.error; |
|
443 | } |
|
444 | ||
445 | const elem = document.querySelectorAll(self.cfg.selector); |
|
446 | ||
447 | console.log('E all self.cfg.selector', self.cfg.selector); |
|
448 | console.log('E all elem', elem); |
|
449 | ||
450 | if (elem !== null) { |
|
451 | self.cfg.exist = true; |
|
452 | success(elem); |
|
453 | } else { |
|
454 | self.cfg.exist = false; |
|
455 | error(elem); |
|
456 | } |
|
457 | ||
458 | return elem; |
|
459 | } |
|
460 | }; |