Small Javascript to open sticky popup inside browser window

This project was awarded to CCDeveloper for $70 USD.

Get free quotes for a project like this
Project Budget
$30 - $250 USD
Total Bids
Project Description

I want a lightweight dhtml javascript to open a sticky and top right positioned popup inside that browser tab window itself when we click an ahref link in a webpage in that browser tab. The requirements are:

(1) The javascript should be as small and as lightweight as possible.

(2) Any external html page can be opened inside the popup with vertical and horizontal auto-scrollbars (middle scroll mouse button should work for the popup vertical scrolling).

(3) Popup should always remain visible with it's auto-scrollbars at the extreme right top corner of the browser window for all monitor resolutions and even when the browser window is re-sized smaller or bigger.

(4) The popup height should be vertically maximized to the full height of the browser tab for all screen resolutions and also remain that way even when we manually re-size the browser window smaller or bigger. The popup's width though should be customizable individually in the ahref tag which I will embed in the html page to show that popup.

(5) The popup should remain sticky (open) inside that browser tab which means that when I click on the left anywhere on the main webpage in that same tab, the popup should not close.

(6) The popup should have a close button on it's top right corner which closes it even though it is sticky.

(7) There should a little marker coming out of the left edge of the popup on the top which goes down while scrolling so that the person can easily know which line is being read while scrolling down.

(8) I should be able to embed this popup in any html page simply with the ahref tag and popup javascript in the header of that page.

(9) I don't want it modal since I still want to access and click things on the main webpage even when the popup is open on the right.

Awarded to:
Skills Required

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online