Insert Image var preview_window = null; function Init() { __dlg_init(); document.getElementById("f_url").focus(); }; function onOK() { var required = { "f_url": "You must enter the URL", "f_alt": "Please enter the alternate text" }; for (var i in required) { var el = document.getElementById(i); if (!el.value) { alert(required[i]); el.focus(); return false; } } // pass data back to the calling window var fields = ["f_url", "f_alt", "f_align", "f_border", "f_horiz", "f_vert"]; var param = new Object(); for (var i in fields) { var id = fields[i]; var el = document.getElementById(id); param[id] = el.value; } if (preview_window) { preview_window.close(); } __dlg_close(param); return false; }; function onCancel() { if (preview_window) { preview_window.close(); } __dlg_close(null); return false; }; function onPreview() { //alert("FIXME: preview needs rewritten:\n show the image inside this window instead of opening a new one."); var f_url = document.getElementById("f_url"); var url = f_url.value; if (!url) { alert("You have to enter an URL first"); f_url.focus(); return false; } var img = new Image(); img.src = url; var win = null; if (!document.all) { win = window.open("about:blank", "ha_imgpreview", "toolbar=no,menubar=no,personalbar=no,innerWidth=100,innerHeight=100,scrollbars=no,resizable=yes"); } else { win = window.open("about:blank", "ha_imgpreview", "channelmode=no,directories=no,height=100,width=100,location=no,menubar=no,resizable=yes,scrollbars=no,toolbar=no"); } preview_window = win; var doc = win.document; var body = doc.body; if (body) { body.innerHTML = ""; body.style.padding = "0px"; body.style.margin = "0px"; var el = doc.createElement("img"); el.src = url; var table = doc.createElement("table"); body.appendChild(table); table.style.width = "100%"; table.style.height = "100%"; var tbody = doc.createElement("tbody"); table.appendChild(tbody); var tr = doc.createElement("tr"); tbody.appendChild(tr); var td = doc.createElement("td"); tr.appendChild(td); td.style.textAlign = "center"; td.appendChild(el); win.resizeTo(el.offsetWidth + 30, el.offsetHeight + 30); } win.focus(); return false; }; html, body { background: ButtonFace; color: ButtonText; font: 11px Tahoma,Verdana,sans-serif; margin: 0px; padding: 0px; } body { padding: 5px; } table { font: 11px Tahoma,Verdana,sans-serif; } form p { margin-top: 5px; margin-bottom: 5px; } .fl { width: 9em; float: left; padding: 2px 5px; text-align: right; } .fr { width: 6em; float: left; padding: 2px 5px; text-align: right; } fieldset { padding: 0px 10px 5px 5px; } select, input, button { font: 11px Tahoma,Verdana,sans-serif; } button { width: 70px; } .space { padding: 2px; } .title { background: #ddf; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px; border-bottom: 1px solid black; letter-spacing: 2px; } form { padding: 0px; margin: 0px; } Insert Image Image URL: Preview Alternate text: Layout Alignment: Not set Left Right Texttop Absmiddle Baseline Absbottom Bottom Middle Top Border thickness: Spacing Horizontal: Vertical: OK Cancel