Need a Ecxperinced Javascript guy to to make pop up functions for my PHP website on click../
Budget: $10 – $30 CAD
basically I have an website and I need pop up functions when person click on certain button or back button for my PHP website
So , following are the tasks.
1. for desktop when the mouse goes to the search bar.
User Avatar
2. for mobile when the user presses the back button and exits the website and also when they scroll down and scroll up.
here is chat snippet so you get what exactly i need and help for you
[11:17, 01/10/2021] Workonthego: hello i have this modal that works
i want it to function on exitintent for desktop and mobile
[11:17, 01/10/2021] Workonthego: for desktop when the mouse goes to the search ba
[11:17, 01/10/2021] Workonthego: and for mobile when the user presses the back button and exits the website and also when they scroll down and scroll up
[11:17, 01/10/2021] Workonthego: please see: https://wisepops.com/mobile-exit-intent
[11:17, 01/10/2021] Workonthego: https://stackoverflow.com/questions/25498271/how-can-i-detect-exit-intent-on-a-mobile-browser
[11:17, 01/10/2021] Workonthego: https://codepen.io/birigy/pen/NorpZZ
[11:17, 01/10/2021] Workonthego: https://flaviocopes.com/tutorial-exit-intent-popup/
[11:18, 01/10/2021] Workonthego: https://medium.com/weekly-webtips/how-to-make-an-effective-exit-intent-popup-in-javascript-bf6051b4a6d4
[11:18, 01/10/2021] Workonthego: yes for desktop desktop as soon person goes on browser search bar with mouse it should pop in right
[11:18, 01/10/2021] Workonthego: for mobile popup should appear when browser back button or scroll up
[11:18, 01/10/2021] Workonthego: https://wisepops.com/mobile-exit-intent
[11:19, 01/10/2021] Workonthego: jQuery(document).on('touchstart', function(){ $(body).addClass('on-mobile-device'); }); function myScrollSpeedFunction(){ if( jQuery('body').hasClass('on-mobile-device') ){ if(my_scroll() < -200){ //Your code here to display Exit Intent popup console.log('Must show mobile Exit Intent popup') } } } var my_scroll = (function(){ //Function that checks the speed of scrolling var last_position, new_position, timer, delta, delay = 50; function clear() { last_position = null; delta = 0; } clear(); return function(){ new_position = window.scrollY; if ( last_position != null ){ delta = new_position - last_position; } last_position = new_position; clearTimeout(timer); timer = setTimeout(clear, delay); return delta; }; })(); jQuery(document).on('scroll', myScrollSpeedFunction );
[11:19, 01/10/2021] Workonthego: https://stackoverflow.com/questions/25498271/how-can-i-detect-exit-intent-on-a-mobile-browser
[11:19, 01/10/2021] Workonthego: document.addEventListener("backbutton", onBackButton); function onBackButton(e){ //display popup }
[11:44, 01/10/2021] Workonthego: https://www.dev.parkingcupid.com admin devSydney20 SFTP IP = 194.195.250.39 Port = 22 User = devparking PW = r6H4VhWoHJR3H1e MySQL DB = devparking User = devparking PW = r6H4VhWoHJR3H1e
[11:50, 01/10/2021] Workonthego: https://www.youtube.com/watch?app=desktop&v=HR9uHQlwZl8
[11:50, 01/10/2021] Workonthego: check this
So , following are the tasks.
1. for desktop when the mouse goes to the search bar.
User Avatar
2. for mobile when the user presses the back button and exits the website and also when they scroll down and scroll up.
here is chat snippet so you get what exactly i need and help for you
[11:17, 01/10/2021] Workonthego: hello i have this modal that works
i want it to function on exitintent for desktop and mobile
[11:17, 01/10/2021] Workonthego: for desktop when the mouse goes to the search ba
[11:17, 01/10/2021] Workonthego: and for mobile when the user presses the back button and exits the website and also when they scroll down and scroll up
[11:17, 01/10/2021] Workonthego: please see: https://wisepops.com/mobile-exit-intent
[11:17, 01/10/2021] Workonthego: https://stackoverflow.com/questions/25498271/how-can-i-detect-exit-intent-on-a-mobile-browser
[11:17, 01/10/2021] Workonthego: https://codepen.io/birigy/pen/NorpZZ
[11:17, 01/10/2021] Workonthego: https://flaviocopes.com/tutorial-exit-intent-popup/
[11:18, 01/10/2021] Workonthego: https://medium.com/weekly-webtips/how-to-make-an-effective-exit-intent-popup-in-javascript-bf6051b4a6d4
[11:18, 01/10/2021] Workonthego: yes for desktop desktop as soon person goes on browser search bar with mouse it should pop in right
[11:18, 01/10/2021] Workonthego: for mobile popup should appear when browser back button or scroll up
[11:18, 01/10/2021] Workonthego: https://wisepops.com/mobile-exit-intent
[11:19, 01/10/2021] Workonthego: jQuery(document).on('touchstart', function(){ $(body).addClass('on-mobile-device'); }); function myScrollSpeedFunction(){ if( jQuery('body').hasClass('on-mobile-device') ){ if(my_scroll() < -200){ //Your code here to display Exit Intent popup console.log('Must show mobile Exit Intent popup') } } } var my_scroll = (function(){ //Function that checks the speed of scrolling var last_position, new_position, timer, delta, delay = 50; function clear() { last_position = null; delta = 0; } clear(); return function(){ new_position = window.scrollY; if ( last_position != null ){ delta = new_position - last_position; } last_position = new_position; clearTimeout(timer); timer = setTimeout(clear, delay); return delta; }; })(); jQuery(document).on('scroll', myScrollSpeedFunction );
[11:19, 01/10/2021] Workonthego: https://stackoverflow.com/questions/25498271/how-can-i-detect-exit-intent-on-a-mobile-browser
[11:19, 01/10/2021] Workonthego: document.addEventListener("backbutton", onBackButton); function onBackButton(e){ //display popup }
[11:44, 01/10/2021] Workonthego: https://www.dev.parkingcupid.com admin devSydney20 SFTP IP = 194.195.250.39 Port = 22 User = devparking PW = r6H4VhWoHJR3H1e MySQL DB = devparking User = devparking PW = r6H4VhWoHJR3H1e
[11:50, 01/10/2021] Workonthego: https://www.youtube.com/watch?app=desktop&v=HR9uHQlwZl8
[11:50, 01/10/2021] Workonthego: check this