img.htm

来自「八星瓢虫留言本特点:采用PHP+Access数据库实现」· HTM 代码 · 共 472 行 · 第 1/2 页

HTM
472
字号
}


function DisableItems(){
    d_checkfromfile.disabled=true;
    d_checkfromurl.disabled=true;
    d_fromurl.disabled=true;
    if (config.AllowBrowse=="1"){
        d_browse.disabled=true;
    }
    d_alt.disabled=true;
    d_border.disabled=true;
    d_bordercolor.disabled=true;
    d_filter.disabled=true;
    d_align.disabled=true;
    d_width.disabled=true;
    d_height.disabled=true;
    d_vspace.disabled=true;
    d_hspace.disabled=true;
    Ok.disabled=true;
}


function AbleItems(){
    d_checkfromfile.disabled=false;
    d_checkfromurl.disabled=false;
    d_fromurl.disabled=false;
    if (config.AllowBrowse=="1"){
        d_browse.disabled=false;
    }
    d_alt.disabled=false;
    d_border.disabled=false;
    d_bordercolor.disabled=false;
    d_filter.disabled=false;
    d_align.disabled=false;
    d_width.disabled=false;
    d_height.disabled=false;
    d_vspace.disabled=false;
    d_hspace.disabled=false;
    Ok.disabled=false;
}

function doPreview(){
    var url;
    if (d_checkfromurl.checked){
        url = d_fromurl.value;
    }else{
        url = d_file.document.myform.uploadfile.value;
    }
    if (url){
        imgPreview.src = url;        
        setPreview()
    }else{
        tdPreview.innerHTML = "";
    }

}

function setPreview(){
    var width = imgPreview.width;
    var height = imgPreview.height;
    if (imgPreview.src){
        var boxWidth = tdPreview.offsetWidth;
        var boxHeight = tdPreview.offsetHeight;
        if ((width>boxWidth)||(height>boxHeight)){
            var nw = boxWidth/width;
            var nh = boxHeight/height;
            if (nw>nh){
                height = boxHeight;
                width = width*nh;
            }else{
                width = boxWidth;
                height = height*nw;
            }
        }
        tdPreview.innerHTML = "<img border=0 src='"+imgPreview.src+"' width='"+width+"' height='"+height+"'>";
        tdPreviewSize.innerHTML = imgPreview.width+" * "+imgPreview.height;
    }
}

</script>

<BODY onload="InitDocument()">
<table border=0 cellpadding=0 cellspacing=5 id=tabDialogSize><tr><td>


<table border=0 cellpadding=0 cellspacing=5 align=center>
<tr><td width="60%">

    <table border=0 cellpadding=0 cellspacing=0 align=center width="100%">
    <tr>
        <td>
        <fieldset>
        <legend><span lang=DlgImgSource></span></legend>
        <table border=0 cellpadding=5 cellspacing=0 width="100%">
        <tr><td>

            <table border=0 cellpadding=0 cellspacing=2 width="100%">
            <tr>
                <td noWrap width="20%"><input type=radio id="d_checkfromfile" value="1" onclick="RadioClick('file')"><label for=d_checkfromfile><span lang=DlgFromFile></span></label>:</td>
                <td noWrap width="80%">
                    <Script Language=JavaScript>
                    document.write("<iframe id=d_file frameborder=0 src='../" + config.ServerExt + "/upload." + config.ServerExt + "?type=image&style=" + config.StyleName + "&language=" + AvailableLangs["Active"] + "' width='100%' height='22' scrolling=no></iframe>");
                    </Script>            
                </td>
            </tr>
            <tr>
                <td noWrap width="20%"><input type=radio id="d_checkfromurl" value="1" onclick="RadioClick('url')"><label for=d_checkfromurl><span lang=DlgFromUrl></span></label>:</td>
                <td noWrap width="80%">
                <script language="javascript">
                if (config.AllowBrowse=="1"){
                    document.write("<input type=text id='d_fromurl' style='width:191px' size=30 value=''><input style='width:63px;height:18px;margin-left:2px;padding-top:0px;' type=button id='d_browse' onclick=\"SelectBrowse('image','fromurl')\" lang=DlgBtnBrowse align=absmiddle>");
                } else {
                    document.write("<input type=text id='d_fromurl' style='width:100%' size=30 value=''>");
                }
                </script>
                </td>
            </tr>
            </table>

        </td></tr>
        </table>
        </fieldset>
        </td>
    </tr>
    <tr><td height=5></td></tr>
    <tr>
        <td>
        <fieldset>
        <legend><span lang=DlgImgEffect></span></legend>
        <table border=0 cellpadding=5 cellspacing=0 width="100%">
        <tr><td>

            <table border=0 cellpadding=0 cellspacing=2 width="100%">
            <tr>
                <td noWrap width="20%"><span lang=DlgImgAlt></span>:</td>
                <td noWrap width="80%" colspan=4><input type=text id=d_alt size=10 value="" style="width:100%"></td>
            </tr>
            <tr>
                <td noWrap width="20%"><span lang=DlgImgBorder></span>:</td>
                <td noWrap width="29%"><input style="width:80px" type=text id=d_border size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();"></td>
                <td width="2%">&nbsp;</td>
                <td noWrap width="20%"><span lang=DlgImgBorderColor></span>:</td>
                <td noWrap width="29%"><input style="width:62px" type=text id=d_bordercolor size=7 value=""><img border=0 src="../sysimage/rect.gif" width=18 style="cursor:hand" id=s_bordercolor onclick="SelectColor('bordercolor')" align=absmiddle></td>
            </tr>
            <tr>
                <td noWrap width="20%"><span lang=DlgImgSpecEffect></span>:</td>
                <td noWrap width="29%">
                    <select id=d_filter size=1 style="width:80px">
                    <option value='' selected lang=DlgComNone></option>
                    <option value='Alpha(Opacity=50)' lang=DlgImgAlpha1></option>
                    <option value='Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140)' lang=DlgImgAlpha2></option>
                    <option value='Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200)' lang=DlgImgAlpha3></option>
                    <option value='blur(add=1,direction=14,strength=15)' lang=DlgImgBlur1></option>
                    <option value='blur(add=true,direction=45,strength=30)' lang=DlgImgBlur2></option>
                    <option value='Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3)' lang=DlgImgWave></option>
                    <option value='gray' lang=DlgImgGray></option>
                    <option value='Chroma(Color=#FFFFFF)' lang=DlgImgChroma></option>
                    <option value='DropShadow(Color=#999999, OffX=7, OffY=4, Positive=1)' lang=DlgImgDropShadow></option>
                    <option value='Shadow(Color=#999999, Direction=45)' lang=DlgImgShadow></option>
                    <option value='Glow(Color=#ff9900, Strength=5)' lang=DlgImgGlow></option>
                    <option value='flipv' lang=DlgImgFlipv></option>
                    <option value='fliph' lang=DlgImgFliph></option>
                    <option value='grays' lang=DlgImgGrays></option>
                    <option value='xray' lang=DlgImgXray></option>
                    <option value='invert' lang=DlgImgInvert></option>
                    </select>        
                </td>
                <td width="2%">&nbsp;</td>
                <td noWrap width="20%"><span lang=DlgAlign></span>:</td>
                <td noWrap width="29%">
                    <select id=d_align size=1 style="width:80px">
                    <option value='' selected lang=DlgComDefault></option>
                    <option value='left' lang=DlgAlignLeft></option>
                    <option value='right' lang=DlgAlignRight></option>
                    <option value='top' lang=DlgAlignTop></option>
                    <option value='middle' lang=DlgAlignMiddle></option>
                    <option value='bottom' lang=DlgAlignBottom></option>
                    <option value='absmiddle' lang=DlgAlignAbsmiddle></option>
                    <option value='absbottom' lang=DlgAlignAbsbottom></option>
                    <option value='baseline' lang=DlgAlignBaseline></option>
                    <option value='texttop' lang=DlgAlignTexttop></option>
                    </select>
                </td>
            </tr>
            <tr>
                <td noWrap width="20%"><span lang=DlgImgWidth></span>:</td>
                <td noWrap width="29%"><input style="width:80px" type=text id=d_width size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=4></td>
                <td width="2%">&nbsp;</td>
                <td noWrap width="20%"><span lang=DlgImgHeight></span>:</td>
                <td noWrap width="29%"><input style="width:80px" type=text id=d_height size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=4></td>
            </tr>
            <tr>
                <td noWrap width="20%"><span lang=DlgImgVSpace></span>:</td>
                <td noWrap width="29%"><input style="width:80px" type=text id=d_vspace size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=2></td>
                <td width="2%">&nbsp;</td>
                <td noWrap width="20%"><span lang=DlgImgHSpace></span>:</td>
                <td noWrap width="29%"><input style="width:80px" type=text id=d_hspace size=10 value="" ONKEYPRESS="event.returnValue=IsDigit();" maxlength=2></td>
            </tr>
            </table>

        </td></tr>
        </table>
        </fieldset>
        </td>
    </tr>
    </table>


</td><td width="40%" height="100%">
    
        <fieldset style="height:100%">
        <legend><span lang=DlgImgPreview></span></legend>
        <table border=0 cellpadding=0 cellspacing=5 width="200" height="200" valign=top>
        <tr><td colspan=2 bgcolor=#FFFFFF align=center valign=middle id=tdPreview height="100%">

        </td></tr>
        <tr><td id=tdPreviewSize></td><td align=right><input type=button id=btnPreivew onclick="doPreview()" lang=DlgImgPreview></td></tr>
        </table>
        </fieldset>

</td></tr>
<tr><td noWrap align=right colspan=2><input type=submit value='' id=Ok onclick="ok()" lang=DlgBtnOK>&nbsp;&nbsp;<input type=button value='' onclick="window.close();" lang=DlgBtnCancel></td></tr>
</table>


</td></tr></table>


<div id=divProcessing style="width:200px;height:30px;position:absolute;left:70px;top:100px;display:none">
<table border=0 cellpadding=0 cellspacing=1 bgcolor="#000000" width="100%" height="100%"><tr><td bgcolor=#3A6EA5><marquee align="middle" behavior="alternate" scrollamount="5"><font color=#FFFFFF><span lang=DlgComUploading></span></font></marquee></td></tr></table>
</div>
<img id=imgPreview src='' border=0 style="visibility:hidden" onload="setPreview()">

</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?