/branches/jsdoc_tk_gui/setup/workingDirectory/Webeo/gui/tooltip/TooltipTemplate.js

http://jsdoc-toolkit.googlecode.com/ · JavaScript · 94 lines · 66 code · 17 blank · 11 comment · 1 complexity · 20f9b98be4a53ea96e7b8b4ad5e96cfd MD5 · raw file 

    

  1. ek.require("gui.tools.Dom");

    2. 

  2. 

    3. 

  3. ek.register("gui.tooltip.TooltipTemplate");

    4. 

  4. 

    5. 

  5. TooltipTemplate.DEFAULT = 0;

    6. 

  6. 

    7. 

  7. TooltipTemplate.ARRAY = 7;//TODO REMOVE ASAP

    8. 

  8. 

    9. 

  9. TooltipTemplate.ARRAY_LEFT_TOP 		= 1;

    10. 

  10. TooltipTemplate.ARRAY_TOP 			= 2;

    11. 

  11. TooltipTemplate.ARRAY_RIGHT_TOP 	= 3;

    12. 

  12. TooltipTemplate.ARRAY_RIGHT 		= 4;

    13. 

  13. TooltipTemplate.ARRAY_RIGHT_BOTTOM 	= 5;

    14. 

  14. TooltipTemplate.ARRAY_BOTTOM 		= 6;

    15. 

  15. TooltipTemplate.ARRAY_LEFT_BOTTOM	= 7;

    16. 

  16. TooltipTemplate.ARRAY_LEFT 			= 8;

    17. 

  17. 

    18. 

  18. 

    19. 

  19. /**

    20. 

  20.  *

    21. 

  21.  */

    22. 

  22. function TooltipTemplate (templateId){

    23. 

  23. 	this.templateId = (templateId) ? templateId : TooltipTemplate.DEFAULT;

    24. 

  24. 	this.templateDom = new Array();

    25. 

  25. 	this.container = new Array();

    26. 

  26. }

    27. 

  27. 

    28. 

  28. /** */

    29. 

  29. TooltipTemplate.prototype.getTemplate = function (text, clazz, id){

    30. 

  30. 

    31. 

  31. 	if(!this.templateDom[id]){

    32. 

  32. 		switch(this.templateId){

    33. 

  33. 			case TooltipTemplate.DEFAULT : 

    34. 

  34. 				this.createDefaultTemplate(id);

    35. 

  35. 			break;

    36. 

  36. 			case TooltipTemplate.ARRAY_LEFT_TOP :

    37. 

  37. 			case TooltipTemplate.ARRAY_TOP :

    38. 

  38. 			case TooltipTemplate.ARRAY_RIGHT_TOP :

    39. 

  39. 			case TooltipTemplate.ARRAY_RIGHT :

    40. 

  40. 			case TooltipTemplate.ARRAY_RIGHT_BOTTOM :

    41. 

  41. 			case TooltipTemplate.ARRAY_BOTTOM :

    42. 

  42. 			case TooltipTemplate.ARRAY_LEFT_BOTTOM :

    43. 

  43. 			case TooltipTemplate.ARRAY_LEFT :

    44. 

  44. 				this.createArrayTemplate(id);

    45. 

  45. 			break;

    46. 

  46. 		}

    47. 

  47. 		//Set class, id and content

    48. 

  48. 		this.templateDom[id].setAttribute("class", clazz);

    49. 

  49. 		this.templateDom[id].setAttribute("id", id);

    50. 

  50. 		this.container[id].innerHTML = text;

    51. 

  51. 	}

    52. 

  52. 	return this.templateDom[id];

    53. 

  53. }

    54. 

  54. 

    55. 

  55. /** */

    56. 

  56. TooltipTemplate.prototype.createDefaultTemplate = function (id){

    57. 

  57. 	

    58. 

  58. 	this.templateDom[id] = Dom.createHTMLDivElement("");

    59. 

  59. 	this.container[id] = this.templateDom[id];

    60. 

  60. }

    61. 

  61. 

    62. 

  62. /** */

    63. 

  63. TooltipTemplate.prototype.createArrayTemplate = function (id){

    64. 

  64. 	this.templateDom[id] = Dom.createHTMLTableElement("");

    65. 

  65. 	

    66. 

  66. 	//First Row

    67. 

  67. 	var row1 = Dom.createHTMLTableRowElement("top");

    68. 

  68. 	row1.appendChild(this.createOneCell("topleft corner", "leftTopArrow"));

    69. 

  69. 	row1.appendChild(this.createOneCell("top", "topArrow"));

    70. 

  70. 	row1.appendChild(this.createOneCell("topright corner", "rightTopArrow"));

    71. 

  71. 	

    72. 

  72. 	//Middle Row

    73. 

  73. 	var row2 = Dom.createHTMLTableRowElement();

    74. 

  74. 	row2.appendChild(this.createOneCell("left", "leftArrow"));

    75. 

  75. 	

    76. 

  76. 	this.container[id] = Dom.createHTMLTableCellElement("", "content");

    77. 

  77. 	row2.appendChild(this.container[id]);

    78. 

  78. 	

    79. 

  79. 	row2.appendChild(this.createOneCell("right", "rightArrow"));

    80. 

  80. 	

    81. 

  81. 	//Last Row

    82. 

  82. 	var row3 = Dom.createHTMLTableRowElement("bottom");

    83. 

  83. 	row3.appendChild(this.createOneCell("bottomleft corner", "leftBottomArrow"));

    84. 

  84. 	row3.appendChild(this.createOneCell("bottom", "bottomArrow"));

    85. 

  85. 	row3.appendChild(this.createOneCell("bottomright corner", "rightBottomArrow"));

    86. 

  86. 

    87. 

  87. 	this.templateDom[id].appendChild(row1);

    88. 

  88. 	this.templateDom[id].appendChild(row2);

    89. 

  89. 	this.templateDom[id].appendChild(row3);

    90. 

  90. }

    91. 

  91. /** */

    92. 

  92. TooltipTemplate.prototype.createOneCell = function (tdClass, divClass){

    93. 

  93. 	return Dom.createHTMLTableCellElement(Dom.createHTMLDivElement("", divClass), tdClass);

    94. 

  94. }
    95.