Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>After checking out this plugins, I found that this plugin has easy explanations in its sourcecode. So I tested it for a couple minutes and found the answer for your questions.</p> <p>First, you wanna change its start point from <code>&lt;form&gt;</code> to <code>&lt;div&gt;</code> or something else. Open the jNIce plugin code (<code>.js</code>) and scroll to the end of file then change this line:</p> <p><code>/* Automatically apply to any forms with class jNice */ $(function(){$('form.jNice').jNice(); });</code></p> <p>to:</p> <p><code>/* Automatically apply to any forms with class jNice */ $(function(){$('div.jNice').jNice(); });</code></p> <p>And in <code>body</code> of html just remove place <code>class="jNice"</code> in <code>&lt;div&gt;</code> which has <code>form</code> elements(<code>input</code>,<code>select</code>,<code>button</code>,etc..) in itself. The Plugin will automatic change them to its style.</p> <p>Second,you said that you wanna stop some parts of from executing their changes. Go to line 27 in jNice plugin then you'll see that:</p> <p><code>$('input:submit, input:reset, input:button', this).each(ButtonAdd); $('button').focus(function(){ $(this).addClass('jNiceFocus')}).blur(function(){ $(this).removeClass('jNiceFocus')}); $('input:text:visible, input:password', this).each(TextAdd); /* If this is safari we need to add an extra class */ if (safari){$('.jNiceInputWrapper').each(function(){$(this).addClass('jNiceSafari').find('input').css('width', $(this).width()+11);});} $('input:checkbox', this).each(CheckAdd); $('input:radio', this).each(RadioAdd); $('select', this).each(function(index){ SelectAdd(this, index); });</code></p> <p>If you want jNice stop changing <code>form</code> elements which you don't like, just put the comment <code>\\</code> or delete its line. For example, I don't want its <code>select</code> box style, I put the comment on:</p> <p><code>\\$('select', this).each(function(index){ SelectAdd(this, index); });</code></p> <p>Hope you found this useful :)</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload