StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POjQuery balloons
text
Body
copied!<p>Does anyone know if you can use a jQuery balloon on a text input that is contained on a jQuery modal dialog?</p> <pre><code><div id="dlg-clock_in_out"> <section class="roundbox-sml" style="padding:5px; 5px;"> <input type="hidden" name="empid" id="empid" value="" /> <div style="width:100%; text-align:center;"> <label for="pin">PIN: </label><input type="password" name="pin" id="pin" maxlength="4" size="5" value="" /> </div> <div id="login-btns-wrapper"> <input type="button" id="loginSubmit" class="buttons roundbox-sml" value="<?=$btn_text?>" /> <input type="button" class="buttons roundbox-sml" name="loginCancel" id="loginCancel" value="Cancel" /> </div> </section> </div> <script type="text/javascript"> $('#pin').keypress(function(e) { if(check_pin_chars(String.fromCharCode(e.which))) { $(this).val(''); $(this).balloon({ position : "top right", showDuration : 125, minLifetime : 2000, tipSize : 4 }); $(this).showBalloon(); } }); </code></pre> <p></p> <p>And the jquery I want to use when this modal dialog is shown is supposed to put a balloon next to the input field, but I don't know if a balloon can exist on an element residing in a jquery modal dialog.</p> <p>Does anyone know if this is possible? I know how to do it for a standard form input element. It's just not showing up on my modal dialog.</p> <p>Here's what I'm attempting to use to accomplish this. <a href="http://file.urin.take-uma.net/jquery.balloon.js-Demo.html" rel="nofollow">http://file.urin.take-uma.net/jquery.balloon.js-Demo.html</a></p> <p>Thanks.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

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