Databases
StackOverflow2013
Postsdbo
POAJAX response with TD tags replacing table row is placed nasty in Chrome
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POAJAX response with TD tags replacing table row is placed nasty in Chrome
    text
    copied!<p>I am trying to use <a href="http://code.google.com/p/jquery-in-place-editor/" rel="nofollow">editInPlace</a> JavaScript code with Python &amp; Django on Google App Engine. After editing the row of the table:</p> <pre><code>&lt;table&gt; &lt;tr id="editme" class="editme"&gt; &lt;td&gt;Date&lt;/td&gt; &lt;td&gt;Description&lt;/td&gt; &lt;td&gt;Details&lt;/td&gt; &lt;/tr&gt; &lt;tr id="editme" class="editme"&gt; &lt;td&gt;Date&lt;/td&gt; &lt;td&gt;Description&lt;/td&gt; &lt;td&gt;Details&lt;/td&gt; &lt;/tr&gt; &lt;tr id="editme" class="editme"&gt; &lt;td&gt;Date&lt;/td&gt; &lt;td&gt;Description&lt;/td&gt; &lt;td&gt;Details&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p>Which looks like this:</p> <pre><code> ___ ___ ___ |___|___|___| |___|___|___| |___|___|___| </code></pre> <p>I maid that editInPlace JavaScript would save original string like "<code>&lt;td&gt;Date&lt;/td&gt;&lt;td&gt;Description&lt;/td&gt;&lt;td&gt;Details&lt;/td&gt;</code>" by replacing it with striped string without <code>&lt;td&gt;</code> (ex. "Date Description Details") placing the string in to the <code>&lt;td colspan="3"&gt;&lt;form&gt;...&lt;/form&gt;&lt;/td&gt;</code> for editor to edit.</p> <p>So here I prepared that the Http Response after submitting a new value would also be imitating 3 cols, I mean would have <code>&lt;td&gt;&lt;/td&gt;</code> tags (ex. "<code>&lt;td&gt;ResponseDate&lt;/td&gt;&lt;td&gt;ResponseDescription&lt;/td&gt;&lt;td&gt;ResponseDetails&lt;/td&gt;</code>") to be placed in between <code>&lt;tr&gt;&lt;/tr&gt;</code> tags.</p> <p>But the problem is such that after AJAX replacing values without refreshing hole page, gives me nasty table. All the row in Chrome v12 is like moved a side and starts filling from the second col:</p> <pre><code> ___ ___ ___ |___|___|___|___ ___|___|___|___| |___|___|___| </code></pre>
 

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