<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">caption</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span>  IE <span class="emphasis">4</span>  DOM <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>L&acute;objet <span class="literal">caption</span> repr&eacute;sente l&acute;&eacute;l&eacute;ment <span class="literal">caption</span>, qui doit toujours &ecirc;tre imbriqu&eacute; dans un &eacute;l&eacute;ment <span class="literal">table</span>. IE pour Mac impl&eacute;mente les ensembles de propri&eacute;t&eacute;s client et de d&eacute;filement pour cet objet.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="htmlequivalent"><span class="title">Equivalent HTML</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;caption&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">R&eacute;f&eacute;rence de mod&egrave;le d'objet</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById("<span class="replaceable">elementID</span>")</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificproperties"><span class="title">Propri&eacute;t&eacute;s sp&eacute;cifiques &agrave; l&acute;objet</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td>
						<table border="1"><tbody><tr><td><span class="literal">align</span></td><td><span class="literal">vAlign</span></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificmethods"><span class="title">M&eacute;thodes sp&eacute;cifiques &agrave; l&acute;objet</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Aucune. </p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificeventhandlerproperties"><span class="title">Propri&eacute;t&eacute;s de gestionnaire d&acute;&eacute;v&eacute;nements sp&eacute;cifiques &agrave; l&acute;objet</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Aucune. </p>
					</td>
				</tr>
			</table>
		</div><div id="align">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">align</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span>  IE <span class="emphasis">4</span>  DOM <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Lecture/&eacute;criture</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>D&eacute;termine la position de la l&eacute;gende d'un tableau. Reportez-vous &agrave; l&acute;attribut <span class="literal">align</span> de l&acute;&eacute;l&eacute;ment <span class="literal">caption</span> dans le chapitre 8 pour plus de d&eacute;tails au sujet de l&acute;interaction entre les attributs et propri&eacute;t&eacute;s <span class="literal">align</span> et <span class="literal">vAlign</span> dans IE pour Windows. Le DOM W3C utilise la propri&eacute;t&eacute; <span class="literal">align</span> essentiellement pour positionner la l&eacute;gende au-dessus ou au-dessous du tableau.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Exemple</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("myCaption").align = "bottom";</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Valeur</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>L'une des constantes suivantes (sous forme de cha&icirc;ne): <span class="literal">bottom</span> | <span class="literal">left</span> | <span class="literal">right</span> | <span class="literal">top</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Par d&eacute;faut</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">top</span></p>
					</td>
				</tr>
			</table>
		</div><div id="vAlign">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">vAlign</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">s.o.</span>  IE <span class="emphasis">4  </span>DOM <span class="emphasis">s.o.</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Lecture/&eacute;criture</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Sp&eacute;cifie si la l&eacute;gende du tableau appara&icirc;t au-dessus ou au-dessous du tableau.</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Exemple</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.getElementById("tabCaption").vAlign = "bottom"</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Valeur</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Constante (sous forme de cha&icirc;ne) non sensible &agrave; la casse: <span class="literal">bottom</span> | <span class="literal">top</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Par d&eacute;faut</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">top</span></p>
					</td>
				</tr>
			</table>
		</div>

<div id="focus()">

			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">focus()</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Donne l'activation &agrave;partir de l'objet courant, moment auquel l'&eacute;v&eacute;nement <span class="literal">onfocus</span>  de l'objet se d&eacute;clenche. Remarque: La plage d'&eacute;l&eacute;ments capables d'activation et de fondu (l'&eacute;v&eacute;nement et la m&eacute;thode) est limit&eacute;e dans tous les navigateurs sauf dans les versions les plus r&eacute;centes de Microsoft Internet Explorer (reportez-vous &agrave;l'attribut <span class="literal">tabindex</span>  dans le chapitre 8). Pour une plus grande fiabilit&eacute; en ce qui concerne la compatibilit&eacute; ascendante, appliquez la m&eacute;thode <span class="literal">focus()</span>  &agrave;des &eacute;l&eacute;ments qui sont activables de fa&ccedil;on &eacute;vidente, tels que les &eacute;l&eacute;ments <span class="literal">input</span>  et <span class="literal">textarea</span> .
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td colspan="2"><p>Pour activer une zone de texte et pr&eacute;s&eacute;lectionner tout le texte de la zone, utilisez la s&eacute;quence des m&eacute;thodes <span class="literal">focus()</span>  et <span class="literal">select()</span>  sur l'&eacute;l&eacute;ment. Si cette s&eacute;quence doit se produire apr&egrave;s un changement de fen&ecirc;tre (par exemple, apr&egrave;s la fermeture d'une bo&icirc;te de dialogue d'alerte), placez les m&eacute;thodes dans une fonction ind&eacute;pendante et invoquez cette m&eacute;thode par le biais de la m&eacute;thode <span class="literal">setTimeout()</span>  apr&egrave;s la m&eacute;thode <span class="literal">alert()</span>  de la bo&icirc;te de dialogue. Cela permet &agrave;IE pour Windows d'ex&eacute;cuter les instructions dans l'ordre correct.
</p>
							</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Param&egrave;tres</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Aucune. </p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Valeur renvoy&eacute;e</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Aucune.</p>
					</td>
				</tr>
			</table>
		</div>
<div id="clientHeight, clientWidth">

			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">clientHeight, clientWidth</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">7 </span>IE <span class="emphasis">4 </span>DOM <span class="emphasis">s.o.</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements"><span class="emphasis">Lecture seule</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>En gros, ces propri&eacute;t&eacute;s fournissent la hauteur et la largeur du contenu de l'&eacute;l&eacute;ment, mais avec quelques variations mineures dans le remplissage de l'&eacute;l&eacute;ment selon les versions du syst&egrave;me d'exploitation de Microsoft Internet Explorer et les modes de compatibilit&eacute; contr&ocirc;l&eacute;s par la d&eacute;claration <span class="literal">DOCTYPE</span> . Non disponible pour certains types d'&eacute;l&eacute;ments dans IE pour Macintosh. Pour Netscape 7, les valeurs sont de z&eacute;ro, sauf quand le contenu d'un &eacute;l&eacute;ment d&eacute;passe de la zone visible, auquel cas les valeurs r&eacute;v&egrave;lent les dimensions de la zone visible (par exemple, la zone de contenu de la fen&ecirc;tre du navigateur pour l'&eacute;l&eacute;ment <span class="literal">document.body</span> ). Pour en savoir plus, reportez-vous &agrave;la section 9.2 au d&eacute;but de ce chapitre.
</p>
							</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Exemple</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var midHeight = document.body.clientHeight/2;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Valeur</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Valeur en pixels (nombre entier).</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Par d&eacute;faut</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">0</span>  </p>
					</td>
				</tr>
			</table>
		</div>
<div id="clientLeft, clientTop">

			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">clientLeft, clientTop</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">s.o.</span> IE <span class="emphasis">4 </span>DOM <span class="emphasis">s.o.</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements"><span class="emphasis">Lecture seule</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>En gros, ces propri&eacute;t&eacute;s fournissent les coordonn&eacute;es gauche et sup&eacute;rieure du contenu de l'&eacute;l&eacute;ment dans le cadre qui inclut le remplissage de l'&eacute;l&eacute;ment, mais avec des variations mineures selon les versions du syst&egrave;me d'exploitation de Microsoft Internet Explorer. Non disponible pour certains types d'&eacute;l&eacute;ments dans IE pour Macintosh. Pour en savoir plus, reportez-vous &agrave;la section 9.2 au d&eacute;but du pr&eacute;sent chapitre. Des informations plus utiles sur le positionnement des &eacute;l&eacute;ments internes proviennent g&eacute;n&eacute;ralement des propri&eacute;t&eacute;s <span class="literal">offsetLeft</span>  et <span class="literal">offsetTop</span>  (y compris dans Netscape 6). Pour les &eacute;l&eacute;ments positionn&eacute;s par CSS (y compris la modification de la position d'un &eacute;l&eacute;ment), utilisez les propri&eacute;t&eacute;s de l'objet <span class="literal">style</span> , telles que <span class="literal">left</span>  et <span class="literal">top</span> , et (dans IE uniquement) <span class="literal">pixelLeft</span>  et <span class="literal">pixelTop</span> .
</p>
							</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Valeur</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Valeur en pixels (nombre entier).</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Par d&eacute;faut</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">0</span>  </p>
					</td>
				</tr>
			</table>
		</div>
<div id="blur()">

			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">blur()</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Supprime l'activation de l'objet courant, moment auquel l'&eacute;v&eacute;nement <span class="literal">onblur</span>  de l'objet se d&eacute;clenche. Remarque: La plage d'&eacute;l&eacute;ments capables d'activation et de fondu (l'&eacute;v&eacute;nement et la m&eacute;thode) est limit&eacute;e dans tous les navigateurs sauf dans les versions les plus r&eacute;centes de Microsoft Internet Explorer (reportez-vous &agrave;l'attribut <span class="literal">tabindex</span>  dans le chapitre 8). Pour une plus grande fiabilit&eacute; en ce qui concerne la compatibilit&eacute; ascendante, appliquez la m&eacute;thode <span class="literal">blur()</span>  &agrave;des &eacute;l&eacute;ments qui sont activables de fa&ccedil;on &eacute;vidente, tels que les &eacute;l&eacute;ments <span class="literal">input</span>  et <span class="literal">textarea</span> . L'affectation de l'attribut <span class="literal">onfocus="this.blur();"</span>  &agrave;un &eacute;l&eacute;ment <span class="literal">input</span>  texte, par exemple, est une fa&ccedil;on grossi&egrave;re mais efficace en mati&egrave;re de compatibilit&eacute; ascendante de d&eacute;sactiver un champ pour les navigateurs ne fournissant pas de v&eacute;ritable d&eacute;sactivation d'&eacute;l&eacute;ments.
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td colspan="2"><p>Utilisez les m&eacute;thodes <span class="literal">blur()</span>  et <span class="literal">focus()</span>  avec mod&eacute;ration sur la m&ecirc;me page. Vous pouvez d&eacute;clencher des boucles d'activation et de fondu infinies par accident si des bo&icirc;tes de dialogue d'alerte sont impliqu&eacute;es &agrave;un moment ou &agrave;un autre. De plus, sachez que lorsque vous invoquez la m&eacute;thode <span class="literal">blur()</span>  sur un objet, un autre objet (peut-&ecirc;tre l'objet <span class="literal">window</span> ) re&ccedil;oit un &eacute;v&eacute;nement <span class="literal">onfocus</span> .
</p>
							</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Param&egrave;tres</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Aucune.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Valeur renvoy&eacute;e</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Aucune.</p>
					</td>
				</tr>
			</table>
		</div>
</body>
</html>