/    Sign up×
Community /Pin to ProfileBookmark

Newbie – problem with table and radio checkbox

Hi,

I found this form script and adapted it to my needs.

1.I can not find how to put the following html page in two cols (to the left “Personal data”, next to it to the right “Requested brochures”), the one always is under the other.

2.The “radio” checkboxes (Yes/No) do not work properly. When I click one of them, the other remains checked.

Could you take a look and correct the script?

Thanks for helping me. This is the last page necessary for me to finally publish my website. 🙂

JS

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

<html>
<head>
<title>Untitled</title>
</head>
<body>

<HTML>
<HEAD>
<TITLE>Response-O-Matic Form</TITLE>
</HEAD>
<img border=”0″ src=”MBADBAInfocentre.jpg” width=”778″ height=”87″></a></td>
<td height=”61″ valign=”top” width=”160″>
<p align=”center” style=”margin-top: 0; margin-bottom: 0″>
<BODY BGCOLOR=”#FFFFFF”>
<FORM action=”http://www.response-o-matic.com/cgi-bin/rom.pl” method=”POST”> <H1><CENTER>&nbsp;</CENTER></H1> <H1><CENTER>
<FONT COLOR=”#000099″><font color=”#333333″><font size=”5″>Brochure & Information Request Center</font></FONT> <p>
<FONT COLOR=”#000099″><font color=”#333333″><font size=”2″>Please fill all fields in the form below and re-check them before submitting,</font><br>
<FONT COLOR=”#000099″><font color=”#333333″><font size=”2″>this will ensure the brochures or the information requested will reach you correctly. Thank you.</font>
</FONT></CENTER></H1> <H3><CENTER>

<INPUT TYPE=”hidden” NAME=”your_email_address”
VALUE=”[email protected]“>
<INPUT TYPE=”hidden” NAME=”visitor_name”
VALUE=”Customer Service Department”>
<INPUT TYPE=”hidden” NAME=”email_subject_line”
VALUE=”Brochure & information request”>
<INPUT TYPE=”hidden” NAME=”required_fields” VALUE=”visitor_email_address,visitor_name,visitor_age,visitor_address1,visitor_city,visitor_state,visitor_zip,visitor_country”> <INPUT TYPE=”hidden” NAME=”thank_you_title”
VALUE=”Thank you for completing the form!”>
<INPUT TYPE=”hidden” NAME=”return_link_url”
VALUE=”http://www.mba-dba-info“>
<INPUT TYPE=”hidden” NAME=”return_link_name”
VALUE=”Back”>
<INPUT TYPE=”hidden” NAME=”background_color”
VALUE=”#FFFFFF”>
<INPUT TYPE=”hidden” NAME=”text_color”
VALUE=”#0000FF”>
<INPUT TYPE=”hidden” NAME=”link_color”
VALUE=”#0000FF”>
<INPUT TYPE=”hidden” NAME=”visited_link_color”
VALUE=”#8000FF”>
<INPUT TYPE=”hidden” NAME=”active_link_color”
VALUE=”#0000FF”>
</CENTER></H3>
<P>
<H4>&nbsp;</H4> <BLOCKQUOTE><P>
<TABLE BORDER=0 CELLSPACING=0> <TR> <TD WIDTH=116>
<tr>
<H3>Personal data</H3>
<td width=”30%” height=”22″><font color=”000099″><font size=”3″>Name</font></td>
<td width=”70%” height=”22″><font face=”Arial”>
<input type=”text” name=”visitor_name” size=”20″></font></td>
</tr>
<tr>
<td width=”30%” height=”22″><font color=”000099″><font size=”3″>Age</font></td>
<td width=”70%” height=”22″><font face=”Arial”>
<input type=”text” name=”visitor_age” size=”8″></font></td>
</tr>
<tr>
<td width=”30%” height=”22″><font color=”000099″><font size=”3″>Email Address</font></td>
<td width=”70%” height=”22″><font face=”Arial”>
<input type=”text” name=”visitor_email_address” size=”20″></font></td>
</tr>
<tr>
<td width=”30%” height=”22″><font color=”000099″><font size=”3″>Address 1</font></td>
<td width=”70%” height=”22″><font face=”Arial”>
<input type=”text” name=”visitor_address1″ size=”20″></font></td>
</tr>
<tr>
<td width=”30%” height=”22″><font color=”000099″><font size=”3″>Address 2</font></td>
<td width=”70%” height=”22″><font face=”Arial”>
<input type=”text” name=”visitor_address2″ size=”20″></font></td>
</tr>
<tr>
<td width=”30%” height=”22″><font color=”000099″><font size=”3″>City </font></td>
<td width=”70%” height=”22″><font face=”Arial”>
<input type=”text” name=”visitor_city” size=”20″></font></td>
</tr>
<tr>
<td width=”30%” height=”22″><font color=”000099″><font size=”3″>State/ Province</font></td>
<td width=”70%” height=”22″><font face=”Arial”>
<input type=”text” name=”visitor_state” size=”20″></font></td>
</tr>
<tr>
<td width=”30%” height=”22″><font color=”000099″><font size=”3″>Zip/ Post Code</font></td>
<td width=”70%” height=”22″><font face=”Arial”>
<input type=”text” name=”visitor_zip” size=”11″></font></td>
</tr>
<tr>
<td width=”30%” height=”22″><font color=”000099″><font size=”3″>Country</font></td>
<td width=”70%” height=”22″><font face=”Arial”>
<input type=”text” name=”visitor_country” size=”20″></font></td>
</tr>
<tr>
<td width=”100%” colspan=”2″ height=”19″>&nbsp;</td>
</tr>
</TABLE>
<H6>We will not sell, trade, or rent your personal information to others.
If you have questions about our privacy practices, please contact us using this form.</H6><P><br>
<H3>Requested brochures</H3><P>
<H4>International Schools:</H4><P>
<INPUT TYPE=”checkbox” NAME=”Requested brochures” VALUE=”International School of Management – France” CHECKED>International School of Management – France<BR>
<INPUT TYPE=”checkbox” NAME=”Requested brochures” VALUE=”Weller International School – France” >Weller International School – France<BR>
<INPUT TYPE=”checkbox” NAME=”Requested brochures” VALUE=”Maastricht School of Management – The Netherlands”>Maastricht School of Management – The Netherlands<BR>
<INPUT TYPE=”checkbox” NAME=”Requested brochures” VALUE=”Weller International School – France” >Weller International School – France<BR>

<H4>International insurance:</H4><P>
<INPUT TYPE=”checkbox” NAME=”Requested brochures” VALUE=”International Student Insurance” CHECKED>International Student Insurance <br>
<INPUT TYPE=”checkbox” NAME=”Requested brochures” VALUE=”U.S. Student Insurance”>U.S. Student Insurance <br>
<INPUT TYPE=”checkbox” NAME=”Requested brochures” VALUE=”International Student Insurance Extra”>International Student Insurance Extra <br>
<INPUT TYPE=”checkbox” NAME=”Requested brochures” VALUE=”International Citizens – Expatriates Insurance”>International Citizens – Expatriates Insurance <br>
<INPUT TYPE=”checkbox” NAME=”Requested brochures” VALUE=”RoundTrip – Trip Cancellation Insurance”>RoundTrip – Trip Cancellation Insurance</P>

<P>&nbsp;
</P> <H3>I want to receive news and updates via e-mail from MBA-DBA Infocentre.</H3> <P>
<INPUT TYPE=”radio” NAME=”I want to receive offers via e-mail from MBA-DBA Infocentre and send me the free International Student Handbook – France (PDF format).” VALUE=”Yes” >Yes, and send me the free International Student Handbook – France (PDF format).<BR>
<INPUT TYPE=”radio” NAME=”I want to receive offers via e-mail from MBA-DBA Infocentre.” VALUE=”No”>No.<BR>

</P></BLOCKQUOTE> <P>&nbsp;</P> <BLOCKQUOTE><H3>Please add your comments and suggestions.</H3> <P><TEXTAREA NAME=”Comment” ROWS=5 COLS=50></TEXTAREA></P> </BLOCKQUOTE> <H4>&nbsp;</H4> <BLOCKQUOTE><P><INPUT TYPE=”submit” NAME=”Submit” VALUE=”Submit”><INPUT TYPE=”reset” VALUE=”Reset”></P></BLOCKQUOTE> <P>&nbsp;</P> </FORM> </BODY> </HTML>

</body>
</html>

to post a comment
HTML

3 Comments(s)

Copy linkTweet thisAlerts:
@Da_WarriahJul 23.2003 — with both radio buttons and checkboxes, the name attribute sets a sort of category for themselves...so if you have two separate sets of radio buttons, you can choose one from each...so your name attribute for the radio buttons need to be the same, and the values will be what determines which button was clicked...

that make sense?
Copy linkTweet thisAlerts:
@jsobotaauthorJul 23.2003 — Thanks Warriah, now it works. Maybe you can help me also about the columns subject?

Thanks

JS
Copy linkTweet thisAlerts:
@blindrainJul 24.2003 — this is what needs to be done

[CODE]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<TITLE>Response-O-Matic Form</TITLE>

</head>
<BODY BGCOLOR="#FFFFFF">

<table><tr><td colspan="2">
Banner</td></tr>
<tr>
<td height="61" valign="top" width="160">
Left Side
</td>
<td>
Right side
</td></tr></table>

</body>
</html>[/CODE]
×

Success!

Help @jsobota spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...