Completed

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.

Taidot: CSS, HTML, HTML5, Javascript, verkkosivujen suunnittelu

Näytä lisää: 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, css, html, website design, javascript, html5, 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

Tietoa työnantajasta:
( 0 arvostelua ) Australia

Projektin tunnus: #17032060

Myönnetty käyttäjälle:

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 3 päivässä
(53 Arvostelua)
5.4

52 freelanceria on tarjonnut keskimäärin %project_bid_stats_avg_sub_26% %project_currencyDetails_sign_sub_27% tähän työhön

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 Lisää

$210 USD 5 päivässä
(542 arvostelua)
8.4
$155 USD 3 päivässä
(232 arvostelua)
7.7
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 6 päivässä
(397 arvostelua)
8.0
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+ Lisää

$150 USD 10 päivässä
(336 arvostelua)
7.7
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 Lisää

$155 USD 3 päivässä
(78 arvostelua)
7.3
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] Lisää

$150 USD 1 päivässä
(98 arvostelua)
6.9
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 3 päivässä
(265 arvostelua)
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 Lisää

$133 USD 3 päivässä
(43 arvostelua)
6.6
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 Lisää

$110 USD 3 päivässä
(144 arvostelua)
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 Lisää

$150 USD 3 päivässä
(90 arvostelua)
5.8
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 Lisää

$150 USD 3 päivässä
(2 arvostelua)
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 Lisää

$111 USD 1 päivässä
(86 arvostelua)
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 2 päivässä
(113 arvostelua)
5.9
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 3 päivässä
(78 arvostelua)
6.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 Lisää

$77 USD 3 päivässä
(49 arvostelua)
5.5
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 Lisää

$155 USD 2 päivässä
(26 arvostelua)
5.3
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 Lisää

$250 USD 5 päivässä
(68 arvostelua)
5.5
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, Lisää

$200 USD 7 päivässä
(47 arvostelua)
5.7
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 Lisää

$50 USD 3 päivässä
(32 arvostelua)
4.7
$138 USD 3 päivässä
(26 arvostelua)
4.9