Log in

View Full Version : loci calculator



amoehring
05-17-2010, 11:20 PM
Hi I am new to this forum and have limited knowledge of coding. I am a miniature dachshund breeder and am in the process of developing my genetics page. I have searched for a calculator that I can change to meet my needs......

Ideally this is what I want:

Sire
3 drop down boxes - 1 for base color (1 option) the second for coat color (1 option) and the 3rd for patterns (up to 4 options)
Then 2 dropdown list of recessive traits he may carry - 1 for color (up to 4 options) and the 2nd for pattern (up to 3 options)

Plus

Dam
3 drop down boxes - 1 for base color (1 option) the second for coat color (1 option) and the 3rd for patterns (up to 4 options)
Then 2 dropdown list of recessive traits she may carry - 1 for color (up to 4 options) and the 2nd for pattern (up to 3 options)


Equals Progeny:

Predefined pictures based on the choices selected above


I could settle for this:

Sire pic plus Dam pic = resulting progeny

Then a gallery of pictures of all the combinations below so users can choose the pic of the sire and pic of the dam then a seperate predefined pic comes up depending on the 2 pics selected

is there a code I can adapt? Any and all help is greatly appreciated

djr33
05-18-2010, 12:02 AM
This is something that must be designed specially for your case (unless of course you can find a free dog breed script out there-- try google, and you might get lucky, but probably not).

There are a number of ways to go about this, but most if not all are going to require that you get involved with the code at a fairly advanced level.

Of course you could just create the pictures manually and set them as links.

But that would take a lot of time and probably in the end be more work.


You could try to use Javascript for this, but in general this is probably better for a language like PHP, a serverside programming language-- or ASP, CGI, etc.
These languages are designed to deal with forms and to generate result pages, among other things. They even work with databases if you want to do that later.

I don't know if you'd want to take this on yourself. If so, there are lots of resources out there and feel free to post back once you get some code and we can point you in the right direction.

If not, you could hire someone to do this for you, and since this is such a specialized task it might be the best way to go.

If you're creative enough you may be able to look around and find something that you can adapt, but genetics calculations are (I expect) fairly complex, so you probably won't find something that works without some manipulation.

amoehring
05-18-2010, 01:07 AM
I really appreciate your input -

I was hoping there was some sort of code I could adapt to set my own probabilities like on this site: http://www.fenfleur.com/ (how to predict pup colors) but adding the recessive carried probabilities with a picture for the result instead of text like they have - maybe someone could take a look? thier calculator isn't fully functioning like its supposed to but gives the basic idea what I am looking to do.

Nothing too complicated like if sire is black/tan (black based and carries for cream *recessive trait) and the dam is a chocolate/tan (chocolate based *recessive trait carries for piebald *recessive trait) with this combination a breeder could only get black/tans that will carry for chocolate and possibly cream and piebald because recessive traits can only be expressed if both the sire and dam has it....clear as mud right? lol

I started looking into a sql database and php programming which seems thats the way to go if I can get my mind wrapped around it - I started to look into some of the tutorials and will give that a whirl after looking into more options first

traq
05-18-2010, 01:22 AM
All that site has is an array of answers that is determined by the two colors you pick for the parents - it's all manually defined. (And, it's not working at all.)

If you're going to add recessive traits, etc., things will get much more complicated.

In the end, it's not a matter of finding a programmer, it's a matter of finding a programmer who understands genetics and canine inheritance -or at least, one who can understand when you explain it really patiently. Unless you are comfortable writing out every possible trait combination and likely outcome, I wouldn't bother trying to have a script written, because it probably won't give the correct answers.

amoehring
05-18-2010, 10:21 AM
All that site has is an array of answers that is determined by the two colors you pick for the parents - it's all manually defined. (And, it's not working at all.)

Yea thats what I figured - I knew it wasn't working just really like the concept. It was difficult for me to learn the genetics without a cheat sheat. So I figured if I were to teach others then I would like something like that as well as the detailed explanations on a different page.

I started my code.....I just can't figure out how people can select more than one option at a time. So I took a break and started learning how to develop a SQL database - I am totally lost now so going back to my code.... is there a way to keep the drop down boxes and users able to select more than one option without it being distorted?

Here is my code:

<html>
<head>
<title> Test</title>
</head>
<body>
<form name="form1" method="post" action="CCalculator2.php">
<table width="96%" border="0" cellspacing="0" cellpadding="0" align="center" height="23">
<tr>
<td width="74%" class="BlueBoxV11">
<p align="center"><b><font size="2" face="Arial"><br>
<font size="3">Sire:</font>

<select name="SireBaseColor" size="1" class="BodyTextV11">
<option value="0" selected>Select Base Color</option>

<option value="1">Black</option>

<option value="2">Chocolate</option>

<option value="3">Blue</option>

<option value="4">Isabella</option>

</select>

<select name="SireColor" size="1" class="BodyTextV11">
<option value="0" selected>Select Color</option>

<option value="1">Red</option>

<option value="2">Black</option>

<option value="3">Chocolate</option>

<option value="4">Cream</option>

<option value="5">Blue</option>

<option value="6">Isabella</option>

</select>
<select name="SirePattern" size="1" class="BodyTextV11">

<option value="0" selected>Select Pattern(s)</option>

<option value="1">Pointed Tan</option>

<option value="2">Pointed Cream</option>

<option value="3">Sable</option>

<option value="4">Brindle</option>

<option value="5">Dapple</option>

<option value="6">Piebald</option>

</select>
<select name="SireCarriedColor" size="1" class="BodyTextV11">
<option value="0" selected>Select Carried Color(s)</option>


<option value="1">Chocolate</option>

<option value="2">Cream</option>

<option value="3">Blue</option>

<option value="4">Isabella</option>


</select>

<select name="SireCarriedPattern" size="1" class="BodyTextV11">
<option value="0" selected>Select Carried Pattern(s)</option>

<option value="1">Pointed Tan</option>
<option value="1">Pointed Cream</option>
<option value="3">Piebald</option>
</select>

</font></b> </p>
</td>
<td width="26%" class="BlueBoxV11" rowspan="2">
<p align="center">Select the sire and dam <br>
Base color, coat color, pattern and carried colors and patterns then <br>
press the Continue button. <br>
<br>
<input type="submit" name="Continue" value="Continue" class="BodyTextV11">
</p>
</td>
</tr>
<tr>
<td width="74%" class="BlueBoxV11">
<div align="center"><b><font size="2" face="Arial"><br>
<font size="3">Dam:</font>


<select name="DamBaseColor" size="1" class="BodyTextV11">

<option value="0" selected>Select Base Color</option>
<option value="1">Black</option>

<option value="2">Chocolate</option>

<option value="3">Blue</option>

<option value="4">Isabella</option>

</select>

<select name="DamColor" size="1" class="BodyTextV11">
<option value="0" selected>Select Color</option>

<option value="1">Red</option>

<option value="2">Black</option>

<option value="3">Chocolate</option>

<option value="4">Cream</option>
<option value="5">Blue</option>

<option value="6">Isabella</option>

</select>
<select name="DamPattern" size="1" class="BodyTextV11">

<option value="0" selected>Select Pattern(s)</option>
<option value="1">Pointed Tan</option>

<option value="2">Pointed Cream</option>

<option value="3">Sable</option>

<option value="4">Brindle</option>

<option value="5">Dapple</option>

<option value="6">Piebald</option>
</select>
<select name="DamCarriedColor" size="1" class="BodyTextV11">
<option value="0" selected>Select Carried Color(s)</option>

<option value="1">Chocolate</option

<option value="2">Cream</option>

<option value="3">Blue</option>

<option value="4">Isabella</option>

</select>

<select name="DamCarriedPattern" size="1" class="BodyTextV11">
<option value="0" selected>Select Carried Pattern(s)</option>

<option value="1">Pointed Tan</option>
<option value="2">Pointed Cream</option>
<option value="3">Piebald</option>
</select>

</b></div>
</td>
</tr>
</table>

</form>
</body>
</html>

Once a user submits this form then they are taken to an advanced options page to select more choices (trying to do a multipage form) which I may scrap for now until after I learn how to do my database and link it altogether

traq
05-18-2010, 07:37 PM
You need to wrap your code in [ code ] tags ( [ code ] [/ code ], [ html ] [/ html ], [ php ] [/ php ], without the spaces) so it's easier to read and doesn't take up so much space.

If you need a user to be able to choose more than one option on a <select> list, add the attribute multiple="yes" to the opening <select> tag. For checkboxes, you can create an array by giving multiple boxes the same name, followed by square brackets []:
<input type="checkbox" name="multichoice[]" value="one">
<input type="checkbox" name="multichoice[]" value="two">
<input type="checkbox" name="multichoice[]" value="three">

amoehring
05-18-2010, 09:39 PM
Like this?


<html>
<HEAD><TITLE>Test</TITLE>
<META content="MSHTML 6.00.2900.3676" name=GENERATOR></HEAD>
<BODY>
<FORM name=form1 action=CCalculator2.php method=post>
<TABLE height=23 cellSpacing=0 cellPadding=0 width="96%" align=center border=0>
<TBODY>
<TR>
<TD class=BlueBoxV11 width="74%"><FONT face=Arial size=2>
<P align=center><BR><FONT size=5><STRONG>Sire</STRONG></FONT></P>
<P align=center><STRONG><FONT size=3>Base Color:</FONT><INPUT type=checkbox value=one name=multichoice[]></STRONG>Black</OPTION><STRONG> <INPUT type=checkbox value=two name=multichoice[]></STRONG>Chocolate</OPTION> <STRONG><INPUT type=checkbox value=three name=multichoice[]></STRONG>Blue</OPTION><STRONG> <INPUT type=checkbox value=four name=multichoice[]></STRONG>Isabella</OPTION> </SELECT></P>
<P align=center><STRONG><FONT size=3>Base Color:</FONT><INPUT type=checkbox value=one
name=multichoice[]></STRONG>Black</OPTION><STRONG> <INPUT type=checkbox value=two
name=multichoice[]></STRONG>Chocolate</OPTION> <STRONG><INPUT type=checkbox value=three
name=multichoice[]></STRONG>Blue</OPTION><STRONG> <INPUT type=checkbox value=four
name=multichoice[]></STRONG>Isabella</OPTION> </SELECT></P>
<P align=center><STRONG><FONT size=3>Pattern:</FONT> <INPUT type=checkbox value=one name=multichoice[]></STRONG>Sable</OPTION> <INPUT type=checkbox value=two name=multichoice[]>Dapple</OPTION> <INPUT type=checkbox value=three name=multichoice[]>Brindle</OPTION> <INPUT type=checkbox value=four name=multichoice[]>Tan Pointed</OPTION> <INPUT type=checkbox value=five name=multichoice[]>Cream Pointed</OPTION> <INPUT type=checkbox value=six name=multichoice[]>Piebald</OPTION> </SELECT></P>
<P align=center><STRONG><FONT size=3>Carried Color:</FONT> <INPUT type=checkbox value=one name=multichoice[]></STRONG>Chocolate</OPTION> <INPUT type=checkbox value=two name=multichoice[]>Isabella</OPTION> <INPUT type=checkbox value=three name=multichoice[]>Blue</OPTION> <INPUT type=checkbox value=four name=multichoice[]>Cream</OPTION> </SELECT></P>
<P align=center><STRONG><FONT size=3>Carried Pattern:</FONT> <INPUT type=checkbox value=one name=multichoice[]></STRONG>Tan Pointed</OPTION> <INPUT type=checkbox value=two name=multichoice[]>Cream Pointed</OPTION> <INPUT type=checkbox value=three name=multichoice[]>Piebald</OPTION> </SELECT></FONT></P></FONT></TD>
<TD class=BlueBoxV11 width="26%" rowSpan=2>
<P align=center>Select the Sire and Dam's base color, coat color, pattern and carried colors and patterns then <BR>press the Continue button. <BR><BR><INPUT class=BodyTextV11 type=submit value=Continue name=Continue> </P></TD></TR>
<TR>
<TD class=BlueBoxV11 width="74%"><FONT face=Arial size=2>
<P align=center><BR><FONT size=5><STRONG>Dam</STRONG></FONT></P>
<P align=center><STRONG><FONT size=3>Base Color:</FONT> <INPUT type=checkbox value=one name=multichoice[]></STRONG>Black</OPTION><STRONG> <INPUT type=checkbox value=two name=multichoice[]></STRONG>Chocolate</OPTION> <STRONG><INPUT type=checkbox value=three name=multichoice[]></STRONG>Blue</OPTION><STRONG> <INPUT type=checkbox value=four name=multichoice[]></STRONG>Isabella</OPTION> </SELECT></P>
<P align=center><STRONG><FONT size=3>Color:</FONT> <INPUT type=checkbox value=one name=multichoice[]></STRONG>Red</OPTION><STRONG> <INPUT type=checkbox value=two name=multichoice[]></STRONG>Black</OPTION> <STRONG><INPUT type=checkbox value=three name=multichoice[]></STRONG>Blue</OPTION><STRONG> <INPUT type=checkbox value=four name=multichoice[]></STRONG>Cream</OPTION> <STRONG><INPUT type=checkbox value=five name=multichoice[]></STRONG>Chocolate</OPTION> <STRONG><INPUT type=checkbox value=six name=multichoice[]></STRONG>Isabella</OPTION><STRONG> </SELECT></STRONG></P>
<P align=center><STRONG><FONT size=3>Pattern:</FONT> <INPUT type=checkbox value=one name=multichoice[]></STRONG>Sable</OPTION> <INPUT type=checkbox value=two name=multichoice[]>Dapple</OPTION> <INPUT type=checkbox value=three name=multichoice[]>Brindle</OPTION> <INPUT type=checkbox value=four name=multichoice[]>Tan Pointed</OPTION> <INPUT type=checkbox value=five name=multichoice[]>Cream Pointed</OPTION> <INPUT type=checkbox value=six name=multichoice[]>Piebald</OPTION> </SELECT></P>
<P align=center><STRONG><FONT size=3>Carried Color:</FONT> <INPUT type=checkbox value=one name=multichoice[]></STRONG>Chocolate</OPTION> <INPUT type=checkbox value=two name=multichoice[]>Isabella</OPTION> <INPUT type=checkbox value=three name=multichoice[]>Blue</OPTION> <INPUT type=checkbox value=four name=multichoice[]>Cream</OPTION> </SELECT></P>
<P align=center><STRONG><FONT size=3>Carried Pattern:</FONT> <INPUT type=checkbox value=one name=multichoice[]></STRONG>Tan Pointed</OPTION> <INPUT type=checkbox value=two name=multichoice[]>Cream Pointed</OPTION> <INPUT type=checkbox value=three name=multichoice[]>Piebald</OPTION> </SELECT></FONT></P></FONT></TD></TR></TBODY></TABLE></FORM></BODY>
</html>

I guess I just don't understand what you mean....i'll search through the forum

djr33
05-18-2010, 10:00 PM
RE code tags: the final tag has a slash in it: [/code].
It's just like html, but using [] instead of <>.
Hope this helps.
(I fixed your code above)

traq
05-18-2010, 11:58 PM
A couple of tips:

1) Quote ALL your attribute values. e.g., <INPUT type=checkbox> needs to be <input type="checkbox">.

2) Use current, valid tags and attributes. align="center" and <FONT size=""> are depreciated. Use css styles instead (an inline example would be
<p style="font-size: small; text-align: center;"> paragraph text goes here </p>

3) Tables are not intended as layout tools. You should use css instead, but that's not a critical issue. The two points above, however, could cause problems in some browsers.

To answer your question, "multichoice" is just an example name. Take whatever name value you wish and add square brackets on the end to allow the user to choose more than one. Maybe:
<input type="checkbox" name="damcolor[]" value="chocolate">
<input type="checkbox" name="damcolor[]" value="cream">The user could choose one, the other, or both colors and the script would get the answers in an array. If they chose both colors, for example, the script would see:
$_POST['damcolor'] = array(
[0] => "chocolate"
[1] => "cream"
)

amoehring
05-19-2010, 01:21 AM
OMG! Thank you guys all so much for these tips - I greatly appreciate all the help in getting me to understand what the heck I am doing ..... I am going to work on it a bit more later...On the brighter side I did figure out how to do a small database using MySQL in tutorials but have a long way to go to learn how to get it to compute the data using genetic rules and variables depending on what is selected but its a start. Now I am going to trudge back through my code - using brackets instead of <>, quote the attribute values, redo the multichoice and figure out how to do it on a css ....Anyone know of any good basic css tutorials?

traq
05-19-2010, 01:45 AM
slow down - [] do not replace <>. sorry if I gave that impression! they perform different functions. You tags still use <>. the [] is only for the input name attributes, to tell the server that it is supposed to be an array (and not a single value).



for tutorials try www.csstutorial.net or w3schools (http://www.w3schools.com/css/default.asp) (they have a cool "try-it" editor).

amoehring
05-19-2010, 02:34 AM
ohhh ok - I don't want to mess up the code djr33 fixed for me - thanks for the links! I will definately give those a go ...the more I am learning I am realizing I may have to redo my whole site instead of leaving it all garbled (it only works in ie and some older versions of opera) but one project at a time....work on this calculator as a learning tool (which is totally seperate from my site) then backtrack once I know more of what I am doing since it (sorta) works for now

traq
05-19-2010, 04:39 AM
it only works in ie...

lol, always a sign of trouble :p

djr33
05-19-2010, 04:40 AM
My post was unclear: you were having trouble inseting code into your post formatted as code.

Here WHEN POSTING, you can use special "bbcode" (bulletin board code) to make your post fancy.
This is completely unrelated to the html code.
But when you want to post html (or any other code) here, you can surround it with
....... tags. Then it will appear like it I fixed it before.
I didn't change your code at all-- I just wrapped it in the code tags (for the post only) so it's easier to read than just pasting it in as regular text.

Here's an example:

<a href="http://google.com">google</a>

<a href="http://google.com">google</a>


Note: this is also all available in the "advanced" editor through the buttons at the top-- it'll automatically generate the tags if you would rather do that.


One of the main reasons for doing this is so that it DOESN'T change your code-- when you post code inside the [code] blocks, it's ok. When you don't, sometimes certain things get changed, like turning URLs into links or :) into :).

amoehring
05-19-2010, 07:04 PM
Thank you djr for clearing that up for me - I knew I had to work on my code more, I was pretty frazzled yesterday and things were starting to blend together. I am so glad I found this place so now I feel like I am getting somewhere instead of running around in circles and hitting a brick wall or finding a shortcut to all of this and ruining my code even more.

I worked it some more (I know back to basics) and I am pretty happy with it now before I get too excited, add a css file and start tinkering around with php to add - I thought I would run it past you experts first......


<html>
<HEAD><TITLE>Test</TITLE>
<META content="MSHTML 6.00.2900.3676" name=GENERATOR>
</HEAD>
<BODY>
<form name="form1" method='post' action="CCalculator2.php">

<form name='form1' method='post' action='CCalculator2.php'>

<p style="font-size: Latge; text-align: center;"> Sire </p></td></tr>

<tr bgcolor='#ffffff'> <p style="font-size: small; text-align: left;"> Base Color</p> <input type='radio' name='sirebasecolor' value='one'>Black</font> <input type='radio' name='sirebasecolor' value='two'><font face='verdana' size='2'>Blue</font><input type='radio' name='sirebasecolor' value='three'><font face='verdana' size='2'>Chocolate</font><input type='radio' name='sirebasecolor' value='four'><font face='verdana' size='2'>Isabella</font> </td></tr>

<tr bgcolor='#ffffff'> <p style="font-size: small; text-align: left;"> Coat Color</p> <input type='radio' name='sirecoatcolor' value='one'>Black</font> <input type='radio' name='sirecoatcolor' value='two'><font face='verdana' size='2'>Blue</font><input type='radio' name='sirecoatcolor' value='three'><font face='verdana' size='2'>Chocolate</font> <input type='radio' name='sirecoatcolor' value='four'><font face='verdana' size='2'>Isabella</font><input type='radio' name='sirecoatcolor' value='five'><font face='verdana' size='2'>Cream</font> </td></tr>

<tr><td align=center bgcolor='#f1f1f1'> <p style="font-size: small; text-align: left;"> Patterns:</p> <input type='checkbox' name='sirepatterns' value='one'>Sable<input type='checkbox' name='sirepatterns' value='two'>Dapple <input type='checkbox'name='sirepatterns' value='three'>Tan Pointed <input type='checkbox'name='sirepatterns' value='four'>Cream Pointed<input type='checkbox'name='sirepatterns' value='five'>Piebald </td></tr>

<tr><td align=center bgcolor='#f1f1f1'> <p style="font-size: small; text-align: left;"> Carried Colors:</p> <input type='checkbox' name='sirecarriedcolors' value='one'>Chocolate<input type='checkbox' name='sirecarriedcolors' value='two'>Isabella<input type='checkbox'name='sirecarriedcolors' value='three'>Blue <input type='checkbox'name='sirecarriedcolors' value='four'>Cream</td></tr>

<tr><td align=center bgcolor='#f1f1f1'> <p style="font-size: small; text-align: left;"> Carried Patterns:</p><input type='checkbox'name='sirecarriedpatterns' value='three'>Tan Pointed <input type='checkbox'name='sirecarriedpatterns' value='four'>Cream Pointed<input type='checkbox'name='sirecarriedpatterns' value='six'>Piebald </td></tr>




<tr bgcolor='#ffffff'><td align=center ><input type=submit value=Submit> <input type=reset value=Reset></td></tr>

</table></form> </b></div></td></tr>
</table></form>
</body>
</html>

traq
05-19-2010, 08:23 PM
are any of those options supposed to be multiples, or are they all "choose only one"?

Also, you have duplicate <form> tags. You should eliminate one set of them.

Are you using a program to generate your code? Like frontpage, or dreamweaver or something? This line: <META content="MSHTML 6.00.2900.3676" name=GENERATOR> makes me think so. If so, it may be a fairly old program (or old version), which may explain why your code is not current.

If you're willing to learn, I'd recommend dropping the html editor and writing the code yourself in a program like notepad.

amoehring
05-20-2010, 12:56 AM
The base color and coat color are supposed to be 1 option only and the rest as many options as they want.

I am definately willing to learn how to do all of this - I want to get it right. I even went and checked out the new html rules and now have 20 pages of handwritten notes to refer to. Through different tutorials I am writing the code myself in notepad and seeing it on my computer in google chrome and trying it again in firefox to see how its turning out then I was copying and pasting it in bravenet's website text editor (where I have my account) then save it but when I do that it changes some of the code around and gets rid of the "" on the parts that are supposed to have them so I am going to try and upload it instead of copy and pasting it. Hopefully it will leave it alone.

This code is straight from my notepad before any editor changes it around on me after I realized what it was doing. I did copy it from the work I already did from bravenet's text editor and went from there. So besides the extra form element and meta generator element - its pretty much ready to upload and add the css files or does it still need some work?

traq
05-20-2010, 01:31 AM
any item you want to allow multiple selections on needs to have the square brackets at the end on the name: like name='sirepatterns[]' . I'd add some formatting to differentiate which checkboxes, etc., go with which options - right now, you have the <input> tags and the text all run together. clean it up a little more, like so:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Test</title>
</head>
<body>
<form name='form1' method='post' action='CCalculator2.php'>
<h2> Sire </h2>
<p style="font-size: small; text-align: left;"> Base Color<br>
<input type='radio' name='sirebasecolor' value='black'>Black<br>
<input type='radio' name='sirebasecolor' value='blue'>Blue<br>
<input type='radio' name='sirebasecolor' value='chocolate'>Chocolate<br>
<input type='radio' name='sirebasecolor' value='isabella'>Isabella
</p>
<p style="font-size: small; text-align: left;"> Coat Color<br>
<input type='radio' name='sirecoatcolor' value='black'>Black<br>
<input type='radio' name='sirecoatcolor' value='blue'>Blue<br>
<input type='radio' name='sirecoatcolor' value='chocolate'>Chocolate<br>
<input type='radio' name='sirecoatcolor' value='isabella'>Isabella<br>
<input type='radio' name='sirecoatcolor' value='cream'>Cream
</p>
<p style="font-size: small; text-align: left;"> Patterns:<br>
<input type='checkbox' name='sirepatterns[]' value='sable'>Sable<br>
<input type='checkbox' name='sirepatterns[]' value='dapple'>Dapple<br>
<input type='checkbox'name='sirepatterns[]' value='tanpointed'>Tan Pointed<br>
<input type='checkbox'name='sirepatterns[]' value='creampointed'>Cream Pointed<br>
<input type='checkbox'name='sirepatterns[]' value='piebald'>Piebald
</p>
<p style="font-size: small; text-align: left;"> Carried Colors:<br>
<input type='checkbox' name='sirecarriedcolors[]' value='chocolate'>Chocolate<br>
<input type='checkbox' name='sirecarriedcolors[]' value='isabella'>Isabella<br>
<input type='checkbox' name='sirecarriedcolors[]' value='blue'>Blue<br>
<input type='checkbox' name='sirecarriedcolors[]' value='cream'>Cream
</p>
<p style="font-size: small; text-align: left;"> Carried Patterns:<br>
<input type='checkbox' name='sirecarriedpatterns[]' value='tan'>Tan Pointed<br>
<input type='checkbox'name='sirecarriedpatterns[]' value='creampointed'>Cream Pointed<br>
<input type='checkbox'name='sirecarriedpatterns[]' value='piebald'>Piebald
</p>
<p>
<input type=submit value=Submit>&nbsp;&nbsp;|&nbsp;&nbsp;<input type=reset value=Reset>
</form>
</body>
</html>
It'll look something like this (you can add more styling via css, e.g., maybe have each <p> float next to each other instead of stacking up vertically):
http://www.custom-anything.com/sand/formtest.jpg

amoehring
05-20-2010, 02:05 AM
Wow that looks awesome!!! With that I could add the Dam's options right next to it and leave it on one page instead of them each having thier own pages - less confusing when people fill it out .... Thanks!! :D