onCheck command?: Javascript

by: abelPosted on 2009-08-11 at 13:35:05ID: 25073114

the event you are probably looking for is onchange.

by: Awake_in_naptownPosted on 2009-08-11 at 13:41:44ID: 25073200

Of course! onChance is makes perfect sense :) But the event still isn't triggering... Any ideas as to why?

<br>
	&nbsp&nbsp&nbsp&nbsp
		<input type="checkbox" name="1_c" value="Completed" onChange="document.getElementById('1_c_i').style.display='none'"> 
			Requested phone number for the Resolver.
<div id="1_c_i" style="display: none">			&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
						Resolvers Number: <input type="textbox" name="Resolver_Number" size="32"></input>
</div>

1:
2:
3:
4:
5:
6:
7:

Select all Open in new window

by: HonorGodPosted on 2009-08-11 at 13:45:20ID: 25073232

onclick works for me...

<html>
<body>
 
<input type='checkbox' onclick='alert("Hi")'>
 
</body>
</html>

1:
2:
3:
4:
5:
6:
7:

Select all Open in new window

by: HonorGodPosted on 2009-08-11 at 13:46:26ID: 25073243

Check to see if you have that same id attribute elsewhere on your page...

by: Awake_in_naptownPosted on 2009-08-11 at 13:49:02ID: 25073260

Honorgod,

I do not have the same ID attribute elsewhere, though that was a good thought. I'll post up the entire document I'm working on, lets see if we can figure out what's going on here.

(Please note, there are several sections of this code that aren't functional, I'm aware of this :)

<!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">
	<head>
 
 
 
<SCRIPT LANGUAGE="JavaScript">
 
 
 
<!-- This script and many more are available free online at -->
 
<!-- The JavaScript Source!! http://javascript.internet.com -->
 
<!-- Original:  Nick Baker -->
 
<!-- Begin
 
// Cookie Functions  ////////////////////  (:)
 
 
 
// Set the cookie.
 
// SetCookie('your_cookie_name', 'your_cookie_value', exp);
 
 
 
// Get the cookie.
 
// var someVariable = GetCookie('your_cookie_name');
 
 
 
var expDays = 100;
 
var exp = new Date(); 
 
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
 
 
 
function getCookieVal (offset) {  
 
	var endstr = document.cookie.indexOf (";", offset);  
 
	if (endstr == -1) { endstr = document.cookie.length; }
 
	return unescape(document.cookie.substring(offset, endstr));
 
}
 
 
 
function GetCookie (name) {  
 
	var arg = name + "=";  
 
	var alen = arg.length;  
 
	var clen = document.cookie.length;  
 
	var i = 0;  
 
	while (i < clen) {    
 
		var j = i + alen;    
 
		if (document.cookie.substring(i, j) == arg) return getCookieVal (j);    
 
		i = document.cookie.indexOf(" ", i) + 1;    
 
		if (i == 0) break;   
 
	}  
 
	return null;
 
}
 
 
 
function SetCookie (name, value) {  
 
	var argv = SetCookie.arguments;  
 
	var argc = SetCookie.arguments.length;  
 
	var expires = (argc > 2) ? argv[2] : null;  
 
	var path = (argc > 3) ? argv[3] : null;  
 
	var domain = (argc > 4) ? argv[4] : null;  
 
	var secure = (argc > 5) ? argv[5] : false;  
 
	document.cookie = name + "=" + escape (value) + 
 
	((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + 
 
	((path == null) ? "" : ("; path=" + path)) +  
 
	((domain == null) ? "" : ("; domain=" + domain)) +    
 
	((secure == true) ? "; secure" : "");
 
}
 
 
 
// cookieForms saves form content of a page.
 
 
 
// use the following code to call it:
 
//  <body onLoad="cookieForms('open', 'form_1', 'form_2', 'form_n')" onUnLoad="cookieForms('save', 'form_1', 'form_2', 'form_n')">
 
 
 
// It works on text fields and dropdowns in IE 5+
 
// It only works on text fields in Netscape 4.5
 
 
 
 
 
function cookieForms() {  
 
	var mode = cookieForms.arguments[0];
 
	
 
	for(f=1; f<cookieForms.arguments.length; f++) {
 
		formName = cookieForms.arguments[f];
 
		
 
		if(mode == 'open') {	
 
			cookieValue = GetCookie('saved_'+formName);
 
			if(cookieValue != null) {
 
				var cookieArray = cookieValue.split('#cf#');
 
				
 
				if(cookieArray.length == document[formName].elements.length) {
 
					for(i=0; i<document[formName].elements.length; i++) {
 
					
 
						if(cookieArray[i].substring(0,6) == 'select') { document[formName].elements[i].options.selectedIndex = cookieArray[i].substring(7, cookieArray[i].length-1); }
 
						else if((cookieArray[i] == 'cbtrue') || (cookieArray[i] == 'rbtrue')) { document[formName].elements[i].checked = true; }
 
						else if((cookieArray[i] == 'cbfalse') || (cookieArray[i] == 'rbfalse')) { document[formName].elements[i].checked = false; }
 
						else { document[formName].elements[i].value = (cookieArray[i]) ? cookieArray[i] : ''; }
 
					}
 
				}
 
			}
 
		}
 
				
 
		if(mode == 'save') {	
 
			cookieValue = '';
 
			for(i=0; i<document[formName].elements.length; i++) {
 
				fieldType = document[formName].elements[i].type;
 
				
 
				if(fieldType == 'password') { passValue = ''; }
 
				else if(fieldType == 'checkbox') { passValue = 'cb'+document[formName].elements[i].checked; }
 
				else if(fieldType == 'radio') { passValue = 'rb'+document[formName].elements[i].checked; }
 
				else if(fieldType == 'select-one') { passValue = 'select'+document[formName].elements[i].options.selectedIndex; }
 
				else { passValue = document[formName].elements[i].value; }
 
			
 
				cookieValue = cookieValue + passValue + '#cf#';
 
			}
 
			cookieValue = cookieValue.substring(0, cookieValue.length-4); // Remove last delimiter
 
			
 
			SetCookie('saved_'+formName, cookieValue, exp);		
 
		}	
 
	}
 
}
 
//  End -->
 
</script>
 
<script>
function passText() {
var obj = document.worklog;
var CS_01 = document.worklog.CS_01.value;
var CS_02 = document.worklog.CS_02.value;
var CS_03 = document.worklog.CS_03.value;
var CS_04 = document.worklog.CS_04.value;
var CS_05 = document.worklog.CS_05.value;
var CS_06 = document.worklog.CS_06.value;
var CS_07 = document.worklog.CS_07.value;
var CS_08 = document.worklog.CS_08.value;
var CS_09 = document.worklog.CS_09.value;
var CS_10 = document.worklog.CS_10.value;
var CS_11 = document.worklog.CS_11.value;
var CS_12 = document.worklog.CS_12.value;
var CS_13 = document.worklog.CS_13.value;
var CS_14 = document.worklog.CS_14.value;
 
 
{
  obj.copied_data.value = 
	"Application/Service(s) affected: " + 
		CS_01 + 
	"\nSites affected: " + 
		CS_02 + 
	"\nTechnical Owner(s): " + 
		CS_03 + 
	"\nSDM Name: " +
 		CS_04 +
	"\nApplication Owner: " +
		CS_05 +
	"\nResolver Name: " +
		CS_06 + 
	"\nIncident Manager: "+
		CS_07 + 
	"\nTicket #: " +
		CS_08 +
	"\n\nWhat is the Critical Event?: \n" +
		CS_09 +
	"\n\nWhat is the application/service used for?: \n" + 
		CS_10 +
	"\n\nWho is working on it?: \n" +
		CS_06 +
	"\n\nWhat is being done?: \n" +
		CS_11 +
	"\n\nHow is this impacting business?: \n" +
		CS_12 +
	"\n\nWhen did this event occur, and when will service be restored?: \n" +
	"\n1.) Incident occurred time: " +
		CS_13 +
	"\n2.) Incident estimated resolved/workaround time: " +
		CS_14 +
	"\n3.) Incident actual resolved/workaround time: ";
  obj.suggested_summary.value = "Crit Sit / Initial / " + CS_02 + " / Ticket # " + CS_08 + " / " + CS_01;
}
}
</script>
	</head>
<body onload="cookieForms('open', 'worklog')" onunload="cookieForms('save', 'worklog')">
<center> 
<b> 
Incident Management Critical Event Checklist 
</b>
</center>
<br>
<form name="worklog">
<br>
	1. Receiving the call. 
<br>
		<input type="button" value="Time Stamp"></input>
<br>
	&nbsp&nbsp&nbsp&nbsp
		<input type="checkbox" name="1_a" value="Completed"> 
			Verifed with Help Desk that status board update has been created for issue. 
<br>
	&nbsp&nbsp&nbsp&nbsp
		<input type="checkbox" name="1_b" value="Completed"> 
			Placed call to Help Desk to ensure that message is accurate. 
<br>
	&nbsp&nbsp&nbsp&nbsp
		<input type="checkbox" name="1_c" value="Completed" onchange="document.getElementById('1_c_i').style.display='none'"> 
			Requested phone number for the Resolver.
<div id="1_c_i" style="display: none">			&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
						Resolvers Number: <input type="textbox" name="Resolver_Number" size="32"></input>
</div>							
<br>
	&nbsp&nbsp&nbsp&nbsp
		<input type="checkbox" name="1_d" value="Completed"> 
			Requested phone number for the user. 
					<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
						Users number: 
							<input type="textbox" name="Users_Number" size="32"></input>
<br>
	&nbsp&nbsp&nbsp&nbsp
		<input type="checkbox" name="1_e" value="Completed"> 
			Are there multiple devices affected that span multiple platforms? 
				<select name="1_e_i" onChange="document.getElementById('1_e_i_1').style.display=this.options[this.selectedIndex].value=='Yes'?'':'none'">
					<option selected value="N/A"> </option>
					<option value="Yes">Yes</option>
					<option value="No">No</option>
				</select>
					<div Id="1_e_i_1" style="display: none">
						&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
							Are DB servers affected?
								<select name="1_e_i_1_a">
									<option value="N/A" selected> </option>
									<option value="Yes">Yes</Option>
									<option value="No">No</option>
`								</select>
					</div>
<br>
<br>
	2. Contacting the Resolver. 
<br>
		<input type="button" value="Time Stamp"></input>
<br>
	&nbsp&nbsp&nbsp&nbsp
		<input type="checkbox" name="2_a" value="Completed">
			Verified information given to Resolver. 
<br>
	&nbsp&nbsp&nbsp&nbsp
		<input type="checkbox" name="2_b" value="Completed">
			Is this issue actually a Severity 1 situation?
				<select name="2_b_i" onChange="document.getElementById('2_b_i_1').style.display=this.options[this.selectedIndex].value=='Yes'?'':'none';document.getElementById('critsit').style.display=this.options[this.selectedIndex].value=='Yes'?'':'none'" />
					<option value="N/A" selected> </option>
					<option value="Yes">Yes</option>
					<option value="No">No</option>
				</select>
<!!! Remainder of form here !!!>
	
		<div ID="critsit" style="display: none">&nbsp&nbsp&nbsp&nbsp&nbsp<input type="checkbox" name="2_c" value="Completed">
			Gathered Crit Sit information: </div> <div ID="CS_update" style="display: none"> <input type="button" value="Update" onclick="document.getElementById('2_b_i_1').style.display='none'"> </div>
<div ID="2_b_i_1" style="display: none">
				<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
					Updated Information: 
						<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<textarea name="CS_update2" cols="35" rows="4"></textarea>
				<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
					Application/Service(s) affected: 
						<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="textbox" name="CS_01" size="32"></input>
				<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
					Site(s) affected: 
						<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="textbox" name="CS_02" size="32"></input>
				<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
				  	Technical Owner(s): 
						<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="textbox" name="CS_03" size="32"></input>
				<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
					SDM Name: 
						<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="textbox" name="CS_04" size="32"></input>
				<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
					Application Owner: 
						<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="textbox" name="CS_05" size="32"></input>
				<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
					Resolver Name: 
						<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="textbox" name="CS_06" size="32"></input>
				<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
					Incident Manager:
						<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="textbox" name="CS_07" size="32"></input>
				<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
					Ticket number: 
						<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="textbox" name="CS_08" size="32"></input>
				<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
					Issue Reported?:
						<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<textarea name="CS_09" cols="35" rows="4"></textarea>
				<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					What is this application/service used for?:
						<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<textarea name="CS_10" cols="35" rows="4"></textarea>
				<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					What is being done?:
						<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<textarea name="CS_11" cols="35" rows="4"></textarea>
				<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					How is this impacting business?:
						<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<textarea name="CS_12" cols="35" rows="4"></textarea>
				<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					When did this event occur, and when will service be restored?
						<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
							1.) Incident occurred time: 
								<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="textbox" name="CS_13" size="32"></input>
						<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
							2.) Incident estimated resolved/workaround time: 
								<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="textbox" name="CS_14" size="32"></input>
 
	<p>
 
		<input type="button" value="Suggest CRIT SIT" onclick="passText()">
	<br>
	<p>
	Suggested summary line :
	<br>	 
		<textarea name="suggested_summary" Cols="50" rows="1"></textarea>
	<br><p>
	Suggested CRIT SIT email:
	<br>		   
		   <textarea name="copied_data" cols="50" Rows="10"></textarea>
	<br><p> <input type="button" value="Hide CRIT SIT" onclick="document.getElementById('2_b_i_1').style.display='none';document.getElementById('CS_update').style.display='none'">
	<br><p>	
		   <input type="reset" value="reset form">
 
 
 
</div>
	<br>
	&nbsp&nbsp&nbsp&nbsp
		<input type="checkbox" name="2_c" value="Completed"> 
			Did the information provided to you by the Help Desk technician match the information provided to you by the Resolver? 
				<select name="2_c_i" onChange="document.getElementById('2_c_i_1').style.display=this.options[this.selectedIndex].value=='No'?'':'none'">
					<option value="N/A"> </option>
					<option value="Yes">Yes</option>
					<option value="No">No</option>
				</select>
<div id="2_c_i_1" style="display: none">
	&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
		Please contact the helpdesk at <b>Ext. 7997</b> and request that they update the VRU accordingly.
</div>

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:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:

Select all Open in new window

by: Awake_in_naptownPosted on 2009-08-11 at 13:49:52ID: 25073271

I should probably note that the lines we're focusing on are 295 - 301.

by: HonorGodPosted on 2009-08-11 at 13:54:42ID: 25073319

I'm sorry, but I'm confused.

The div is already hidden (style='display:none')

what do you expect checkbox event handler to to?

You have it set the style='display:none'

by: HonorGodPosted on 2009-08-11 at 13:57:26ID: 25073342

If you want the checkbox to hide/show the div, you need something a little more complex.

Better would be to have a function like this.

and the onclick be something like:

<input type="checkbox" name="1_c" value="Completed" onchange="toggle('1_c_i')">

function toggle( id ) {
  var ele = document.getElementById( id );
  if ( ele ) {
    ele.style.display = ( ele.style.display == 'none' ) ? 'inline' : 'none';
  }
}

1:
2:
3:
4:
5:
6:

Select all Open in new window

by: Awake_in_naptownPosted on 2009-08-11 at 13:57:38ID: 25073345

Correct, the section should become visible if the box is checked. Other wise the section should be hidden. Once the check box is marked the div section should become visible, much like with lines 347-349, which works just fine.

by: Awake_in_naptownPosted on 2009-08-11 at 14:01:24ID: 25073399

Hm... interesting! I wouldn't have thought to simply add a toggle function like that. I think you may just have simplified a lot of my code haha! Thank you very much!

And it works perfect for the checkbox in question. :)

by: Awake_in_naptownPosted on 2009-08-11 at 14:02:18ID: 31614424

Excellent advice that has made this whole process much easier. Kudos HonorGod!

by: Awake_in_naptownPosted on 2009-08-11 at 14:04:27ID: 25073435

If I may ask another question of you. How would you use this for the <select> sections? for instance, in the code below, if the option "Yes" is selected, how would you use this function to make the section visible?

<br>
	&nbsp&nbsp&nbsp&nbsp
		<input type="checkbox" name="1_e" value="Completed"> 
			Are there multiple devices affected that span multiple platforms? 
				<select name="1_e_i" onChange="document.getElementById('1_e_i_1').style.display=this.options[this.selectedIndex].value=='Yes'?'':'none'">
					<option selected value="N/A"> </option>
					<option value="Yes">Yes</option>
					<option value="No">No</option>
				</select>
					<div Id="1_e_i_1" style="display: none">
						&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
							Are DB servers affected?
								<select name="1_e_i_1_a">
									<option value="N/A" selected> </option>
									<option value="Yes">Yes</Option>
									<option value="No">No</option>
`								</select>
					</div>
<br>

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:

Select all Open in new window

by: Awake_in_naptownPosted on 2009-08-11 at 14:07:45ID: 25073467

Actually, I think I've got it. Does this look correct?

<br>
	&nbsp&nbsp&nbsp&nbsp
		<input type="checkbox" name="1_e" value="Completed"> 
			Are there multiple devices affected that span multiple platforms? 
				<select name="1_e_i" onChange="toggle('1_e_i_1')=this.options[this.selectedIndex].value=='Yes'?'">
					<option selected value="N/A"> </option>
					<option value="Yes">Yes</option>
					<option value="No">No</option>
				</select>
					<div Id="1_e_i_1" style="display: none">
						&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
							Are DB servers affected?
								<select name="1_e_i_1_a">
									<option value="N/A" selected> </option>
									<option value="Yes">Yes</Option>
									<option value="No">No</option>
`								</select>
					</div>
<br>

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:

Select all Open in new window

by: HonorGodPosted on 2009-08-11 at 14:27:26ID: 25073652

From what I can see, it appears reasonable

by: HonorGodPosted on 2009-08-11 at 14:28:24ID: 25073667

Thank you for the kind words, the grade and points.

I'm glad to know that I was able to help.

Good luck & have a great day.

Question

onCheck command?

Subscribe now for full access to Experts Exchange and get

Instant Access to this Solution

Javascript

JavaScript

Trusted by hundreds of thousands everyday for fast, accurate and reliable tech support.

See what Experts Exchange can do for you.

Got a question?

We've got the answer.

Need individual assistance?

Our experts are ready to help.

Want to learn from the best?

Read articles from industry experts.

Working on a long term project?

Store your work and research.

What Makes Experts Exchange Unique?

Trusted by the world's most respected brands.

Faithfully serving IT professionals since 1996.

Related Solutions

Free Tech Articles

Cloud Class Webinars

Join the Community

Give a Little. Get a Lot.

Answers

3 Ways to Join

The Experts

The Experts

Testimonials

Testimonials

Testimonials

Business Clients

Business Clients

In the Press

In the Press

In the Press