CSS, PHP, and JS changes for countdown timer, and look/feel of page

Completado Publicado Dec 10, 2015 Pagado a la entrega
Completado Pagado a la entrega

Hello, we have a page here:

[url removed, login to view]

...and here are the things I need done on this ONE page.

1. The timer is broken. I have PHP on the page that is attempting to get the CURRENT date/time, then add 5 minutes to this, and COOKIE this final date/time to the users computer.

The first time the user visits the page, the timer should start counting down from 5 minutes. If they reload the page, it should NOT restart from 5 minutes, but resume per the cookied date/time.

There seems to be an issue with the gmdate function, adding 5 minutes to that, and passing it to the [url removed, login to view] script, as the script believes this date is in the past, and the timer always shows 0.

So...the timer needs to be fixed #1.

2. The timer needs to be reformatted using CSS. Please use CSS like this to format it:

#timer {

width: 178px;

height: 52px;

margin-left: 2px;

padding-top: 4px;

visibility: hidden;

border: 2px solid black;

border-radius: 10px;

box-shadow: 1px 2px 1px #808080;

text-align: center;

font-family: "Courier New", Courier, monospace;

font-weight:700;

font-size: 15px;

color: #f00000;

position: absolute;

left: 550px;

top: -61px;

line-height: 1em;

}

You might have to tweak this stuff slightly...but it should be . The HTML should be like:

<b>\"YOUR SPOT IS RESERVED FOR:</b> ' + s_min + s_sec;

...inside the little red border, and this timer element should be up and to the right slightly, so it's after the headline after the word "Registration..."

3. Now, in the whitespace to the right of the gray box (which is where a video will go, I need a nice box to fill that area. The top portion of the box should have a background of RED with white text saying "Please select an available date/time...".

Underneath this, the body of this box will be light yelow with black text.

You will implement the radio buttons (you can see the logic for the ones at the BOTTOM of the page, and I want you to implement this for this box. You will label this radio button group, "STEP 1: Select an available date/time"

They must fit nicely in the box, and they must WORK. Obviously the text will be smaller, and they will pick one of the 2 dates/times.

Then, under these put the text "STEP 2 (optional): Enter your mobile number to receive ONE text reminder 15 minutes before we begin."

Then the text file, which expects a 10 digit phone number for US or Canada formatted like this (805)555-5555. Make sure it puts it in that format and won't allow an invalid formatted number.

Under that box put the small text "Enter your mobile number (optional)".

Copy the green submit button underneath these, and make sure these radio buttons work and pass the proper values to the submit link.

4. Create the SAME STYLE box at the BOTTOM, but just make all the text/radio buttons BIGGER because the box will stretch all the way across the page.

--------------

That's it, should be pretty simple, I just don't have time to do it. Let me know!

Dan

CSS HTML JavaScript PHP

Nº del proyecto: #9095787

Sobre el proyecto

8 propuestas Proyecto remoto Activo Dec 10, 2015

Adjudicado a:

PhungTran

Hi, I can do this for you. Hire me again please. Thank you !

$65 USD en 1 día
(492 comentarios)
6.9

8 freelancers están ofertando un promedio de $65 por este trabajo

davidphp5

Hi, I can do this project for you. I know PHP and JavaScript well. Please check my profile, and if you're interested, contact me with more details! Best regards, David

$70 USD en 1 día
(35 comentarios)
5.4
cobol1962

Can be completed tommorow this time. My time is UTC - 1 and now is 10PM here. Regards. I ma very expirienced and dont see any problem in this job

$35 USD en 1 día
(16 comentarios)
3.8
WestEastDevs

Hey there ! We're 2 developers with wide and vast knowledge in PHP and Web Developing. Contact us for further details !

$133 USD en 1 día
(2 comentarios)
3.0
bizzwebsite

A proposal has not yet been provided

$45 USD en 1 día
(7 comentarios)
2.2
davidsdigital

Hello I don't want to polish my self, just starting here and I would like to do this by helping you out quick on this. You need someone who can do the job fast and smooth I'm here to do that. Thanks David

$50 USD en 1 día
(0 comentarios)
0.0