Tip:
Highlight text to annotate it
X
highmark mbak
in this video we're gonna go ahead and set up the form on the reservations page
and you can see the page here that i have wealth and and
uh... you're going to need to go ahead and create a page in this site just
simply by right-clicking appear and sleeping new file
and apply in the right hand side bar template to that page
and you should come to something roughly it looks like this and i deleted some of
the taxes on here and this open space is going to be where i'm going to go ahead
and
placed before
sort of go ahead now and
going to come to you
and let's take a look and you can see here
uh... actually needed tab that over just a little bit
it's this
empty
paragraph technique that's why i want to go ahead
and place the form saunders collectively that
and just leave a large open space in here for me too
copy and paste the form into
number go ahead and go back into my framework
so it looks like that
and instead of the main frame work folder you're going to see the forms
folder
amber go ahead and grab the code and the appointment for
right here
and if i double click on that open that up we'll see if i go into designed to
you
roughly the fields that are going to be here
we're gonna have
and naming email field phone field
as well as drop downs for the uh... date
outfielder edge of the time in
and then a message field there
and then finally a submit button
so what we need to do is we need to go to code view for this form
and we need to go ahead and select
and what we want to do is we want a slick everything here from line thirty
three
the opening form tag
all the way down
to one hundred nate
the closing for traffic
and the easiest way to do that is just a click the
firstline
scroll down hold the shift key down on your keyboard
and click on the last night and will highlight all of that information from
there
nominee go ahead and copy that
go ahead selected that form copy the code
and now i'm gonna go to reservations and again this is the line that i want that
for the whoopi robin
so i'm just gonna go in the highlighted and paste that
into
place
and we should now see
perform on our page
let's go ahead and stay back
and going to design view and we'll go ahead and you look at this is widely
right now
and will see the way this looks
that exactly format the way we are what it'll look right now
but that's simply a matter of copying the cssc over so that it works
some would go ahead and come back into my appointment that each tml page
and you're going to see appear in the related files
we have forums dot c_ acess
and this file is actually located here in the cssc folder
and it's right there
that you can get to it very easily just by
clicking on the related files
and we want to do is we want a copy all of this kind
samadhi go-ahead behayelit all of the styles that are in here
and retained from the for or else file
all the way down to the clear style
and that emily go ahead and copy that
go back into my reservations
and they go into my styles dot c_f_s_
and i'm really going to come to you and scroll down
and you're going to find after the containers
and the navigation
you'll see the form section here
and what we want to do is we want to delete everything
in here
all the default styles we want to go ahead and delete
so i'm just gonna go ahead and highlight those in two weeks them
and then i'm gonna pay stuff
the uh... csl styles and
from the framework
and say that
and let's go ahead check out our form nancy outlooks
uh... to go back into my source code going to design view
and now your form should look a little bit more
like what
we saw in the example
you'll see the dropped out there for the day of the month
as well as the time to time doesn't have a drop in the vicinity that and
and the message
and if they wanted to go ahead modify any of these labels we could very easily
so i gotta go ahead and go out of why do you hear
in name email in phone
are fine
please enter the now reservation date
amoco and just click rate in the air intake in though
and
and time is fine and message
amid actually going to go ahead and change that from message
uh... special
instructions
houston go ahead make that whatever you want to be
and will go ahead and say that and get a look at the satellite view
close at properties payal
new member you can orbiting close the properties panel
despite double clicking on that ten out there
and will see the way
form is going to look
and as always we always want to go ahead
and preview that
in some browsers to see how it's going to look
so let's go ahead and previews and chrome and see how it looks
and there we go there's our form
and you'll see the drop down so the way they were
salsa submit button we have to come back and revisit that just second
and let's try one of the crowd was tryin internet explorer here
and begin
if any of your security settings you may get this message down here
or there may be a yellow strip up here at the top
asking you for permission to show
the block content that space which is javascript that's on the stage
so it's a allow
and there is my forearm
with my working
drop down list there
and you could try and also in firefox opera
safari
uh... but it's going to it looks just great here
when you submit
before
at action is performed
and whatever file is specified
in the action property for the form
that's going to be in file that actually runs
and if we go ahead and come back in here to code view and scroll
to the point where we can see the top of the form
you're gonna see right here
we have method
post
we don't have it action i'm sorry we do have action right there
in your seats is enter processors script right there
you need some sort of the script
that will actually convert the contents of this form
intuit email see you can actually received
now
there are lots of different form to email scripts that are out there have
won the banquet my framework
some whether those require that you use their particular the script
so if the script that i gave you does it work be sure to check with your web
hosting c what exactly their requirements are that require you to
uh...
use their script or possibly have uh...
they need to enable form to make email
uh... on your server
but either way you already know you need to put in the path to a form processing
scripting
on the go ahead here animate framework right now
and you're gonna see there's a p_h_p_ folder right here
and there's mail for
they go ahead right click on that and copy
and that's the file that i need that's the mail form processing scrapped
and emily go ahead and go back into
my project
there's my p_h_p_ folder i'm simply got a right click at it
and paste
that in there
and i actually already have that in there some that say yes to all there
that mail form it needs to be in the ph people
you didn't need to go ahead and come back here to the first line in your form
highlights
this value right there including the quotation marks
type of quotation mark in the again that brings up during weavers
browse command
i'll hit enter
and in my select file dialog box
you want to make sure the jury in your local root folder hair
and there it is a p_h_p_ folder
let's go ahead and double click on that panel select that and click ok
and you'll see the path that form has been placed
in there
this is a p_h_p_ script
and
the vast majority of web servers that people use
are going to be
lytic servers that are going to have p_h_p_
running on them so the script will work
provided your web host allows
form to email scripts to rod
if you are on a windows server you're going to need to find
they windows they asked here is p dot net script
to process your uh... email
and again your web host may have one already for you
normally go ahead and meet you one more thing here on the go ahead and double
click to open this mail form dot ph pia
and if you're in design you you're not going to see anything at all
we need to be in code you for this
and you're going to see if there's a few different
options that you need to set here
the first option that you need to enter and usury email address for the email
address that you want before
to be sent to
so he'll go ahead modify that
your website here you need to put in the full u r l for your website
so if your website is uh... h_t_t_p_ colon for a site for slash
debby debby debby dot content restaurant that info
you would go ahead and enter
that in their including the h_t_t_p_
when somebody successfully submits before
it's going to take them to a faith you page
and if you want to ensure that it again
you can go ahead enter that value in right here
and get back in the any page it all can be a
confirmation window thank you our page could be the home page your website
but you need to go ahead and answer some sort of the page
for the person to be taken to when uh... uh...
they actually uh...
finish
of submitting the form
so how do i go ahead and coming here to files
and again in my video project file here
um... to create a new file
and i'm a card thank you
dot html
i'm going to go in opened them up
and right now it's blank
some of them modify
templates
apply template to page
animus like the temple but i want to use
and i'm just gonna go ahead and say
faqs here
and then you could but whatever other information you
wanted into this fall
and they go ahead and say that
close it
and again
right here that's where you need to go ahead and put
the u r l two the thank you page
and since the thank you page in this case
is in the same directory
as
the reservations page
all i need to do his type in
the name of the
page right there thank you dot html
summer go ahead and say that
and that's all you need to do
to set up
your reservation form
and again if when you click summit here
if you've gone through this is that all the settings crack
you should get it
email uh... shortly
with the content secure entered into
the um... for
if you don't get any email go back and check and make sure you've set
everything up correctly that you've
copied and pasted everything over everything's in the proper location
uh... if things don't work there's probably a problem somewhere on the
server
giuliani nikon picture web host and talk to them about
um what they allow as far as forms on their server
they may need to enable formed in the email or they may have a specific script
if you need to include
on your page in order for that to work
that's all you have to do to set up the reservations page
on
uh...
your sample size
i'll see you next to him