Javascript/NodeJS Overlay pusher.
- or -
Post a project like this3814
€100(approx. $107)
- Posted:
- Proposals: 3
- Remote
- #338302
- Awarded
Description
Experience Level: Intermediate
Estimated project duration: 1 - 3 days.
Overlay pusher : Personalized overlay windows.
It must be based on Open Source TinyBox 2 : http://sandbox.scriptiny.com/tinybox2/
Functionality :
1) Based on a user action :
1 : horizontal and vertical mouse position
2 : at a specific page/URL.
2) Load a pop-in overlay with a personalized external html page inside.
(TINY.box.show({url:'advanced.html',width:300,height:150})
The trick is : The client-side javascript doesn't know what is the "user action" to test and what is the URL of the external html to show inside the overlay.
Structure :
1. On loading of the page, it must send to the NodeJS server :
- Actual Page URL.
- document.referrer property
- window.parent.location property
- Page width
- Page height
2. The NodeJS will then return :
- The user action condition that must be true.
“horizontal mouse position is > x and vertical position is > y” (in good javascript)
(For the test, it will always be : Page width - 10px and Page height - 10px )
- the overlay content html url.
(Simple rules: if page URL = “xxx”, then contentURL=”content1.htm”)
3. The client side javascript must then :
- launch the js function, test if the condition is true (for mouse position, it must listen to mouse position)
- If true : load the TinyBox box script with the html page url received from NodeJS.
It must be based on Open Source TinyBox 2 : http://sandbox.scriptiny.com/tinybox2/
Functionality :
1) Based on a user action :
1 : horizontal and vertical mouse position
2 : at a specific page/URL.
2) Load a pop-in overlay with a personalized external html page inside.
(TINY.box.show({url:'advanced.html',width:300,height:150})
The trick is : The client-side javascript doesn't know what is the "user action" to test and what is the URL of the external html to show inside the overlay.
Structure :
1. On loading of the page, it must send to the NodeJS server :
- Actual Page URL.
- document.referrer property
- window.parent.location property
- Page width
- Page height
2. The NodeJS will then return :
- The user action condition that must be true.
“horizontal mouse position is > x and vertical position is > y” (in good javascript)
(For the test, it will always be : Page width - 10px and Page height - 10px )
- the overlay content html url.
(Simple rules: if page URL = “xxx”, then contentURL=”content1.htm”)
3. The client side javascript must then :
- launch the js function, test if the condition is true (for mouse position, it must listen to mouse position)
- If true : load the TinyBox box script with the html page url received from NodeJS.
Mounir M.
90% (8)Projects Completed
9
Freelancers worked with
8
Projects awarded
17%
Last project
18 Oct 2016
France
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies