Building a responsive floating button with javascript and css
$30-250 USD
Pagado a la entrega
We have a button that we need to load on external websites, that can be loaded by adding a line or two to any website.
The button will be either red or blue, as decided by our server, on each load.
The button should be loaded responsively, and be fixed/floating above all other content on the page.
Mobile: Almost full width (90%)
Tablet: 50% width
Desktop: About 450px wide
Attached is a sample of how it should look on mobile/tablet/web.
Attached is a PSD with both the blue and red buttons.
The finished code that we can use to add the buttons to websites should be something like:
<script type="text/javascript">
var chash = ABC123; var cdesc = "SOME DESCRIPTIVE NAME";
</script>
<script type="text/javascript" src="//[login to view URL]"></script>
Then the script should add a button to the website which will act as a link with a link something like this:
<a href="//somedomain.com/buttonclick/ABC123/SOME+DESCRIPTIVE+NAME?utmsource=button&utmcampaign=red&referrer=[login to view URL]" target="_blank" rel="nofollow"></a>
Where [login to view URL] is the referring websites domain. the hash and description name are set on each website and should determine what url the button directs too.
The buttons should also have a close button to hide the button. if this close button is clicked, an AJAX request should be made to the server, so we can remember to not show the button on future pageviews for that user.
The server will dynamically generate the javascript code for the button at //[login to view URL] which will determine whether to use the red or blue button, and will therefore give the correct url for the correct button (image/css) etc..
I need someone to create the javascript/css/image files which can these buttons and display in the right place floating on both web/tablet/mobile.
This button should be coded in simple javascript and not need jquery or any other libraries.
The button should work on all browsers and devices.
Nº del proyecto: #17032060
Sobre el proyecto
Adjudicado a:
Hi, I would like to create a button for all 3 devices for both red and blue. Available to start now. please get in touch to discuss more. Regards, Manish
46 freelancers están ofertando un promedio de $148 por este trabajo
Ready to work with you, could you please send me some more details about your project so we will estimate it accordingly....
Dear Employer, I came across your job post of build a responsive floating button with CSS and javascript.I am a creative and innovative designer who thinks out of the box.I had 5+ years experience with over 600+ ha Más
Hi, I would like to create a button for all 3 devices for both red and blue. Available to start now. please get in touch to discuss more. Regards, Manish
Hello sir, We have check detail and as per that you need responsive button at bottom. we are able to do your work. Regards, Pinakin
Hi sir, i can do it. I am currently working with PHP,wordpress,Codeigniter,OSCommerce,cre loaded, CMS, AJAX, JQuery, Javascript,PSD to HTML,HTML5, Responsive Design,Web Developer and i have 4 year of experience w Más
Hello, I can help with you in your project Building a responsive floating button with javascript and css. I have more than 5 years of experience in CSS, HTML, HTML5, Javascript, Website Design. We have worked on sev Más
Hello, Relevant Skills- Website Design, Graphics Design, App Development, Brochure Design, Logo Design, HTML, CSS, PHP, WordPress. Kindly message to discuss. Regards, KRishan
Hello Sir, I read through the job details extremely carefully and I am absolutely sure that I can do the project very well. I have 6+ year of exp in php,wordpress,html,css,javascript I can achieve the results Más
Hi, My name is Serine. I have 4 year experience Web Design and Development. I believe my strong points are my Creativeness and Punctuality. My #1 goal will always be to meet your needs and deadline. Listed below are Más
I am a professional Web Developer with 5 years of Experience. I will Do this for you. Currently Working as a Software Engineer. No need to worry about my service. 100% high-quality Genuine service. 100% Satisfaction Gu Más
Hi I understand your requirements regarding Web. I am professionals BTech IT engineer. I am providing the every kind of service related to Web sites and server management. I have 5 years experience in Web developme Más
Hello, You are providing such details description that will make a clear idea about requirement so first I would like to say thank you for that. YES, I can complete it for you exactly as you mention. However, Más
Greeting of the day my name is Param . I have a professional team of designers and developers with us who can build the website and mobile app. We have 5 years of experience in the field designing. Development Skil Más
yes we are best candidate for this project. because we have expert team they have good knowledge about different programming languages and they always complete the project in given time.