Static HTML means when we put HTML elements (images,paragraphs etc.) in a specific order in
the source code. The browser always showed all elements in this order.
styling and Positioning was done by tables, div's and such aids. If we wanted to
change the positioning or order of the elements, we had to again write the HTML.
DHTML gives a way to re-organize our pages on the fly.
we can take some elements out of the natural flow of the page, put them
somewhere and change its position again and again by clicking a link.
The natural flow of the page is the page as the browser shows it one by one
and displays them in the best possible way from the beginning to the
end of the HTML document.
Now take an image, and put it
somewhere on the page without regard to this natural flow. We can force the
image to be in the extreme upper left corner of the page, while the rest of the
content is still distributed by the natural flow.
Attach a link to that page, say "Move image to the right". As
soon as the user clicks this link, a JavaScript is executed which moves
the image, suppose 200 pixels to the right. We can do this at once or make the
image move stealthily to its new position. In either case, the other elements on
the page stay where they are, only the image moves.
|
