Changeset 2916 for trunk/wp-includes/js/tinymce/themes/advanced/image.htm

Timestamp:

09/26/2005 06:52:30 AM (21 years ago)

Author:

matt

Message:

Updating to latest TinyMCE

File:

• trunk/wp-includes/js/tinymce/themes/advanced/image.htm (modified) (4 diffs)

trunk/wp-includes/js/tinymce/themes/advanced/image.htm

@@ -1 @@
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
-<title>{$lang_insert_image_title}</title>
-<script language="javascript" src="../../tiny_mce_popup.js"></script>
-<script language="javascript">
-var url = tinyMCE.getParam("external_image_list_url");
-if (url != null) {
-        // Fix relative
-        if (url.charAt(0) != '/')
-                url = tinyMCE.documentBasePath + "/" + url;
-
-        document.write('<sc'+'ript language="javascript" type="text/javascript" src="' + url + '"></sc'+'ript>');
-}
-</script>
-<script language="javascript">
-        function insertImage() {
-                if (window.opener) {
-                        var src = document.forms[0].src.value;
-                        var alt = document.forms[0].alt.value;
-                        var border = document.forms[0].border.value;
-                        var vspace = document.forms[0].vspace.value;
-                        var hspace = document.forms[0].hspace.value;
-                        var width = document.forms[0].width.value;
-                        var height = document.forms[0].height.value;
-                        var align = document.forms[0].align.options[document.forms[0].align.selectedIndex].value;
-
-                        window.opener.tinyMCE.insertImage(src, alt, border, hspace, vspace, width, height, align);
-                        top.close();
-                }
-        }
-
-        function init() {
-                // Focus form field
-                document.getElementById('src').focus();
-                var formObj = document.forms[0];
-
-                for (var i=0; i<document.forms[0].align.options.length; i++) {
-                        if (document.forms[0].align.options[i].value == tinyMCE.getWindowArg('align'))
-                                document.forms[0].align.options.selectedIndex = i;
-                }
-
-                formObj.src.value = tinyMCE.getWindowArg('src');
-                formObj.alt.value = tinyMCE.getWindowArg('alt');
-                formObj.border.value = tinyMCE.getWindowArg('border');
-                formObj.vspace.value = tinyMCE.getWindowArg('vspace');
-                formObj.hspace.value = tinyMCE.getWindowArg('hspace');
-                formObj.width.value = tinyMCE.getWindowArg('width');
-                formObj.height.value = tinyMCE.getWindowArg('height');
-                formObj.insert.value = tinyMCE.getLang('lang_' + tinyMCE.getWindowArg('action'), 'Insert', true); 
-
-                // Handle file browser
-                if (tinyMCE.getParam("file_browser_callback") != null) {
-                        document.getElementById('src').style.width = '180px';
-
-                        var html = '';
-
-                        html += '<img id="browserBtn" src="images/browse.gif"';
-                        html += ' onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');"';
-                        html += ' onmouseout="tinyMCE.restoreClass(this);"';
-                        html += ' onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');"';
-                        html += ' onclick="javascript:tinyMCE.openFileBrowser(\'src\',document.forms[0].src.value,\'image\',window);"';
-                        html += ' width="20" height="18" border="0" title="' + tinyMCE.getLang('lang_browse') + '"';
-                        html += ' class="mceButtonNormal" alt="' + tinyMCE.getLang('lang_browse') + '" />';
-
-                        document.getElementById('browser').innerHTML = html;
-                }
-
-                // Auto select image in list
-                if (typeof(tinyMCEImageList) != "undefined" && tinyMCEImageList.length > 0) {
-                        for (var i=0; i<formObj.image_list.length; i++) {
-                                if (formObj.image_list.options[i].value == tinyMCE.getWindowArg('src'))
-                                        formObj.image_list.options[i].selected = true;
-                        }
-                }
-        }
-
-        function cancelAction() {
-                tinyMCE.closeDialog();
-        }
-
-        var preloadImg = new Image();
-
-        function resetImageData() {
-                var formObj = document.forms[0];
-                formObj.width.value = formObj.height.value = "";        
-        }
-
-        function updateImageData() {
-                var formObj = document.forms[0];
-
-                if (formObj.width.value == "")
-                        formObj.width.value = preloadImg.width;
-
-                if (formObj.height.value == "")
-                        formObj.height.value = preloadImg.height;
-        }
-
-        function getImageData() {
-                preloadImg = new Image();
-                tinyMCE.addEvent(preloadImg, "load", updateImageData);
-                tinyMCE.addEvent(preloadImg, "error", function () {var formObj = document.forms[0];formObj.width.value = formObj.height.value = "";});
-                preloadImg.src = tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings['base_href'], document.forms[0].src.value);
-        }
-
-</script>
+        <title>{$lang_insert_image_title}</title>
+        <script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
+        <script language="javascript" type="text/javascript" src="../../utils/form_utils.js"></script>
+        <script language="javascript" type="text/javascript" src="jscripts/image.js"></script>
 </head>
-<body onload="init();">
+<body onload="init();" style="display: none">
 <form onsubmit="insertImage();return false;">
   <table border="0" cellpadding="0" cellspacing="0" width="200">
@@ -117 +18 @@
             <td><table border="0" cellspacing="0" cellpadding="0">
                 <tr>
-                  <td><input name="src" type="text" id="src" value="http://" style="width: 200px" onchange="getImageData();"></td>
-                  <td id="browser"></td>
+                  <td><input name="src" type="text" id="src" value="" style="width: 200px" onchange="getImageData();"></td>
+                  <td><script language="javascript" type="text/javascript">renderBrowser('srcbrowser','src','image','theme_advanced_image');</script></td>
                 </tr>
               </table></td>
@@ -159 +60 @@
               </select></td>
           </tr>
-          <tr style="display: none;">
+          <tr>
             <td nowrap="nowrap">{$lang_insert_image_dimensions}:</td>
             <td><input name="width" type="text" id="width" value="" size="3" maxlength="3">
@@ -165 +66 @@
               <input name="height" type="text" id="height" value="" size="3" maxlength="3"></td>
           </tr>
-          <tr style="display: none;">
+          <tr>
             <td nowrap="nowrap">{$lang_insert_image_border}:</td>
             <td><input name="border" type="text" id="border" value="" size="3" maxlength="3"></td>
           </tr>
-          <tr style="display: none;">
+          <tr>
             <td nowrap="nowrap">{$lang_insert_image_vspace}:</td>
             <td><input name="vspace" type="text" id="vspace" value="" size="3" maxlength="3"></td>
           </tr>
-          <tr style="display: none;">
+          <tr>
             <td nowrap="nowrap">{$lang_insert_image_hspace}:</td>
             <td><input name="hspace" type="text" id="hspace" value="" size="3" maxlength="3"></td>
           </tr>
           <tr>
-            <td nowrap="nowrap"><input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onClick="cancelAction();"></td>
-            <td align="right"><input type="submit" id="insert" name="insert" value="{$lang_insert}" onClick="insertImage();">            </td>
+            <td nowrap="nowrap"><input type="button" id="insert" name="insert" value="{$lang_insert}" onclick="insertImage();">
+            </td>
+            <td align="right"><input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="tinyMCEPopup.close();"></td>
           </tr>
         </table></td>