bootstrap; replacing div html

[fatkatie]

I have a target div element for a callback,

<div id='placehtmlhere'></div>

The first call fills that empty div element

         document.getElementById("placehtmlhere").innerHTML=xmlHttp.responseText;

Later, a second call executes, but this time the layout changes.  If I load the first call parameter (getting the very first

result set again) it changes too.

 

I there something going on in the bootstrap grid I don't know about?

<div class='container'>
   <div class='row'>
      <div class='col-md-6'>
         <table border='0' cellpadding='0' cellspacing='1'>
            <tbody>
               <tr>
               <td>
                  <div id='placehtmlhere'> </div>
               </td>
               </tr>
            </tbody>
         </table>
      </div>   <!-- end col 6 -->
...

Do I need to tickle it... let it know the HTML is changing?  If nothing is apparent, it must be just some bad css coding I guess.  Thanks for any suggestions.

 

[requinix]

"The layout changes"? What's the HTML you're inserting?

[fatkatie]

I just don't know what was going on.  I ripped it all up and started over.  Now it works for some reason.  Nuke the post please.

Thanks for your help. 

[dalecosp]

Nuke the post please.

Thanks for your help.

You can mark it as "answered" ... that should have a similar effect.

[dalecosp]

You css code is right. but check your script code of your php. Check this code again : 

  document.getElementById("placehtmlhere").innerHTML=xmlHttp.responseText;

That's JavaScript, and assuming that the browser encounters the proper <script> tag, and 'xmlHttp' is an object with a property named 'responseText', and there are no previous execution errors in the page's JavaScript, it should do exactly what it says it will do.

Edited March 9, 2018 by dalecosp