查找jquery文件的html

时间:2012-08-28 17:28:26

标签: jquery html

我有三个大问题,我已经打开了两个主题。这是我的最后一期,对于像你这样的人来说非常容易,但对我这样的人来说肯定不容易(我不知道jquery或者什么)...

所以,这就是问题:我有一个(工作?)脚本,但我不能使用它,因为我没有它的HTML代码。你可以通过提供这些代码来帮助我吗?在此先感谢小伙伴们!

仅供参考:这是一个名为“Modalpreview”的下载脚本,但下载的文件夹中没有HTML文件。

            (function($){

var $defaults = {
    fade:      'fast',
    allowHtml: false,
    opacity:   '0.7',
    text:      {
        preview: 'Preview',
        close:   'Close'
    }
};

var $o = $.extend($defaults, $options);

var _o = $(document.createElement('div')).css({
    display: 'none',
    opacity: $o.opacity
}).attr('id','overlay');

$('body').append(_o);

return this.each(function(){

    var _c = $(this);
    var _f = $(this).parents('form');
    var _b = _f.find('input[type=submit]');
    var _t = $(document.createElement('div')).addClass('preview_txt');
    var _h = $(document.createElement('p')).addClass('preview_header').text($o.text.preview+':');
    var _k = $(document.createElement('div')).addClass('preview_inputwrapper');
    var _d = $(document.createElement('div')).addClass('preview_div').css({
                display:'none'
             });
    var _p = $(document.createElement('input')).attr({
                 value:$o.text.preview,
                 type: 'button'
             }).addClass('preview_btn');
    /*
    var _s = _b.clone(true).click(function() {
        _f.find('*[name=submit]').attr('name','_submit');
        _f.submit();
    });
    */
    var _e = $(document.createElement('input')).attr({
                 value:$o.text.close,
                 type: 'button'
             }).addClass('edit_btn');
    _k.append(_e);
    _d.append(_h).append(_t).append(_k);
    _o.after(_d);
    _p.click(function() {
        if (_c.val().length < 1) {
            return;
        }
        _o.fadeIn($o.fade);
        var _i = (!$o.allowHtml) ? $$.removeTags(_c.val()) : _c.val();
        _t.html($$.parse(_i));
        _e.click(function() {
            _o.fadeOut($o.fade);
            _d.fadeOut($o.fade,function() { _t.empty(); });
            _c.focus();
        });
        _d.fadeIn($o.fade);
    });
    _b.before(_p);
});

2 个答案:

答案 0 :(得分:2)

下载插件后(来自:here [从Softpedia的镜像下载,插件的主页不再拥有它]),我想出了如何使用它。

您的文字区域必须位于formform需要submit按钮。

所以,“缺少HTML”应该是:

<form>
    <textarea></textarea>
    <input type="submit" value="submit" />
<form>​​​​​​​​​​​​​​​​​​​​​​​

然后启用它的jQuery是:

$('form textarea').modalpreview();

DEMO:http://jsfiddle.net/TqTXA/

答案 1 :(得分:0)

取决于您使用的浏览器 -

  1. right-click and "Inspect Element"代表chrome。
  2. IE的
  3. Developer tools
  4. Firebug表示FF。
  5. 其他(现代)浏览器也有FirebugLite