Magic HTML Client Edges

Posted Aug 27, 2009 by Chrys / comments 0 comments / Print / Font Size Decrease font size Increase font size

In this article, you learn how to implement Magic HTML Client Edges.

Magic HTML Client Edges - Part 1

Introduction
Imagine that you are reading a web page; you feel the need to use a calculator; you move your
mouse pointer to the edge of the web page and a calculator appears from the edge. Imagine
that you are reading a web page; you feel the need to put info in the message box (small
form); you move your mouse pointer to the edge of the page and the message box appears. I
like this scenario.

There is a possibility that you may be reading a web page; you move your mouse pointer to an
edge of the window, and a windowpane of interest, appears from the edge. Let us complete
this scenario by saying that when you click outside the pane on the BODY element, the pane
will go back into the edge.

I wrote a similar article series for http://www.devarticles.com titled, HTML Magic Edges. This
article series and its corresponding code is an improved version of what I wrote before. The
previous code works only with Internet Explorer. The code here, works with Mozilla Firefox
2, Netscape 8, Opera 9 as well as Internet Explorer 6. The code should work with all the
higher versions of these browsers. However, the movement of the object from the edge into
the page and back is optionally gentle (slow), only for Internet Explorer. May be the higher
versions of the other browsers would produce gentle movement. You can consider this article
series and its corresponding code as the second version of what I wrote before.

You need basic knowledge in HTML, JavaScript and CSS to understand this series.

Note: If you cannot see the code or if you think anything is missing (broken link, image
absent), just contact me at forchatrans@yahoo.com. That is, contact me for the slightest
problem you have about what you are reading.

User Requirements
-

Rate this Article:

Be the first to rate me.


* You must be logged in order to leave comments, please login or join us.

Comments

No comments yet.



Bookmark and Share
Sign up for our email newsletter
Name:
Email: