Building a responsive floating button with javascript and css

Dokončeno Zveřejněno před 5 lety K zaplacení v momentě doručení
Dokončeno K zaplacení v momentě doručení

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.

CSS HTML HTML5 JavaScript Web design

Identifikační číslo projektu: #17032060

O projektu

46 nabídek Projekt na dálku Aktivní před 5 lety

Uděleno uživateli:

softcarve

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

$133 USD za 3 dní
(82 recenzí)
6.0

46 Freelnceři na tento projekt zveřejňují nabídky v průměru $148

sweta2317

You need a javascript code (No jquery) to load button either red or blue. the button should act like a link so it can redirect the user to proper site based on hash and description. the button should have close li Další

$210 USD za 5 dní
(878 Recenzí)
8.9
Yknox

Dear, I am Smile Song, WEB developer in China. I've just read your job posting and I’m very interested. I'm a certificated freelancer with almost 1000 good reviews from clients. I have experienced knowledge in ever Další

$155 USD za 3 dní
(179 Recenzí)
8.2
Risalat1

Ready to work with you, could you please send me some more details about your project so we will estimate it accordingly....

$250 USD za 6 dní
(525 Recenzí)
8.2
nishantjain21

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 Další

$77 USD za 3 dní
(120 Recenzí)
7.2
caroldata

Hello I understand all the requirements to build responsive floating button with javascript and css and I'm ready to start If we work together for this project, I think we can work more in future. Please do no Další

$133 USD za 3 dní
(55 Recenzí)
7.0
rohitagarberg

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

$133 USD za 3 dní
(382 Recenzí)
6.8
pinakincode

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

$110 USD za 2 dní
(164 Recenzí)
6.4
sadgurusoft

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 Další

$110 USD za 3 dní
(179 Recenzí)
6.3
schoudhary1553

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 Další

$250 USD za 3 dní
(63 Recenzí)
6.6
krishan725

Hello, Relevant Skills- Website Design, Graphics Design, App Development, Brochure Design, Logo Design, HTML, CSS, PHP, WordPress. Kindly message to discuss. Regards, KRishan

$155 USD za 3 dní
(78 Recenzí)
6.2
saritamahar

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 Další

$250 USD za 5 dní
(97 Recenzí)
6.1
cftsoft5

Hello I read your job requirements that you want some jquery task with button and i am really confident about work because i have very good knowledge about jquery ,javascript etc. Please discuss furthur so that i ca Další

$155 USD za 2 dní
(31 Recenzí)
5.5
jayesh793

I have reviewed your requirements thoroughly. I’d like to be considered for your writing position. I’m a strategic writer with a strong background developing online content, including blog posts, social media posts, ar Další

$155 USD za 2 dní
(28 Recenzí)
5.0
serinebejanyan

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 Další

$50 USD za 3 dní
(38 Recenzí)
5.0
harshanadesigns

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 Další

$100 USD za 1 den
(5 Recenzí)
4.0
bapixyrs

Dear Client, In my 5+ years as a full stack developer, I have successfully delivered numerous web solutions to my clients. I am confident I can do this project for you. Front End: HTML, CSS, Angular JS, React JS, Další

$155 USD za 3 dní
(6 Recenzí)
3.7
hiteshkumar2

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 Další

$200 USD za 2 dní
(20 Recenzí)
5.2
ftitechnologies

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, Další

$277 USD za 3 dní
(2 Recenzí)
3.1
spearheadtechno

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 Další

$200 USD za 3 dní
(9 Recenzí)
3.8
dishapatail317

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.

$111 USD za 1 den
(0 Recenzí)
0.0