LECODEJAVA.COM : JAVASCRIPT - LE CODE JAVASCRIPT : Selection d'options

SELECTION D'OPTION

DEMONSTRATION

IL FAUT SELECTIONNER 2 OPTIONS ?

	Firefox	Mozilla	Netscape	Opera	Internet Explorer
Options

LE CODE JAVASCRIPT : Selection d'options

Accueil Divers HTML

.outerBorder {
	border-top: #FF8600 2px solid;
	border-left: #ff8600 2px solid;
	border-bottom: #ff8600 2px solid;
	border-right: #ff8600 2px solid;
	background-color:#ffffff;		
}

tr.checkboxOptions {
	background-color: #c4cff1;
}

tr.checkboxBackground {
	background-color: #ffffcc;
}

td.question {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

td.serialNo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.normalText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;	
	text-decoration: none;	
}

.checkBoxText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;	
	text-decoration: none;
	
}

</style>

<tr>
			<td cellspacing="0" cellpadding="0" class="serialNo" align="left" height="30" width="2%">1.</td>
			<td cellspacing="0" cellpadding="0" class="question" align="left" height="30" width="98%">IL FAUT SELECTIONNER  2 OPTIONS ?
			</td>
		</tr>

<table class="outerBorder" border="0" cellpadding="1" cellspacing="0" width="90%">
				<tbody>
					<tr class="checkboxOptions">
						<td class="checkBoxText" align="center" height="30"> </td>
						<td class="checkBoxText" align="center" height="30">Firefox</td>						
						<td class="checkBoxText" align="center" height="30">Mozilla</td>
						<td class="checkBoxText" align="center" height="30">Netscape</td>
						<td class="checkBoxText" align="center" height="30">Opera</td>
						<td class="checkBoxText" align="center" height="30">Internet Explorer</td>
					</tr>

<tr class="checkboxBackground">
						<td class="normalText" align="right" height="30" width="15%"><font color="red">Options</font></td>
						<td align="center" height="30"><input type="checkbox" value="1" name="CheckBox1" onclick="return toggle(this)"></td>
						<td align="center" height="30"><input type="checkbox" value="1" name="CheckBox2" onclick="return toggle(this)"></td>
						<td align="center" height="30"><input type="checkbox" value="1" name="CheckBox3" onclick="return toggle(this)"></td>
						<td align="center" height="30"><input type="checkbox" value="1" name="CheckBox4" onclick="return toggle(this)"></td>
						<td align="center" height="30"><input type="checkbox" value="1" name="CheckBox5" onclick="return toggle(this)"></td>
					</tr>
				</tbody>
			</table>

</td>
		</tr>
	</tbody>
</table>

LECODEJAVA.com