Note that there are some explanatory texts on larger screens.

plurals
  1. POExtend the time duration in my jquery popup window
    primarykey
    data
    text
    <p>i have a jquery pop up plugin, when i submit the form it will close automatically. but i need to set time limit for the pop up window.</p> <p><strong>HTML:</strong></p> <pre><code> &lt;div class='popbox'&gt; &lt;a class='open' href='#'&gt; &lt;img src='plus.png' style='width:14px;position:relative;'&gt; Click Here! &lt;/a&gt; &lt;div class='collapse'&gt; &lt;div class='box'&gt; &lt;div class='arrow'&gt;&lt;/div&gt; &lt;div class='arrow-border'&gt;&lt;/div&gt; &lt;form action="" method="post" id="subForm"&gt; &lt;div class="input"&gt; &lt;input type="text" name="cm-name" id="name" placeholder="Name" /&gt; &lt;/div&gt; &lt;div class="input"&gt; &lt;input type="text" name="cm-nklki-nklki" id="nklki-nklki" placeholder="Email" /&gt; &lt;/div&gt; &lt;div class="input"&gt; &lt;textarea name="cm-f-tlhll" id="Message" placeholder="Comments"&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;input type="submit" value="Get In Touch" /&gt; &lt;a href="#" class="close"&gt;Cancel&lt;/a&gt; &lt;input type="button" name="closebutton" id="closebutton" value="closebutton" &gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p></p> <p><strong>Jquery:</strong></p> <pre><code> (function () { $.fn.popbox = function (options) { var settings = $.extend({ selector: this.selector, open: '.open', box: '.box', arrow: '.arrow', arrow_border: '.arrow-border', close: '.close' }, options); var methods = { open: function (event) { event.preventDefault(); var pop = $(this); var box = $(this).parent().find(settings['box']); if (box.css('display') == 'block') { methods.delay(1500).close(); } else { box.css({ 'display': 'block', 'top': 10, 'left': ((pop.parent().width() / 2) - box.width() / 2) }); } }, close: function () { $(settings['box']).fadeOut("fast"); } }; $(document).bind('keyup', function (event) { if (event.keyCode == 27) { methods.delay(1500).close(); } }); return this.each(function () { //$(this).css({'width': $(settings['box']).width()}); // Width needs to be set otherwise popbox will not move when window resized. $(settings['open'], this).bind('click', methods.open); $(settings['open'], this).parent().find(settings['close']).bind('click', function (event) { event.preventDefault(); methods.close(); }); }); } }).call(this); </code></pre>
    singulars
    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. 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