Need help with a questionnaire 1

[Pimptwist02]

For some unkown reason my previous thread was deleted without any form of warning or consultation with the Admins of this forum.

So again I will ask, how am I to go about creating a questionnaire with Dreamweaver to where the first 3 questions must be answered in drag down menu format and the last three questions are to be a basic fill in the blank.

I am by no means a pro with this software. I am hardly even a n00b. So some help would be greatly appreciated, because deleting the thread got me nowhere.

The questions are as followed -

1. Propert Type :
a. Single Family Residence
b. Condominium / Townhome
c. Second Home
d. Investment Home

2. Loan Purpose :
a. Purchase
b. Refinance
c. Cash-Out / Debt Consolidation
d. New Construction
e. To- Permanent Financing

3. Estimated Credit Score :
a. 580 - 620
b. 620 - 640
c. 640 - 680
d. 680 - 720
e. 720 +

4. Property Information
a. Type of Loan Preferred
b. Purchase Price
c. Loan Amount
d. Are you a first time buyer?
e. Down Payment?
f. Sales Contract?
g. Anticipated Closing Date?
h. Do you have an Agent?


5. Contact Information :
a. First Name
b. Last Name
c. Address
d. City, State, Zip
e. Work Status
f. Is there a co- borrower ?
g. Home Phone
h. Work Phone
i. Cell Phone
j. E- mail
k. Best time to call?

6. Personal Comments :

Thanks for any and all help. Again.

 

[vacunita]

You can use the form tool, to create a form, and then add the elements to it.

If you wanted to go the code route, then something like this might help you:

<form action="formprocessingscript.ext" method=POST>
[green]\\for the dropdowns[/green]
<SELECT name="propertytype">
<OPTION value=a>Single Family Residence</OPTION>
<OPTION value=b>Condominium / Townhome</OPTION>
<OPTION value=c>Second Home</OPTION>
...
</SELECT>

Just the same for the other 2 dropdowns.

Now for the fillins

a simple text box should suffice.

Property Information
   a. Type of Loan Preferred: <input type="text" name="loan">

 b. Purchase Price: <input type="text" name="price">


so on and so forth.
</form>

However you have not told us how you plan on processing the information. Dreamweaver will help you create the form, but the processing requires some kind of server-side language. Once its processed what are you going to do with the information? send it into a database, send it by email to someone, store it in a file etc...


----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[Pimptwist02]

After the information is input by the client I would like for this to be e-mailed to an e-mail address. Something that only the owner of the website can check out, it all needs to be secured too since were talking about private information.

 

[Pimptwist02]

Thank you vacunita. I forgot to mention that. You were very helpful. Again I'm just starting off on this, so if I have a question please use very basic stupid terms. Heh dumb it down for me.

You put it very well though. I appreciate it!

If this forum proves itself this helpful everytime I have a question, I will be looking into donating to support the server(s).

 

[vacunita]

If you want it to have it mailed and still be secured you'll need some type of server-side language. you'll have to find out what is available to you on the server that will hold this questionnaire.

Some options could be PHP, ASP, Coldfusion.

With that defined its just a matter of adding a bit of code to the back of the form page to process the input and have it emailed out.



----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[Pimptwist02]

Alright so far I got the 3 drag down options done but they are right Next to each other.



Ex : dragdown/dragdown/dragdown

I would like to have it something like this


Property Type

Dragdown




Loan Purpose

Dragdown



Estimated Credit Score

dragdown




Then the fill in the blanks.

 

[vacunita]

Well there are several ways to tackle this you can either Delve into Layout options using CSS, or just add <br> (line breaks) between the drop downs.

<SELECT...> 
...
</SELECT>[red]<br>[/red]
<SELECT...>
...
</SELECT>[red]<br>[/red]
<SELECT...> 
...
</SELECT>

I'll take this opportunity to point you to several html, and CSS tutorials involving forms.

http://www.htmlgoodies.com/tutorials/forms/article.php/3479121

http://www.webcom.com/html/tutor/forms/example_list.shtml

http://jeffhowden.com/code/css/forms/

----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[Pimptwist02]

How could you tell a tutorial would suit me? lol =P

 

[Pimptwist02]

Ok.... got all of it figured out, but now how do I make the text boxes lines up with one another.

example


loan preferred []
junk []
other stuff []
even more crapola []

I want it to be


loan preferred []
junk []
other stuff []
even more crap []



Im such a n00b.

 

[Pimptwist02]

well that didnt work out well..... basically i want the boxes to line up

 

[vacunita]

Again i would urge you to read up on CSS and layout.

In any case I would do something like this:

<div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;" >a Label</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div>
<div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">a Long lable</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div>
<div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">a short one</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div>
<div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">an even longer Label</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div>

What I'm doing here is wrapping each label and textbox in a DIV to make it a solid block. I then float each part to one side of the div to get them to line up.

If you have any questions post back.





----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[Pimptwist02]

Im reading from the three links you provided. And I do appreciate all the help you have provided. Its not going un noticed. I have also purchased the book titled

"How to Do Everything with Dreamweaver 8"

I've taken in what you've given me and used it to the fullest extent I know how to.

So heres what I have created so far. I took screenshots of what I want to be on the left side of the page and what I want to be on the right side of the page.

Should be easy to figure out via the URL link.

http://uploader.ws/upload/200701/left_side.jpg

http://uploader.ws/upload/200701/rightside.jpg

Sorry that Im asking so many questions. But I have a deadline of this weekend to have a layout of the whole webpage and I just got Dreamweaver no more than a week ago. So Im cramming every ounce of knowledge I can. And for having two fulltime jobs its a bit more than I can handle. I will admit that.

 

[vacunita]

It seems I cant see your images. I get an unauthorized referrer message.







----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[Pimptwist02]

Right

http://i12.photobucket.com/albums/a242/Bmwheel98/rightside.jpg

Left

http://i12.photobucket.com/albums/a242/Bmwheel98/left_side.jpg

 

[vacunita]

Something like:

<div id=maincontent style="width:100%">
   <div id="left_stuff" style="float:left;">
     [green]\\  Put everything for the left column here[/green]
   </div>

   <div id="right_stuff" style="float:right;">
[green]\\Put everything for the right column here[/green]
   </div>

</div>

----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[Pimptwist02]

I did that and this what I get(code first). . . . .

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="

http://www.w3.org/1999/xhtml">

<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Text</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="mm_travel2.css" type="text/css" />
<script language="JavaScript" type="text/javascript">
//--------------- LOCALIZEABLE GLOBALS ---------------
var d=new Date();
var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//--------------- END LOCALIZEABLE ---------------
</script>
</head>
<body bgcolor="#C0DFFD">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#3366CC">
<td width="382" colspan="2" rowspan="2" nowrap="nowrap"><img src="mm_travel_photo.jpg" alt="Header image" width="382" height="127" border="0" /></td>
<td width="378" height="63" id="logo" valign="bottom" align="center" nowrap="nowrap">insert website name</td>
<td width="100%">&nbsp;</td>
</tr>
<tr bgcolor="#3366CC">
<td height="64" id="tagline" valign="top" align="center">OPTIONAL TAGLINE HERE</td>
<td width="100%">&nbsp;</td>
</tr>
<tr>
<td colspan="4" bgcolor="#003366"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>

<tr bgcolor="#CCFF99">
<td>&nbsp;</td>
<td colspan="3" id="dateformat" height="25"><a href="javascript:;">HOME</a> :: <script language="JavaScript" type="text/javascript">
document.write(TODAY); </script> </td>
</tr>
<tr>
<td colspan="4" bgcolor="#003366"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr>
<td width="40">&nbsp;</td>
<td colspan="2" valign="top">&nbsp;<br />
&nbsp;<br />
<table border="0" cellspacing="0" cellpadding="2" width="500">
<tr>
<td class="pageName">Page Name Here</td>
</tr>
<tr>
<td class="bodyText"><p><span name="intelliTxt" id="intelliTxt">&lt;div id=maincontent style=&quot;width:100%&quot;&gt;<br />
&nbsp;&nbsp;&nbsp;&lt;div id=&quot;left_stuff&quot; style=&quot;float:left;&quot;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\\&nbsp;&nbsp;<div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;" >Type of Loan</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div>
<div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">Purchase Price</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div>
<div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">Loan Amount</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div>
<div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">Are you a first time buyer?</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div><div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">Down Payment Amount?</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div><div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">Sales Contract</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div><div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">Anticipated Closing Date</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div><div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">Do you have an agent?</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div></p><br />

<p><div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;" >First Name</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div>
<div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">Last Name</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div>
<div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">Address</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div>
<div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">City, State, Zip</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div><div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">Work Status</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div><div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">Co-Borrower Yes or No?</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div><div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">Home Phone Number</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div><div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">Work Number</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div><div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">Cell Number</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div><div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">E-mail</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div><div id="textboxwrapper" style="overflow:hidden; width:300px; border:0px solid #FFFFFF;"><span id="label" style="float:left;">Best time to call</span><span id="textbox" style="float:right;"><input type=text name="mytextbox"></span></div><br />
&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />
<br />
&nbsp;&nbsp;&nbsp;&lt;div id=&quot;right_stuff&quot; style=&quot;float:right;&quot;&gt;<br />
\\1.) Property Type

Single Family Residence Condominium / Townhome Second Home Investment Home





2.) Loan Purpose

Purchase Refinance Cash-out / Debt Consolidation New Construction To-Permanent Financing





3.) Estimated Credit Score

580-620 620-640 640-680 680-720 720+ Uknown



<br />
&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />
<br />
&lt;/div&gt;</span></p>

</td>
</tr>
</table> </td>
<td width="100%">&nbsp;</td>
</tr>

<tr>
<td width="40">&nbsp;</td>
<td width="342">&nbsp;</td>
<td width="378">&nbsp;</td>
<td width="100%">&nbsp;</td>
</tr>
</table>
</body>
</html>


And heres a screenshot of it

http://i12.photobucket.com/albums/a242/Bmwheel98/usererror.jpg

Hope that helps.

 

[vacunita]

Did you copy it straight into the design view? Y
you need to copy it to code view, so it gets interpreted as code.

----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[Pimptwist02]

lol yeah I copied it into code

 

[Pimptwist02]

2nd time was a charm. And it was what I thought it was,. A user error Heh. Hence the name of the picture file. w00t thanks man.


Now the fun part begins. Going to read up on how to get all the information stored somewhere, either on a server or have it e-mailed to him(my uncle)

What do you think is the most secure way?

Or easiest?

 

[Cheech]

Most secure would be to store the info in a database and only prompt that a new entry has been made by email.

[Peace][Pipe]