CSS, PHP, and JS changes for countdown timer, and look/feel of page
$10-100 USD
完了済み
投稿日: 8年以上前
$10-100 USD
完了時にお支払い
Hello, we have a page here:
[login to view URL]
...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 [login to view URL] 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
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
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