精华内容
下载资源
问答
  • 本文实例讲述了js实现仿Discuz文本框弹出层效果。分享给大家供大家参考。具体如下: 这是一个在经典论坛曾经热讨论的问题,记得在QQ邮箱也有类似功能,Discuz7.0论坛同样也有,当你的鼠标单击文本框的时候,会弹...
  • 刚刚测试好了textarea可以运行代码,又出现有些html copy到textarea里面出现代码乱掉的问题,希望博客园能更新这个功能。 去肥杜的博客留言,博主回答确实有这个问题,介绍了jsbin.com这个网站给我。 去试了一下,...

    刚刚测试好了textarea可以运行代码,又出现有些html copy到textarea里面出现代码乱掉的问题,希望博客园能更新这个功能。

    去肥杜的博客留言,博主回答确实有这个问题,介绍了jsbin.com这个网站给我。

    去试了一下,也很好用。

    就用jsbin吧。

    转载于:https://www.cnblogs.com/yirenqingfeng/p/4026956.html

    展开全文
  • 一、普通输入框 input*...确保初始化代码运行于 layui.use 的回调函数。引入 baseUtility.js。HTML@* 备案网点 *@备案网点placeholder="请输入" data-provide="typeahead" class="layui-input" autocomplete="of...

    e4b80ce717ec8e0c4ce9cd751b0d6899.png

    一、普通输入框 input

    19b3f1c58cd8cdbec3a0956bc51b5cd6.png

    *字段编号

    二、自动完成式输入框

    确保 layui 引入了 autoComplete 插件。

    确保初始化代码运行于 layui.use 的回调函数里。

    引入 baseUtility.js。

    75c90bc0fb70a8426bd280e4cb311abe.png

    HTML@* 备案网点 *@

    备案网点

    placeholder="请输入" data-provide="typeahead" class="layui-input" autocomplete="off">

    js 数据源初始化

    需定义在 layui.use 的回调函数中。// 备案网点

    siteUtility.GetAllSiteByKey("#txtRegisterCompanyId_searchForm", "#hiddenRegisterCompanyId_searchForm");

    一个是输入框的 id, 一个是隐藏域的 id。

    该 GetAllSiteByKey 公共函数已定义在 baseUtility.js 中。

    获取其值// 收集 查询表单数据

    var serializeForm = $("#searchForm").formSerialize(true);

    该序列化方法可以获取隐藏域的 id 值。

    实现方式(参考)/*

    获取全部的网点

    @param txtElementId 输入框Id

    @param hiddenElementId 与输入框匹配的隐藏域Id

    */

    GetAllSiteByKey: function (txtElementId, hiddenElementId) {

    $(txtElementId).typeahead({

    minLength: 0,

    //items: 'all',

    source: function (query, process) {

    var xdata = [];

    console.group('查询条件 = ' + query);

    $.ajax({

    type: "GET",

    url: urlEnum.GetAllSiteByKey,

    async: false,

    data: { "q": query },

    success: function (result) {

    console.info('GetAllSiteByKey result');

    console.info(result);

    if (result != null && result != undefined) {

    $.each(result.list, function (i, item) {

    xdata.push({

    id: item.value,

    name: item.key,

    obj: item

    });

    }); // end each

    }

    },

    error: function (XMLHttpRequest, textStatus, errorThrown) {

    // layer.msg("数据加载失败", { icon: 1 });

    },

    timeout: 5000

    });

    console.info('Auto 返回值:');

    console.info(xdata);

    // 如果 Auto 控件被用户置空则同时将隐藏域也置空

    if ($(txtElementId).val() == "") {

    $(hiddenElementId).val("");

    }

    console.groupEnd();

    return process(xdata);

    },

    updater: function (item) {

    console.info('updater = ' + item);

    console.info(item);

    $(hiddenElementId).val(item.id);

    return item;

    }

    }); // end typeahead

    }

    三、赋值

    无论输入框是普通的还是自动完成的,都可以直接赋值

    // 备案网点

    $("#txtRegisterCompanyId_editForm").val(registerCompanyName);

    来源:https://www.cnblogs.com/ramantic/p/7659313.html

    展开全文
  • 一、普通输入框 input*...2、确保初始化代码运行于 layui.use 的回调函数。3、引入 baseUtility.js。HTML@* 备案网点 *@备案网点placeholder="请输入" data-provide="typeahead" class="layui-input" autocomple...

    eb0febb9b774d77013e2d0593e5ca666.png

    一、普通输入框 input

    271885e54bc14ee863b09e6ef557141f.png

    *字段编号

    二、自动完成式输入框

    1、确保 layui 引入了 autoComplete 插件。

    2、确保初始化代码运行于 layui.use 的回调函数里。

    3、引入 baseUtility.js。

    f0e3c99aacd189138225f9be1c371df9.png

    HTML@* 备案网点 *@

    备案网点

    placeholder="请输入" data-provide="typeahead" class="layui-input" autocomplete="off">

    js 数据源初始化

    需定义在 layui.use 的回调函数中。// 备案网点

    siteUtility.GetAllSiteByKey("#txtRegisterCompanyId_searchForm", "#hiddenRegisterCompanyId_searchForm");

    一个是输入框的 id, 一个是隐藏域的 id。

    该 GetAllSiteByKey 公共函数已定义在 baseUtility.js 中。

    获取其值// 收集 查询表单数据

    var serializeForm = $("#searchForm").formSerialize(true);

    该序列化方法可以获取隐藏域的 id 值。

    实现方式(参考)/*

    获取全部的网点

    @param txtElementId 输入框Id

    @param hiddenElementId 与输入框匹配的隐藏域Id

    */

    GetAllSiteByKey: function (txtElementId, hiddenElementId) {

    $(txtElementId).typeahead({

    minLength: 0,

    //items: 'all',

    source: function (query, process) {

    var xdata = [];

    console.group('查询条件 = ' + query);

    $.ajax({

    type: "GET",

    url: urlEnum.GetAllSiteByKey,

    async: false,

    data: { "q": query },

    success: function (result) {

    console.info('GetAllSiteByKey result');

    console.info(result);

    if (result != null && result != undefined) {

    $.each(result.list, function (i, item) {

    xdata.push({

    id: item.value,

    name: item.key,

    obj: item

    });

    }); // end each

    }

    },

    error: function (XMLHttpRequest, textStatus, errorThrown) {

    // layer.msg("数据加载失败", { icon: 1 });

    },

    timeout: 5000

    });

    console.info('Auto 返回值:');

    console.info(xdata);

    // 如果 Auto 控件被用户置空则同时将隐藏域也置空

    if ($(txtElementId).val() == "") {

    $(hiddenElementId).val("");

    }

    console.groupEnd();

    return process(xdata);

    },

    updater: function (item) {

    console.info('updater = ' + item);

    console.info(item);

    $(hiddenElementId).val(item.id);

    return item;

    }

    }); // end typeahead

    }

    三、赋值

    无论输入框是普通的还是自动完成的,都可以直接赋值// 备案网点

    $("#txtRegisterCompanyId_editForm").val(registerCompanyName);

    更多layui知识请关注layui使用教程栏目。

    展开全文
  • 作为一个coder,通常会编写javascript脚本,为了方便在页面内直接查看测试结果最好有个可以运行文本框。我们在园子里面也经常可以看见研究js的博客中嵌入了一个文本输入框,点击运行按钮可以查看js效果。其实实现...

          作为一个coder,通常会编写javascript脚本,为了方便在页面内直接查看测试结果最好有个可以运行的文本框。我们在园子里面也经常可以看见研究js的博客中嵌入了一个文本输入框,点击运行按钮可以查看js效果。其实实现这个并不是很难,几个js方法就搞定。如下所示:      

    请输入要运行的html代码

     

    首先我们来看运行代码如何实现: 

    //执行代码
    function runCode(obj) {
    var winname = window.open(''"_blank"'');
    var content = document.getElementById(obj).value;
    winname.document.open(
    'text/html''replace');
    winname.opener 
    = null
    winname.document.writeln(content);
    winname.document.close();
    }

     

    复制代码实现方法如下: 

    //复制代码
    function doCopy(obj)
    {
        
    var codeObj = document.getElementById(obj);
        clipboardData.setData(
    'text', codeObj.innerText);
        alert(
    '已经复制代码');
    }

     

     

    保存代码实现方法如下:

    // 另存为文件
    function doSave(obj, filename)
    {   
        
    var win = window.open('''_blank''top=10000');
        
    var code = document.getElementById(obj).innerText;
        win.opener 
    = null;
        win.document.write(code);
        win.document.execCommand(
    'saveas'true, filename);
        win.close();
    }

     

    最后一步就是在按钮点击事件中调用上述事件了:

    <textarea style="width: 450; height: 300" id="theCode" title="双击运行代码" ondblclick="runCode('theCode');">请输入要运行的html代码
    </textarea><br />
    <input onclick="runCode('theCode')" value="运行代码" type="button"> 
    <input onclick="doCopy('theCode')" value="复制代码" type="button"> 
    <input onclick="doSave('theCode','test.cs')" value="保存代码" type="button"> 

     

    转载于:https://www.cnblogs.com/zzxbest/archive/2011/03/16/1985710.html

    展开全文
  • 当向以上里面再写代码时,老是出不来效果结果另起一行再在里面写函数$(function(){ ...结果可以正常运行另,需要加上$(function(){},在页面加载完之后才运行。不然$('#sj').bind('blur',function(){
  • 刚学了点DOM节点树的操作方法和属性,边尝试着写一个不用手动设置id和双击事件的例子,折腾了N久终于弄出了摸样来了,代码如下:(说明:双击运行文本框里的代码,右击复制其内的代码,另存为*.htm文件即可测试) ...
  • 之前我们了解了vue.js核心指令v-bind,v-on等 。Vue也可以自定义指令,在 Vue2.0 里面,代码复用的主要形式和抽象是组件——然而,有的情况下,你仍然需要对纯 DOM 元素进行底层...运行结果为文本框默认是选中的,效
  • js使用小技巧

    2014-07-11 09:57:29
    取变量类型 typeof($js_libpath) == "undefined" 下拉框 下拉框.options[索引] 下拉框.options.length 查找对象 document.getElementsByName("r1"); document.getElementById(id); 定时 timer=setInterval...
  • 今天在学习ajax的时候,按照课本上的步骤,但是最后没有...其中就是body标签调用的onload,然后文本框调用了onKeyUp,在两个函数里面都加了一条alert语句,然后运行的时候还是什么反应都没有,求大佬给看一下是什么原因
  • 注意:请在谷歌中运行这个网页。 这个网页是比较有代表性的网页,比较是适合js初学者,里面会涉及一点html5的内容,一般都看的懂。内容涉及一般的表单操作。代码的亮点是使用了客户端存储技术(localStorage)。js...
  • js里导uploadify文件 配置D:\tomcat2\apache-tomcat8090\bin并启动 yq/util导UploadFile.java jsp页面在body中引入js文件 会员管理 负责人(韩苏雨) 会员管理模块 1、会员基本信息:主要是注册一些会员信息,...
  • 改动两个文本框里的值,把这个容器的innerHTML赋值给d2 foo() [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]不是预期的结果吧?包括在Opera下执行的情况也是与Firefox下相同的,你可以尝试在Opera下运行就明白...
  • html代码测试小工具

    千次阅读 2013-09-11 13:13:40
    将html代码粘贴到文本框里,点击运行即可看到效果。   JS、HTML代码运行工具 function copyCode(obj) { if(obj.value==""){ alert("请输入要复制的代码内容"); return false;} var rng = document.body....
  • 色彩斑斓的"马" 虽然利用插入代码功能可以很华丽的插入色彩斑斓的代码,但是就html(Xhtml)代码、js代码、css代码而言,我更喜欢想蓝色理想论坛中的那种:有个文本框文本框里面是网页代码,然后点击“运行代码”...
  • 测试网页代码

    2008-01-05 13:34:00
    这下终于可以方便地发表测试型网页...有个文本框文本框里面是网页代码,然后点击“运行代码”就可以很方便地以文本框中的内容新建一个页面,从而很直观方便的看到代码的运行效果。所以今天抽了半天的时间做了这个小
  • 虽然利用插入代码功能可以很华丽的插入色彩斑斓的代码,但是就html(Xhtml)代码、js代码、css代码而言,我更喜欢想蓝色理想论坛中的那种:有个文本框文本框里面是网页代码,然后点击“运行代码”就可以很方便地以...
  • My97DatePicker文档

    2009-05-24 21:50:00
    首先下载My97DatePicker的源文件包(已经加到附件当中),在文件包里面有一个WdatePicker.js,把这个JS文件导入到你要运行日历控件的页面。   下面讲讲My97DatePicker可以实现哪些内容:   1. 点击文本框,弹出...
  • 用jquery写了一个在图片添加锚点的功能,实现的原理:一个文本框写入标题,一个文本框写链接,一个添加按钮,一个编辑按钮,当写好内容后点击添中添加,便会在图片的上方出现一个P标签,然后按着鼠标左键拖拽该标签...
  • 由于我在index.js文件写了 $('#reg').buttonset(); $('#date').datepicker(); $('#reg input[title]').tooltip(); 三条语句,所以浏览器运行index.html后界面上的复选框应显示为两个靠着的按钮, 点击...
  • 请大神下载解压后运行里面的index.html文件,由于我在index.js文件写了 var host=['aa','aaaa','aaaaaa','bb']; $('#email').autocomplete({ source : host, }); 所以用浏览器打开index.html后,点击...
  • 由于我在index.js文件中写了 $(function(){ var host=['aa','aaaa','aaaaaa','bb']; $('#email').autocomplete({ source : host, }); }); 所以用浏览器打开index.html后,点击邮箱文本框,按教学视频所讲...
  • 然后,当我点击报错的行号,出现的是我退货管理页面最后调用的一个js文件,里面有一个String.prototype.trim()的函数,我是重写了trim()这个函数,并且封装。但是,最后的返回值return this.replace(/^\s+|\s+$/g,...

空空如也

空空如也

1 2 3
收藏数 48
精华内容 19
关键字:

文本框里运行js