`
jessen163
  • 浏览: 466825 次
  • 性别: Icon_minigender_1
  • 来自: 潘多拉
社区版块
存档分类
最新评论

自动获取图片地址到文本框或下拉框中

阅读更多
fckeditor\editor\dialog\fck_image\fck_image.js 修改函数
function SetUrl( url, width, height, alt )
{
if ( sActualBrowser == 'Link' )
{
   GetE('txtLnkUrl').value = url ;
   UpdatePreview() ;
}
else
{
   GetE('txtUrl').value = url ;
   GetE('txtWidth').value = width ? width : '' ;
   GetE('txtHeight').value = height ? height : '' ;

   if ( alt )
    GetE('txtAlt').value = alt;

   UpdatePreview() ;
   UpdateOriginal( true ) ;

   FCKConfig.setUploadImg(url);//修改---
}

window.parent.SetSelectedTab( 'Info' ) ;
}

在 fckeditor\fckconfig.js 最后加上函数

FCKConfig.setUploadImg = function(_res){
    if(!_res) return;
    objDrop=parent.document.getElementById("PicSelect");
    objText=parent.document.getElementById("TextPic");
    var nIndex = objDrop.selectedIndex;
    if(objDrop.options[0].value=="")objDrop.options[0]=null;
    var oLen=objDrop.length;
    if(oLen>0)
    {
         for(var i=0; i<oLen; i++)

            {
                 if(objDrop.options[i].value==_res) return;
            }
   }
objDrop.options[oLen] = new Option('Image'+[oLen+1], _res);
objDrop.selectedIndex = nIndex;
if(objText.value=="" || objText.value.length==0)objText.value=_res;
}

前台输入
<tr>
                <td class="classtd">
                    图片:</td>
                <td class="classtd">
                    <asp:TextBox ID="TextPic" runat="server" MaxLength="50"></asp:TextBox>
                    <select id="PicSelect" onchange="document.getElementById('ShowPic').src=options[selectedIndex].value;document.getElementById('TextPic').value=options[selectedIndex].value;">
                        <option value="">选择已上传图片</option>
                    </select>
                    <img id="ShowPic" />
                </td>
            </tr>
分享到:
评论

相关推荐

    access+窗体自适应大小

    这是针对access97/2000所做的自动调整窗体和控件大小的控件,使你...只要改变窗体的大小,包括标签、文本框、下拉框、列表框、选项框、检查框、图片、普通子窗体、数据子窗体等控件都会自动按相应的比例实时改变大小。

    《程序天下:JavaScript实例自学手册》光盘源码

    3.18 文本框获取焦点弹出下拉框 3.19 文本框简单的单击效果 3.20 文字的打字效果 3.21 文字滚动 3.22 文字滑动 3.23 文字跳动特效 3.24 荧光效果的文本 3.25 文字逐个闪亮-霓虹灯效果 3.26 旋转式的变色文字特效 ...

    程序天下:JavaScript实例自学手册

    3.18 文本框获取焦点弹出下拉框 3.19 文本框简单的单击效果 3.20 文字的打字效果 3.21 文字滚动 3.22 文字滑动 3.23 文字跳动特效 3.24 荧光效果的文本 3.25 文字逐个闪亮-霓虹灯效果 3.26 旋转式的变色文字特效 ...

    在bs开发中经常用到的javaScript技术.doc

    - 可输入内容的下拉框:允许用户在下拉框中输入自定义值。 - 多行文本框输入限制:确保不超过指定字符数,超出则自动截取。 3. 打印类 - 打印控件:提供一键打印功能,方便用户打印页面内容。 4. 事件类 - ...

    C#学习手册3

    - **URL 属性**:设置或获取浏览器当前加载页面的 URL 地址。 #### ComboBox 下拉框控件 - **DropDownStyle 属性**:控制下拉框的显示方式。 - **案例**:日期选择器,可以预设一系列日期选项供用户选择。 #### ...

    DataGridView控件用法合集

    在单元格中添加掩码文本框可以通过使用`DataGridViewTextBoxCell`并设置其`MaskedTextBox`属性来实现。 #### 59. DataGridView中Enter键按下焦点移至旁边的单元格 实现按Enter键移动焦点到相邻单元格通常需要监听`...

    Selenium常用方法

    - `getSelectOptions(selectLocator)`: 返回下拉框中所有可用的选项,例如 `selenium.getSelectOptions("//div[@id='mysearch_tips']/select")` 返回一个字符串数组,包含所有选项。 3. **按钮和链接 (Button & ...

    风越.Net代码生成器 [FireCode Creator] V1.3 精简版

    文本框 文本域 UBB文本框(支持UBB文本输入) 密码框 隐藏域 日期选择 单选框 复选框 下拉框 多选列表 单选列表 批量上载 上载文件 上载到库 07、支持多种信息显示方式: 显示文字 链接文件 文本框 文本域 显示...

    b s开发常用javaScript技术第1 4页.docx

    - **2.2 动态增删下拉选项**:允许用户动态地增加或删除下拉框中的选项。 - **2.3 可输入内容的下拉框**:创建一个可以输入内容的下拉框,方便用户搜索和选择。 - **2.4 多行文本框字符限制**:限制多行文本框中...

    风越ASP代码生成器 2.4

    文本框 文本域 UBB文本框(支持UBB文本输入) 密码框 隐藏域 日期选择 单选框 复选框 下拉框 多选列表 单选列表 批量上载 上载文件 上载到库 07、支持多种信息显示方式: 显示文字 前20字符 UBB文本 链接文件 ...

    风越ASP代码生成器FireAspCreatorv2.9.rar

    文本框 文本域 UBB文本框(支持UBB文本输入) 密码框 隐藏域 日期选择 单选框 复选框 下拉框 多选列表 单选列表 批量上载 上载文件 上载到库 07、支持多种信息显示方式: 显示文字 链接文件 文本框 文本域 显示图片...

    风越.net代码生成器v2.9

    文本框 文本域 UBB文本框(支持UBB文本输入) 密码框 隐藏域 日期选择 单选框 复选框 下拉框 多选列表 单选列表 批量上载 上载文件 上载到库 07、支持多种信息显示方式: 显示文字 链接文件 文本框 文本域 显示...

    在bs开发中经常用到的javaScript技术整理.doc

    - **连动下拉框**:下拉框之间相互关联,用户在一个下拉框中的选择会影响另一个下拉框的选项。 #### 数据处理 - **文本排序**:对文本数据进行升序或降序排列,便于用户查找和浏览信息。 以上所列的JavaScript技术...

    VC带下拉菜单和编辑框的列表

    在对话框或窗口中放置这些控件时,可以使用MFC的布局管理器,如CLayoutView或CFormView,自动调整控件的位置和大小。 8. **用户交互**: 为了提供良好的用户体验,你可能需要处理一些特殊交互,如焦点切换、键盘...

    风越ASP代码生成器2.8

    文本框 文本域 UBB文本框(支持UBB文本输入) 密码框 隐藏域 日期选择 单选框 复选框 下拉框 多选列表 单选列表 批量上载 上载文件 上载到库 07、支持多种信息显示方式: 显示文字 链接文件 文本框 文本域 显示...

    常用JS脚本页面判断

    - 可输入下拉框:允许用户在下拉框中直接输入。 - 多行文本框限制:控制多行文本框的最大和最小字符数。 3. 打印类: - 打印控件:实现页面打印功能。 4. 事件类: - 右键屏蔽:禁用鼠标右键点击事件。 - ...

    开源的驰骋工作流程引擎-自由表单设计器操作说明书.doc

    这些变量在设计表单时可以方便地插入到SQL查询语句中,以实现数据的动态加载或过滤。 #### 二、调用API **2.1 与工作流程引擎API** 为了更好地集成到工作流程引擎中,自由表单设计器提供了专门的API。通过这些API...

    javascript小技巧&nbsp;&nbsp;超强推荐第1 5页.docx

    - `下拉框.options[索引]`:获取或设置下拉框选项。 - `下拉框.options.length`:获取下拉框选项的数量。 - **查找对象**: - `document.getElementsByName("r1")`:通过名称查找文档中的元素。 - `document....

    客户端javascript验证新模式.

    - **文本框长度验证**:控制多行文本框的字符数,防止输入过长或过短。 - **单选框和复选框验证**:检查是否至少选中了一个选项,或者根据需求进行全选、多选、全不选、反选的验证。 4. **字符类验证**: - **...

Global site tag (gtag.js) - Google Analytics