开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Windows编程 > .net编程 > 查看源码
FTB-ImageGallery.js
资源名称：xwfbxt.rar　[点击查看]
上传用户：tongfeicq
上传日期：2022-07-20
资源大小：2856k
文件大小：9k
源码类别：

.net编程

开发平台：

Visual C++

FTB-ImageGallery.js：源码内容
  1. FTB_LastImageDiv = null;
  2. currentImage = null;
  3. currentFolder = null;
  4. function FTB_FolderClick(theDiv, folderName) {
  5. FTB_HightlightDiv(theDiv);
  6. currentFolder = folderName;
  7. document.getElementById('command_DeleteImageButton').style.display = 'none';
  8. document.getElementById('command_DeleteFolderButton').style.display = 'block';
  10. document.getElementById('img_feedback_title').innerHTML = "Selected Folder";
  11. document.getElementById('img_feedback_message').value = folderName;
  12. };
  13. function FTB_PreviewImage(theDiv,filepath,filename,width,height,size) {
  14. FTB_HightlightDiv(theDiv);
  15. currentImage = filename;
  16. document.getElementById('command_DeleteImageButton').style.display = 'block';
  17. document.getElementById('command_DeleteFolderButton').style.display = 'none';
  18. document.getElementById('img_feedback_title').innerHTML = "Selected Image";
  19. document.getElementById('img_feedback_message').value = filename + " (" + size + ")";
  21. //document.getElementById('img_url').innerHTML = filepath + "/" + filename;
  22. //document.getElementById('img_size').innerHTML = size;
  24. document.getElementById('img_alt').value = filename;
  25. document.getElementById('img_width').value = width;
  26. document.getElementById('img_height').value = height;
  27. document.getElementById('img_border').value = "0";
  29. document.getElementById('img_dim_percentage').checked = false;
  30. document.getElementById('img_dim_custom').checked = false;
  31. document.getElementById('img_dim_original').checked = true;
  33. image = document.getElementById('img_preview');
  34. image.src = filepath + "/" + filename;
  35. image.width = width;
  36. image.height = height;
  37. };
  38. function FTB_HightlightDiv(theDiv) {
  39. if (FTB_LastImageDiv) {
  40. FTB_LastImageDiv.style.border = "1px solid #CCCCCC";
  41. FTB_LastImageDiv.style.padding = "1px";
  42. }
  43. FTB_LastImageDiv = theDiv;
  44. theDiv.style.border = "2px solid #316AC5";
  45. theDiv.style.padding = "0";
  46. };
  47. function FTB_InsertImage() {
  49. image = document.getElementById('img_preview');
  50. src = document.getElementById('img_preview').src;
  51. if (src == '' || src == null) return;
  53. alt = document.getElementById('img_alt').value;
  54. title = document.getElementById('img_title').value;
  55. width = image.width; //document.getElementById('img_width').value;
  56. height = image.height; //document.getElementById('img_height').value;
  57. align = document.getElementById('img_align').options[document.getElementById('img_align').selectedIndex].value;
  59. hspace = document.getElementById('img_hspace').value;
  60. vspace = document.getElementById('img_vspace').value;
  61. border = document.getElementById('img_border').value;
  63. ftb = document.getElementById('TargetFreeTextBox').value;
  65. img = '<img src="' + src + '"' + ' temp_src="' + src + '"' + 
  66. ( (alt != '') ? ' alt="' + alt + '"' : '' ) + 
  67. ( (title != '') ? ' title="' + title + '"' : '' ) + 
  68. ( (width != '') ? ' width="' + width + '"' : '' ) + 
  69. ( (height != '') ? ' height="' + height + '"' : '' ) + 
  70. ( (height != '') ? ' height="' + height + '"' : '' ) + 
  71. ( (align != '') ? ' align="' + align + '"' : '' ) + 
  72. ( (hspace != '') ? ' hspace="' + hspace + '"' : '' ) + 
  73. ( (vspace != '') ? ' vspace="' + vspace + '"' : '' ) + 
  74. ( (border != '') ? ' border="' + border + '"' : '' ) + 
  75. ' />';
  77. window.opener.FTB_API[ftb].InsertHtml(img);
  78. };
  79. function FTB_DeleteImage(galleryID) {
  80. __doPostBack(galleryID,"DeleteImage:" + currentImage);
  81. };
  82. function FTB_DeleteFolder(galleryID) {
  83. __doPostBack(galleryID,"DeleteFolder:" + currentFolder);
  84. };
  85. function FTB_GoToFolder(galleryID, rootfolder,newfolder) {
  86. __doPostBack(galleryID,"GoToFolder:" + newfolder);
  87. };
  88. function FTB_CreateFolder(galleryID) {
  89. folder = document.getElementById('command_NewFolderName');
  90. folderButton = document.getElementById('command_NewFolderButton');
  92. if (folder.value == '') {
  93. alert("You must enter a folder name to create");
  94. return false;
  95. }
  96. folder.disabled = true;
  97. folderButton.disabled = true;
  99. __doPostBack(galleryID,"CreateFolder:" + folder.value);
  100. };
  101. function FTB_UploadFile(galleryID) {
  103. file = document.getElementById('command_UploadFile');
  104. uploadButton = document.getElementById('command_UploadButton');
  106. if (file.value == '') {
  107. alert("You must select a file to upload");
  108. return false;
  109. }
  110. // file.disabled = true;
  111. uploadButton.disabled = true;
  112. // need to check if valid type!
  113. __doPostBack(galleryID,"UploadImage");
  114. };
  115. function FTB_ResizeGalleryArea() {
  116. gallery = document.getElementById('Gallery');
  117. galleryTop = document.getElementById('GalleryTop');
  118. galleryBottom = document.getElementById('GalleryBottom');
  119. sideBar = document.getElementById('GallerySideBar');
  121. if (FTB_Browser.isIE) {
  122. // check window height
  123. if (document.body.offsetHeight < (galleryTop.offsetHeight + galleryBottom.offsetHeight + sideBar.offsetHeight) ) {
  124. window.resizeTo(750, galleryTop.offsetHeight + galleryBottom.offsetHeight + sideBar.offsetHeight+100);
  125. }
  127. gallery.style.height = document.body.offsetHeight - (galleryTop.offsetHeight + galleryBottom.offsetHeight);
  128. gallery.style.width = document.body.offsetWidth - sideBar.offsetWidth;
  130. } else {
  131. if (window.innerHeight < (galleryTop.offsetHeight + galleryBottom.offsetHeight + sideBar.offsetHeight) ) {
  132. window.resizeTo(750, galleryTop.offsetHeight + galleryBottom.offsetHeight + sideBar.offsetHeight+100);
  133. }
  134. gallery.style.height =  window.innerHeight - (galleryTop.offsetHeight + galleryBottom.offsetHeight);
  135. gallery.style.width = window.innerWidth - sideBar.offsetWidth;
  136. }
  137. };
  138. function FTB_DimensionChange(sender) {
  139. switch (sender.id) {
  140. default:
  141. case "img_dim_original": 
  142. document.getElementById('img_width_custom').value = '';
  143. document.getElementById('img_height_custom').value = '';
  144. document.getElementById('img_percentage').value = '';
  146. document.getElementById('img_width_custom').disabled = true;
  147. document.getElementById('img_height_custom').disabled = true;
  148. document.getElementById('img_percentage').disabled = true;
  150. FTB_ResetImage();
  151. break;
  152. case "img_dim_custom":
  153. document.getElementById('img_width_custom').value = document.getElementById('img_width').value;
  154. document.getElementById('img_height_custom').value = document.getElementById('img_height').value;
  155. document.getElementById('img_percentage').value = '';
  157. document.getElementById('img_width_custom').disabled = false;
  158. document.getElementById('img_height_custom').disabled = false;
  159. document.getElementById('img_percentage').disabled = true;
  160. break;
  161. case "img_dim_percentage":
  162. document.getElementById('img_width_custom').value = '';
  163. document.getElementById('img_height_custom').value = '';
  164. document.getElementById('img_percentage').value = '100';
  166. document.getElementById('img_width_custom').disabled = true;
  167. document.getElementById('img_height_custom').disabled = true;
  168. document.getElementById('img_percentage').disabled = false;
  169. FTB_SetImageByPercentage();
  170. break;
  171. }
  172. };
  173. function FTB_SetImageByPercentage() {
  174. previewImage = document.getElementById('img_preview');
  175. width = document.getElementById('img_width').value;
  176. height = document.getElementById('img_height').value;
  177. percentage = document.getElementById('img_percentage').value;
  179. previewImage.width = width * percentage / 100;
  180. previewImage.height = height * percentage / 100;
  181. };
  182. function FTB_ResetImage() {
  183. previewImage = document.getElementById('img_preview');
  184. width = document.getElementById('img_width').value;
  185. height = document.getElementById('img_height').value;
  187. previewImage.width = width;
  188. previewImage.height = height;
  189. };
  190. function FTB_UpdatePreview(sender) {
  191. src = document.getElementById('img_feedback_message').value;
  192. if (src == null || src == '') return;
  194. previewImage = document.getElementById('img_preview');
  195. width = document.getElementById('img_width').value;
  196. height = document.getElementById('img_height').value;
  197. customWidth = document.getElementById('img_width_custom').value;
  198. customHeight = document.getElementById('img_height_custom').value;
  199. lockRatio = document.getElementById('img_lockRatio').checked;
  201. if (sender.id == 'img_percentage') {
  202. FTB_SetImageByPercentage();
  203. } else {
  205. if (lockRatio) {
  206. if (sender.id == 'img_width_custom') {
  207. previewImage.width = customWidth;
  208. previewImage.height = height * ( customWidth / width);
  209. document.getElementById('img_height_custom').value = height * ( customWidth / width);
  210. } else if (sender.id == 'img_height_custom') {
  211. previewImage.width = width * ( customHeight / height);
  212. previewImage.height = customHeight;
  214. document.getElementById('img_width_custom').value = width * ( customHeight / height);
  215. }
  216. } else {
  217. previewImage.width = customWidth;
  218. previewImage.height = customHeight;
  219. }
  221. }
  222. };
  223. function FTB_RestorePreview() {
  224. previewImage = document.getElementById('img_preview');
  225. previewImage.width = document.getElementById('img_previewWidth').value;
  226. previewImage.height = document.getElementById('img_previewHeight').value;
  227. document.getElementById('img_width').value = document.getElementById('img_previewWidth').value;
  228. document.getElementById('img_height').value = document.getElementById('img_previewHeight').value;
  229. };