Amend "Save to Homescreen Popup" Javascript

$30-250 USD

Completed

Posted

over 8 years ago

$30-250 USD

Paid on delivery

Hi guys, I am trying to get some javascript software to work - which is meant to create an 'Add to Homescreen Popup', which should display on my customer's mobile handsets / smart devices, to show them how to save my website's icon to the homescreen of their iOs device (and Android, if possible). However I cannot get the code to work! : ( I created an icon for my site, that saves to their device's handset OK (my test page is [login to view URL] ), but I cannot get the 'popup message' to work, from the code placed in the <head> tag. The original popup software download came from here - [login to view URL] (and then this video describes how to amend it further, to gain more control over the popup so it displays less often - [login to view URL] - I slightly amended this code, this is the code below, which I have entered into the head of the page): <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="stylesheet" href="[login to view URL]" /> <script type="text/javascript" src="[login to view URL]" /script> <script type="text/javascript" src="[login to view URL]"> </script> <link rel="stylesheet" href="[login to view URL]"> <script type="text/javascript"> <meta name="apple-mobile-web-app-title" content="[login to view URL]"> <link rel="shortcut icon" sizes="16x16" href="[login to view URL]"> <link rel="shortcut icon" sizes="196x196" href="[login to view URL]"> <link rel="apple-touch-icon-precomposed" href="[login to view URL]"> <link rel="stylesheet" type="text/css" href="[login to view URL]"> <script src="[login to view URL]"></script> <script> addToHomescreen(); </script> <link rel="apple-touch-icon" href="/media/pics/site/[login to view URL]"> <meta name="apple-mobile-web-app-title" content="[login to view URL]" /> <link rel="stylesheet" type="text/css" href="[login to view URL]"> <script src="[login to view URL]"></script> <script> addToHomescreen(); </script> </head> I need: a) the software to produce the popup bubble and message, when the page is viewed on iOs or Android devices. b) to have control over the various aspects of the popup bubble, as shown in the video (ie. reduce the number of times it displays, show the correct instructions for each individual device, etc - most of this is already built into the software). c) I would like the exact code to be provided to me so I can use it for other similar websites as well. If you have done this work before and prefer to use different code, I am happy to use that instead as long as it works - however I would like to see some examples. Regards, Craig T

iPhone

Mobile App Development

Project ID: 9062541

About the project

7 proposals

Remote project

Active 8 yrs ago

Looking to make some money?

Email address

Benefits of bidding on Freelancer

Set your budget and timeframe

Get paid for your work

Outline your proposal

It's free to sign up and bid on jobs

Awarded to:

@piyushccet

A proposal has not yet been provided

$100 USD in 3 days

4.9

(10 reviews)

5.1

7 freelancers are bidding on average $240 USD for this job

@prashushinde9

I want to discuss this project with you further, let me know the best suitable time for you to schedule the meeting, Feel free to message me at any time, i used to be online 14 hrs in a day on this website so probably you will get a quick response from my end.

$257 USD in 10 days