Advertisement
nansk

Untitled

Nov 28th, 2014
151
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.77 KB | None | 0 0
  1. (function(){
  2. 'use strict';
  3.  
  4. var targetElement = document.getElementById("content");
  5.  
  6. var flag = {
  7. init: function(flagID, flagHTML) {
  8. this.flagfond = document.getElementById(flagID);
  9. this.flagHTML = flagHTML;
  10. },
  11. draw: function(target) {
  12. //document.getElementById("draw-irland");
  13. console.log("Drawing flag");
  14. flagHTML.innerHTML = flag;
  15. }
  16. };
  17.  
  18. var flag2 = Object.create(flag); //Sverige
  19. flag2.init("flag2", '<div class="flag2 sverige"><div class="part1"></div><div class="part2"></div><div class="part3"></div><div class="part4"></div></div>'); //needs adding properties
  20. console.log(flag2);
  21.  
  22. var flag3 = Object.create(flag); //Luxemburg
  23. flag3.init("flag3", '<div class="flag3 luxemburg"><div class="part1"></div><div class="part2"></div></div>');
  24. console.log(flag3);
  25.  
  26. var flag4 = Object.create(flag); //Benin
  27. flag4.init("flag4", '<div class="flag4 benin"><div class="part1"></div><div class="part2"></div></div>');
  28. console.log(flag4);
  29.  
  30.  
  31. var allFlags = [flag, flag2, flag3, flag4];
  32. //console.log(Object.keys(allFlags));
  33.  
  34. //allFlags.forEach(flag.draw());
  35.  
  36. for(var i=0; i <= allFlags.length; i++) {
  37. allFlags[i].draw();
  38. }
  39. /*
  40. function drawFlagIrland() {
  41. var flagIrland = '<div class="flag irland"><div class="part1"></div><div class="part2"></div></div>';
  42.  
  43. console.log("Drawing flag");
  44. flagTarget.innerHTML = flagIrland;
  45. }
  46. flagLink.addEventListener("click", function() {
  47. console.log("Event for clicking link Irland.");
  48. drawFlagIrland();
  49. });
  50. */
  51. console.log('Sandbox is ready!');
  52. })();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement