In Progress

Building a responsive floating button with javascript and css

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.

Skills: CSS, HTML, HTML5, Javascript, Website Design

See more: we need to hire websites designer, we need to design websites in uae, prepare a list of people of different profession whom we need to make a building with image and what they done, floating button javascript, responsive button html css, floating feedback button javascript, livezilla floating button css, javascript css html ajax button, javascript rotating image load, floating menus javascript, need load adults movies, converting http site css javascript drupal need help, interesting button javascript, drop submit button javascript order form, floating button flash, button javascript fun, graphical scrollbar javascript css, javascript css onmouseover overlay, convert javascript css, javascript css menu, bold button javascript, javascript css transparent scroll, menu horizontal javascript css, javascript css selected menu, javascript pass slow load

About the Employer:
( 0 reviews ) Australia

Project ID: #17032060

Awarded to:

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 in 3 days
(51 Reviews)
5.7

52 freelancers are bidding on average $151 for this job

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 More

$210 USD in 5 days
(519 Reviews)
8.4
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 in 6 days
(396 Reviews)
8.0
$155 USD in 3 days
(226 Reviews)
7.6
maysaxena

Greetings! We are a team of experienced professionals and would need to load on external websites, that can be loaded by adding a line or two to any website. Have a look at our profile and our reviews. We have 7+ More

$150 USD in 10 days
(330 Reviews)
7.7
spiretech

Hello Greeting Of the day!! I can help you for sure with Building a responsive floating button with javascript and css Let’s discuss a little My web and mobile portfolio [login to view URL] More

$150 USD in 1 day
(97 Reviews)
6.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 More

$155 USD in 3 days
(72 Reviews)
7.2
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 in 3 days
(262 Reviews)
6.5
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 More

$133 USD in 3 days
(41 Reviews)
6.5
ZaraBhakya

Hi, Greetings from Zara Bhakya!! I have seen your requirements that you have mentioned. Yes,I will develop a responsive floating button as mentioned as per your desired requirements. I can fulfill all your requir More

$150 USD in 3 days
(2 Reviews)
5.7
navjootkaur

Hi, You are looking for a expert website designer. You are looking for Building a responsive floating button with javascript and css. I have strong knowledge and 7+ years experience in designing any type of website More

$150 USD in 3 days
(88 Reviews)
5.7
suniljoshi151

Hi, Hope you are doing good I am ready to start work immediately I have 8+ years in web designing & development with good experience in following skills ... 1. HTML5 2. CSS,CSS 3 & LESS 3. JS (Angular JS, More

$200 USD in 7 days
(47 Reviews)
5.7
ybisoftechg

Hi I will create button code for you , through user can apply button on their site. Button will have two color either red or blue. Different size for different devices. We will handle this by responsive attribute. Use More

$111 USD in 1 day
(85 Reviews)
5.7
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 in 2 days
(110 Reviews)
5.8
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 in 3 days
(76 Reviews)
6.2
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 More

$110 USD in 3 days
(142 Reviews)
5.7
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 More

$77 USD in 3 days
(45 Reviews)
5.4
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 More

$155 USD in 2 days
(25 Reviews)
5.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 More

$250 USD in 5 days
(65 Reviews)
5.3
lalit31parihar

Hi, I have gone through your description and got a pretty much idea of what you want. I can assure you that i can do this task. The skills and resources needed for this project are in my genes. I can assure you f More

$98 USD in 2 days
(42 Reviews)
5.0
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 More

$250 USD in 3 days
(14 Reviews)
4.7