Omdanne billede upload til fil upload
Hej alle!Jeg har understående udemærket script til indsætning af et billede.
Nu er problemet bare, at jeg gerne vil lave den om til en fil indsætter, hvor der eksempelvis indsættes .doc eller pdf dokumenter. Som den er nu, så indsætter den stien som en IMG.
Hvad skal der gøres for, at det bliver til dokumenter i stedet?
På forhånd tak :)
### FIL ###
<!-- based on insimage.dlg -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML 3.2//EN">
<HTML id=dlgImage STYLE="width: 765px; height: 630px; ">
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="MSThemeCompatible" content="Yes">
<TITLE>INDSÆT BILLEDE FRA FIL BIBLIOTEKET</TITLE>
<link rel="stylesheet" type="text/css" href="../css/style.css">
<script language="JavaScript">
<!-- Begin
function passText(str) {
document.getElementById('txtFileName').value=str;
top.frames['right'].document.images['ditBillede'].src=str;
}
// End -->
</script>
<style>
html, body, button, div, input, select, fieldset { font-family: MS Shell Dlg; font-size: 8pt; position: absolute; };
</style>
<SCRIPT defer>
function _CloseOnEsc() {
if (event.keyCode == 27) { window.close(); return; }
}
function _getTextRange(elm) {
var r = elm.parentTextEdit.createTextRange();
r.moveToElementText(elm);
return r;
}
window.onerror = HandleError
function HandleError(message, url, line) {
var str = "Der er sket en fejl." + "\n\n"
+ "Error: " + line + "\n" + message;
alert(str);
window.close();
return true;
}
function Init() {
var elmSelectedImage;
var htmlSelectionControl = "Control";
var globalDoc = window.dialogArguments;
var grngMaster = globalDoc.selection.createRange();
// event handlers
document.body.onkeypress = _CloseOnEsc;
btnOK.onclick = new Function("btnOKClick()");
txtFileName.fImageLoaded = false;
txtFileName.intImageWidth = 0;
txtFileName.intImageHeight = 0;
if (globalDoc.selection.type == htmlSelectionControl) {
if (grngMaster.length == 1) {
elmSelectedImage = grngMaster.item(0);
if (elmSelectedImage.tagName == "IMG") {
txtFileName.fImageLoaded = true;
if (elmSelectedImage.src) {
txtFileName.value = elmSelectedImage.src.replace(/^[^*]*(\*\*\*)/, "$1"); // fix placeholder src values that editor converted to abs paths
txtFileName.intImageHeight = elmSelectedImage.height;
txtFileName.intImageWidth = elmSelectedImage.width;
txtVertical.value = elmSelectedImage.vspace;
txtHorizontal.value = elmSelectedImage.hspace;
txtBorder.value = elmSelectedImage.border;
txtAltText.value = elmSelectedImage.alt;
selAlignment.value = elmSelectedImage.align;
}
}
}
}
txtFileName.value = txtFileName.value || "http://";
txtFileName.focus();
}
function _isValidNumber(txtBox) {
var val = parseInt(txtBox);
if (isNaN(val) || val < 0 || val > 999) { return false; }
return true;
}
function btnOKClick() {
var elmImage;
var intAlignment;
var htmlSelectionControl = "Control";
var globalDoc = window.dialogArguments;
var grngMaster = globalDoc.selection.createRange();
// error checking
if (!txtFileName.value || txtFileName.value == "http://") {
alert("Der skal være en billede sti.");
txtFileName.focus();
return;
}
if (txtHorizontal.value && !_isValidNumber(txtHorizontal.value)) {
alert("Horisontalt mellemrum skal værel et tal mellem 0 og 999.");
txtHorizontal.focus();
return;
}
if (txtBorder.value && !_isValidNumber(txtBorder.value)) {
alert("Kant tykkelsen skal være et tal mellem 0 og 999.");
txtBorder.focus();
return;
}
if (txtVertical.value && !_isValidNumber(txtVertical.value)) {
alert("Vertikalt mellemrum skal være et tal mellem 0 og 999.");
txtVertical.focus();
return;
}
// delete selected content and replace with image
if (globalDoc.selection.type == htmlSelectionControl && !txtFileName.fImageLoaded) {
grngMaster.execCommand('Delete');
grngMaster = globalDoc.selection.createRange();
}
idstr = "\" id=\"556e697175657e537472696e67"; // new image creation ID
if (!txtFileName.fImageLoaded) {
grngMaster.execCommand("InsertImage", false, idstr);
elmImage = globalDoc.all['556e697175657e537472696e67'];
elmImage.removeAttribute("id");
elmImage.removeAttribute("src");
grngMaster.moveStart("character", -1);
} else {
elmImage = grngMaster.item(0);
if (elmImage.src != txtFileName.value) {
grngMaster.execCommand('Delete');
grngMaster = globalDoc.selection.createRange();
grngMaster.execCommand("InsertImage", false, idstr);
elmImage = globalDoc.all['556e697175657e537472696e67'];
elmImage.removeAttribute("id");
elmImage.removeAttribute("src");
grngMaster.moveStart("character", -1);
txtFileName.fImageLoaded = false;
}
grngMaster = _getTextRange(elmImage);
}
if (txtFileName.fImageLoaded) {
elmImage.style.width = txtFileName.intImageWidth;
elmImage.style.height = txtFileName.intImageHeight;
}
if (txtFileName.value.length > 2040) {
txtFileName.value = txtFileName.value.substring(0,2040);
}
elmImage.src = txtFileName.value;
if (txtHorizontal.value != "") { elmImage.hspace = parseInt(txtHorizontal.value); }
else { elmImage.hspace = 0; }
if (txtVertical.value != "") { elmImage.vspace = parseInt(txtVertical.value); }
else { elmImage.vspace = 0; }
elmImage.alt = txtAltText.value;
if (txtBorder.value != "") { elmImage.border = parseInt(txtBorder.value); }
else { elmImage.border = 0; }
elmImage.align = selAlignment.value;
grngMaster.collapse(false);
grngMaster.select();
window.close();
}
</SCRIPT>
</HEAD>
<BODY id=bdy onload="Init()" topmargin="0" leftmargin="0" background="../gfx/uploadbaggrund.jpg" style="color: windowtext;" scroll=no>
<DIV id=divFileName style="left: 400px; top: 350px; width: 7em; height: 1.7em; ">Fil sti:</DIV>
<INPUT ID=txtFileName type=text name="msg2" style="left: 500px; top: 350px; width: 18em;height: 1.7em; " tabIndex=10 onfocus="select()">
<DIV id=divAltText style="left: 400px; top: 380px; width: 6.58em; height: 1.7em; ">Beskrivende tekst:</DIV>
<INPUT type=text ID=txtAltText tabIndex=15 style="left: 500px; top: 380px; width: 18em; height: 1.7em; " onfocus="select()">
<DIV id=divAlign style="left: 400px; top: 410px; width: 4.76em; height: 1.2168em; ">Opstilling:</DIV>
<SELECT size=1 ID=selAlignment tabIndex=20 style="left: 500px; top: 410px; width: 18em; height: 1.2168em; ">
<OPTION id=optNotSet value=""> Ikke indstillet </OPTION>
<OPTION id=optLeft value=left> Venstre </OPTION>
<OPTION id=optRight value=right> Højre </OPTION>
<OPTION id=optTexttop value=textTop> Ved tekst top </OPTION>
<OPTION id=optAbsMiddle value=absMiddle> Absolut midt </OPTION>
<OPTION id=optBaseline value=baseline SELECTED> Ved bundlinie </OPTION>
<OPTION id=optAbsBottom value=absBottom> Absolut bund </OPTION>
<OPTION id=optBottom value=bottom> Bund </OPTION>
<OPTION id=optMiddle value=middle> Midt </OPTION>
<OPTION id=optTop value=top> Top </OPTION>
</SELECT>
<DIV id=divHoriz style="left: 400px; top: 440px; width: 4.76em; height: 1.7em; ">Horisontal:</DIV>
<INPUT ID=txtHorizontal style="left: 500px; top: 440px; width: 4.2em; height: 1.7em; ime-mode: disabled;" type=text size=3 maxlength=3 value="" tabIndex=25 onfocus="select()">
<DIV id=divVert style="left: 400px; top: 470px; width: 3.64em; height: 1.7em; ">Vertikal:</DIV>
<INPUT ID=txtVertical style="left: 500px; top: 470px; width: 4.2em; height: 1.7em; ime-mode: disabled;" type=text size=3 maxlength=3 value="" tabIndex=30 onfocus="select()">
<DIV id=divBorder style="left: 400px; top: 500px; width: 8.12em; height: 1.7em; ">Kant tykkelse:</DIV>
<INPUT ID=txtBorder style="left: 500px; top: 500px; width: 6.72em; height: 1.7em; ime-mode: disabled;" type=text size=3 maxlength=3 value="" tabIndex=21 onfocus="select()">
<BUTTON ID=btnOK style="left: 620px; top: 540px; width: 7em; height: 2em; " type=submit tabIndex=40>INDSÆT</BUTTON>
<BUTTON ID=btnCancel style="left: 540px; top: 540px; width: 7em; height: 2em; " type=reset tabIndex=45 onClick="window.close();">Fortryd</BUTTON>
<DIV style="left: 400px; top: 120px; width: 315px; height: 180px; "><iframe id="right" name="right" border="0" width="315" height="180px" marginWidth="0" marginHeight="0" src="eksempelfil.asp" frameBorder="0"></iframe></DIV>
<DIV style="left: 40px; top: 120px; width: 315px; height: 400px; "><iframe id="upse" name="upse" ALLOWTRANSPARENCY="true" border="0" width="315" height="400px" scrolling="no" marginWidth="0" marginHeight="0" src="uploadfil.asp" frameBorder="0"></iframe></DIV>
</BODY>
</HTML>
