Advertisement

06.06.2008 at 02:02PM PDT, ID: 23465108
[x]
Attachment Details

Using a checkbox to dynamically change the attributes of a Form

Asked by dm404 in JavaScript, Hypertext Markup Language (HTML), Extensible HTML (XHTML)

Tags: Javascript, PHP, HTML

Hello there,

I was wondering if this was at all possible? Is it hard?

Basically I have a form that adds events. Fields include EventName, EventDate, EventTime, EventPrice, EventFlyer and EventDescription. Also VenueID is a hidden form input.

You have two options.

1) Add events with Flyer (Image).
2) Add events without Flyer.

I would like to use a checkbox that when clicked will display the Add file part of the form. Also if it is checked I want it to shorten the limit of my text area for the EventDescription.

So the default view will not display the add file but have an unchecked checkbox AND have an increased text area for EventDescription say rows="5" cols="100".

When the checkbox is checked the Add file part will appear AND have a decreased text area for EventDescription say rows="4" columns="100".

I already have two bits of JS in the form. The EventDate calls on a calendar and EventDescription has JS to show how many characters are left.

I appreciate this is a long winded question but I very much need your help.

Thanks in advance,

Daniel
Start Free Trial 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:

<form enctype="multipart/form-data" action="venue.php" method="post">
 
<div>
<fieldset>
<b>Add Event</b><br/>
<p>Event name: <input type="text" name="eventname" size="20" maxlength="60" value="<?php if (isset($_POST['eventname'])) echo $_POST['eventname']; ?>" /> Event date: <input onclick="ds_sh(this);" name="eventdate" readonly="readonly" style="cursor: text" size="20" value="<?php if (isset($_POST['eventdate']))echo$_POST['eventdate']?>"/> Event start time:<select name="eventtime">
<option value="00:00:00">00:00</option>
<option value="00:30:00">00:30</option>
<option value="01:00:00">01:00</option>
<option value="01:30:00">01:30</option>
<option value="02:00:00">02:00</option>
<option value="02:30:00">02:30</option>
<option value="03:00:00">03:00</option>
<option value="03:30:00">03:30</option>
<option value="04:00:00">04:00</option>
<option value="04:30:00">04:30</option>
<option value="05:00:00">05:00</option>
<option value="05:30:00">05:30</option>
<option value="06:00:00">06:00</option>
<option value="06:30:00">06:30</option>
<option value="07:00:00">07:00</option>
<option value="07:30:00">07:30</option>
<option value="08:00:00">08:00</option>
<option value="08:30:00">08:30</option>
<option value="09:00:00">09:00</option>
<option value="09:30:00">09:30</option>
<option value="10:00:00">10:00</option>
<option value="10:30:00">10:30</option>
<option value="11:00:00">11:00</option>
<option value="11:30:00">11:30</option>
<option value="12:00:00">12:00</option>
<option selected value="">SELECT</option>
<option value="12:30:00">12:30</option>
<option value="13:00:00">13:00</option>
<option value="13:30:00">13:30</option>
<option value="14:00:00">14:00</option>
<option value="14:30:00">14:30</option>
<option value="15:00:00">15:00</option>
<option value="15:30:00">15:30</option>
<option value="16:00:00">16:00</option>
<option value="16:30:00">16:30</option>
<option value="17:00:00">17:00</option>
<option value="17:30:00">17:30</option>
<option value="18:00:00">18:00</option>
<option value="18:30:00">18:30</option>
<option value="19:00:00">19:00</option>
<option value="19:30:00">19:30</option>
<option value="20:00:00">20:00</option>
<option value="20:30:00">20:30</option>
<option value="21:00:00">21:00</option>
<option value="21:30:00">21:30</option>
<option value="22:00:00">22:00</option>
<option value="22:30:00">22:30</option>
<option value="23:00:00">23:00</option>
<option value="23:30:00">23:30</option>
</select> Entry price:<select name="eventprice">
<option selected value="">SELECT</option>
<option value="Free">Free</option>
<option value="£1">£1</option>
<option value="£2">£2</option>
<option value="£3">£3</option>
<option value="£4">£4</option>
<option value="£5">£5</option>
<option value="£6">£6</option>
<option value="£7">£7</option>
<option value="£8">£8</option>
<option value="£9">£9</option>
<option value="£10">£10</option>
<option value="£11">£11</option>
<option value="£12">£12</option>
<option value="£13">£13</option>
<option value="£14">£14</option>
<option value="£15">£15</option>
<option value="£16">£16</option>
<option value="£17">£17</option>
<option value="£18">£18</option>
<option value="£19">£19</option>
<option value="£20">£20</option>
<option value="£25">£25</option>
<option value="£30">£30</option>
<option value="£40">£40</option>
<option value="£50">£50</option>
</select></p>
 
 
<p>Add flyer (optional):<input type="file" name="eventflyer" size="30"></p>
 
 
<p>Event description:<textarea rows="5" cols="100" name="eventdescription"onkeypress="return checklength(this,500)"><?php if (isset($_POST['eventdescription']))echo$_POST['eventdescription']?></textarea></p><div id=lbllength></div>
 
<div align="center"><input type="submit" name="submit" value="Add Event" /></div>
	<input type="hidden" name="submitted" value="TRUE" />
</fieldset>
</div>
 
</form>
[+][-]06.06.2008 at 09:29PM PDT, ID: 21734210

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]06.07.2008 at 12:50AM PDT, ID: 21734602

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]06.09.2008 at 11:45AM PDT, ID: 21745535

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]06.09.2008 at 04:21PM PDT, ID: 21747425

View this solution now by starting your 7-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

 

About this solution

Zones: JavaScript, Hypertext Markup Language (HTML), Extensible HTML (XHTML)
Tags: Javascript, PHP, HTML
Sign Up Now!
Solution Provided By: Bane83
Participating Experts: 1
Solution Grade: B
 
 
[+][-]06.09.2008 at 04:22PM PDT, ID: 21747432

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]06.10.2008 at 11:56AM PDT, ID: 21753939

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]06.10.2008 at 08:15PM PDT, ID: 21756519

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]06.12.2008 at 01:53AM PDT, ID: 21767300

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
 
Loading Advertisement...
20080716-EE-VQP-32 / EE_QW_2_20070628