Databases
StackOverflow2013
Postsdbo
POchange a inner html id with js
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POchange a inner html id with js
    primarykey
    data
    text
    <p>how do you change a inner id with js and keep it the same id num (e.g hey1, bob2)</p> <p>my js code</p> <pre><code>var obj = document.getElementById("chat").cloneNode(true); var obj1 = document.getElementById("ch"); var obj2 = document.getElementById("chatbox"); var p = $(".chat"); var offset = p.offset(); num = num + 1; if (num &lt;=15) { obj.id = obj.id + num; &lt;--- **changing the id (this one works fine but the other two dont** obj1.id = obj1.id + num; &lt;--- changing the id obj2.id = obj2.id + num; &lt;--- changing the id document.body.appendChild(obj); document.body.appendChild(obj1); document.body.appendChild(obj2); var left = offset.left + 275; document.getElementById("chat").style.left = left + "px"; </code></pre> <p>tell me if i am doing it wrong but this was the easiest way i thought off </p> <p>(ps i am a beginner at javascript)</p> <p>thanks to all that try to help...</p> <p><strong>Edit</strong></p> <p>ok i clone this </p> <pre><code>&lt;div class="chat" id="chat"&gt; &lt;div id="ch" class="ch"&gt; &lt;h2&gt;Chat&lt;/h2&gt;&lt;/div&gt; &lt;div class="chatbox" id="chatbox"&gt; &lt;div class="messages"&gt;&lt;/div&gt; &lt;textarea id="message" class="chatinp" rows="3" cols="27"&gt;&lt;/textarea&gt; &lt;button class="send"&gt;Send&lt;/button&gt;&lt;/div&gt; &lt;/div&gt; </code></pre> <p>and everytime it clones it changes the id of chat,ch and chatbox but keeping the original the same </p> <p>like so...</p> <p><strong>clone1</strong></p> <pre><code>&lt;div class="chat" id="chat1"&gt; &lt;div id="ch1" class="ch"&gt; &lt;h2&gt;Chat&lt;/h2&gt;&lt;/div&gt; &lt;div class="chatbox" id="chatbox1"&gt; &lt;div class="messages"&gt;&lt;/div&gt; &lt;textarea id="message" class="chatinp" rows="3" cols="27"&gt;&lt;/textarea&gt; &lt;button class="send"&gt;Send&lt;/button&gt;&lt;/div&gt; &lt;/div&gt; </code></pre> <p><strong>Clone2</strong></p> <pre><code>&lt;div class="chat" id="chat2"&gt; &lt;div id="ch2" class="ch"&gt; &lt;h2&gt;Chat&lt;/h2&gt;&lt;/div&gt; &lt;div class="chatbox" id="chatbox2"&gt; &lt;div class="messages"&gt;&lt;/div&gt; &lt;textarea id="message" class="chatinp" rows="3" cols="27"&gt;&lt;/textarea&gt; &lt;button class="send"&gt;Send&lt;/button&gt;&lt;/div&gt; &lt;/div&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USSamuel Liew
    1. USRyan Clough
    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. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POchange a inner html id with js
      1. This table or related slice is empty.
      1. VTUpMod
    1. COWhat exactly do you mean with *the other two don't (work)*? What does not work?
      singulars
      1. POchange a inner html id with js
      1. USFelix Kling
    2. COthey just give me a error and this is the error uncaught typeerror: cannot read property 'id' of null
      singulars
      1. POchange a inner html id with js
      1. USRyan Clough
    3. COThat means that `document.getElementById("ch")` and `document.getElementById("chatbox")` couldn't find the elements with that IDs. The problem is not in the two lines you marked, but in your HTML or in the lines which are supposed to retrieve the elements. That's why you should always include the actual error message in your question.
      singulars
      1. POchange a inner html id with js
      1. USFelix Kling
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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