Updating contents of specific div element only

Question

I am new to web development. I am developing a page and its broken down to various div elements. In order to decrease the data consumption, i want to update the contents of only a specific div element on trigger of any event and rest should be the same. How can I achieve that?

[edit] [code]

<html>
....
....
 <body>
    <div id="post">
        <h1>Post tile<h1>
        <img src="/s/smt.png">
         <p>this is the post desc</p>
    <div>
<div id="any other">
</div>
. 
. 
.
 <body>
</html>

Lets consider the above case where I am in need to dynamically update div "post" only without querying any other portion of the page.

important edit (@Milind Anantwar, thanks for making this comment): The update should be dependent to server. I mean, situation like I need to update that div from my database..

Plz show your code. Suggestion , you can use javascript (jquery) to do it — fanfan1609, Jan 24 '14 at 07:33
@beck03076 "I don't know web programming" doesn't mean I don't know linux :) — bibek shrestha, Jan 24 '14 at 07:50
from where are you planning to update that div. should it be from server side on just js script — Milind Anantwar, Jan 24 '14 at 07:51
Ajax ? [see this](http://stackoverflow.com/questions/18064666/update-div-with-jquery-ajax-response-html) and [this](http://stackoverflow.com/questions/6506873/change-div-content-using-ajax-php-and-jquery) — Surjith S M, Jan 24 '14 at 07:54

score 0 · Answer 1 · answered Jan 24 '14 at 07:56

0

You can do something like this Demo:

var button = document.getElementById('b');
var div = document.getElementById('any_other');

var count = 0;
button.addEventListener('click', function() {
  // Updating div dynamically by click event on button
  div.innerHTML = 'This is dynamicaaly updated - ' + count + ' times';
  count++;
});

answered Jan 24 '14 at 07:56

Sachin Jain

21,353
33
103
168

I want it to update from server, at such case, what i am to do?:? – bibek shrestha Jan 24 '14 at 12:52
@devifox you should read about ajax. Use ajax, fetch the content, update div with the response... – Sachin Jain Jan 24 '14 at 13:57

Updating contents of specific div element only

1 Answers1