StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>I am not sure about Plugin as such, will update my answer if i get any.</p> <p>You can get this done by something like below(you may call it as crude way, but may be it helps you clicking some brilliant idea) :-</p> <p>Refer your <code>jQuery</code> file in <code>HTML</code>.</p> <pre><code><head> <title></title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> </head> </code></pre> <p>Create a <code>input</code> elements like </p> <pre><code><table> <tr> <td>First Name</td> <td> <input type="text" onclick="parent.focuswhere = 0;" id="firstName" /> </td> </tr> </table> </code></pre> <p>Now, keep you dialog ready in HTML.</p> <pre><code><div id="dialog" title="Basic dialog" style="display:none"> <table> <tr> <td>First Name</td> <td> <input type="text" onclick="parent.focuswhere = 0;" id="Text1" /> </td> </tr> </table> </div> </code></pre> <p>You are all set, with HTML. Now coming to jQuery code.</p> <pre><code><script> $(document).ready(function () { $("input").click(function (e) { $("#dialog").dialog(); console.log(e.target); }); }); </script> </code></pre> <p><a href="http://jsfiddle.net/shubh0602/uUgsF/" rel="nofollow">JSFiddle Link</a></p> <p>Now, you can see I have <code>console.log(e.target);</code> at my <code>.click</code> function. You will get the clicked <code><input></code>. You can play around by creating dom element dynamically or in the same way as i have displayed above.</p> <p>Not sure whether it will help you. But just see if you get some hint and bring out something cool.. </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