Lengkap

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

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

Kemahiran: CSS, HTML, Javascript, PHP

Lihat lagi: we go look, video black box, this email format is invalid, things to put on a resume, script for video resume, resume one page, resume font, radio canada, padding background, one page resume, invalid email format, inside radio, html 5 align, font for resume, family video com, do stuff for $5, courier position, countdown format, copy of resume, center of a line

Tentang Majikan:
( 246 ulasan ) Ventura, United States

ID Projek: #9095787

Dianugerahkan kepada:

PhungTran

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

$65 USD dalam sehari
(492 Ulasan)
6.9

8 pekerja bebas membida secara purata $65 untuk pekerjaan ini

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 dalam sehari
(35 Ulasan)
5.4
Shivamf

Hello there, I have reviewed your job description as well and very confident to handle this project perfectly. I am expert in Web designing/developing.I believe that I can be the best productive candidate for Lagi

$35 USD dalam sehari
(17 Ulasan)
4.2
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 dalam sehari
(16 Ulasan)
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 dalam sehari
(2 Ulasan)
3.0
LadoraIT

Dear Sir/Madam, We have over 3 years developing experience in PHP, MySQL, HTML, CSS, JavaScript, JQuery, etc. We develop many web apps. We are new in freelancer that's why we have a little profile. But we completed so Lagi

$90 USD dalam 4 hari
(4 Ulasan)
3.0
bizzwebsite

A proposal has not yet been provided

$45 USD dalam sehari
(7 Ulasan)
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 dalam sehari
(0 Ulasan)
0.0