<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">div</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'objet <span class="literal">div</span> repr&eacute;sente l'&eacute;l&eacute;ment <span class="literal">div</span>. Cet &eacute;l&eacute;ment de niveau bloc est souvent utilis&eacute; pour positionner des &eacute;l&eacute;ments ou regrouper le contenu de plusieurs &eacute;l&eacute;ments apparent&eacute;s. Dans la version Windows de Microsoft Internet Explorer4, les propri&eacute;t&eacute;s client et de d&eacute;filement ne sont disponibles que si l'attribut de style <span class="literal">position</span> de l'&eacute;l&eacute;ment <span class="literal">div</span> a la valeur <span class="literal">absolute</span>. Les propri&eacute;t&eacute;s client et de d&eacute;filement sont actives dans IE pour Mac.
</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;div&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">dataFld</span></td><td><span class="literal">dataFormatAs</span></td><td><span class="literal">dataSrc</span></td><td><span class="literal">noWrap</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;finit l'alignement horizontal du contenu du cadre de l&acute;&eacute;l&eacute;ment. Si elle n&acute;est pas d&eacute;finie autrement, la largeur du cadre est celle du contexte de placement du conteneur parent imm&eacute;diat, en g&eacute;n&eacute;ral le corps.
</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("myDIV").align = "center";</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 d'alignement horizontal suivantes: <span class="literal">center</span> | <span class="literal">left</span> | <span class="literal">right</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">left</span></p>
					</td>
				</tr>
			</table>
		</div>

		<div id="contentEditable">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">contentEditable</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">s.o.</span> IE <span class="emphasis">5,5 (Win) </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/&eacute;criture</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>Contr&ocirc;le si l&acute;&eacute;l&eacute;ment peut &ecirc;tre modifi&eacute; par l&acute;utilisateur par le biais des fonctions de modification du contenu en temps r&eacute;el de Microsoft Internet Explorer pour Windows. Les modifications apport&eacute;es par l&acute;utilisateur ne sont pas conserv&eacute;es sur le serveur sans intervention de ce dernier, en g&eacute;n&eacute;ral par le biais d&acute;une capture du contenu modifi&eacute; effectu&eacute;e par script c&ocirc;t&eacute; client, suivie d&acute;un envoi par formulaire. Les scripts devraient modifier l&acute;apparence d&acute;un &eacute;l&eacute;ment (bordure, couleur d&acute;arri&egrave;re-plan, etc.) lorsqu&acute;ils sont en mode d&acute;&eacute;dition afin de souligner le mode pour l&acute;utilisateur. Par d&eacute;faut, tous les &eacute;l&eacute;ments enfants h&eacute;ritent du param&egrave;tre de mode d&acute;&eacute;dition de l&acute;&eacute;l&eacute;ment. Reportez-vous au gestionnaire d&acute;&eacute;v&eacute;nements <span class="literal">onmove</span>  dans le chapitre 10 pour un exemple d&eacute;taill&eacute;.
		</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("<span class="replaceable">elementID</span>").contentEditable = "true";</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: <span class="literal">false</span>  | <span class="literal">inherit</span>  | <span class="literal">true</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">inherit</span> </p>
							</td>
						</tr>
					</table>
		</div>
		<div id="dataFld">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">dataFld</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>Utilis&eacute;e avec la fonction de liaison de donn&eacute;es de Microsoft Internet Explorer pour associer un nom de colonne provenant d'une source de donn&eacute;es distante au contenu de l'&eacute;l&eacute;ment <span class="literal">div</span>. Vous devez &eacute;galement d&eacute;finir un attribut <span class="literal">datasrc</span> pour l'&eacute;l&eacute;ment. Le param&eacute;trage des deux propri&eacute;t&eacute;s <span class="literal">dataFld</span> et <span class="literal">dataSrc</span> sur des cha&icirc;nes vides rompt la liaison entre l'&eacute;l&eacute;ment et la source de donn&eacute;es. Fonctionne uniquement avec les sources de donn&eacute;es de texte dans IE 5 pour Mac.
</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("myDiv").dataFld = "comment";</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>Identifiant de la colonne de la source de donn&eacute;es, sensible &agrave; la casse.</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>Aucune. </p>
					</td>
				</tr>
			</table>
		</div><div id="dataFormatAs">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">dataFormatAs</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>Utilis&eacute;e avec la fonction de liaison de donn&eacute;es de Microsoft Internet Explorer, cette propri&eacute;t&eacute; indique au navigateur si le mat&eacute;riel source provenant de la source de donn&eacute;es doit &ecirc;tre interpr&eacute;t&eacute; en texte brut ou en langage HTML avec balises.
</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("myDiv").dataFormatAs = "text";</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>Constantes sous forme de cha&icirc;ne: <span class="literal">text</span> | <span class="literal">html.</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">text</span></p>
					</td>
				</tr>
			</table>
		</div><div id="dataSrc">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">dataSrc</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>Utilis&eacute; avec la fonction de liaison de donn&eacute;es de Microsoft Internet Explorer pour sp&eacute;cifier l&acute;ID de l&acute;&eacute;l&eacute;ment <span class="literal">object</span> de la page qui charge l&acute;objet de source de donn&eacute;es pour l&acute;acc&egrave;s distant aux donn&eacute;es. Le contenu &agrave; extraire de la source de donn&eacute;es est sp&eacute;cifi&eacute; &agrave; l'aide de l'attribut <span class="literal">datafld</span>. Le param&eacute;trage des deux propri&eacute;t&eacute;s <span class="literal">dataFld</span> et <span class="literal">dataSrc</span> sur des cha&icirc;nes vides rompt la liaison entre l'&eacute;l&eacute;ment et la source de donn&eacute;es.
</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("myDiv").dataSrc = "DBSRC3";</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>Identifiant de la source de donn&eacute;es, sensible &agrave; la casse.</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>Aucune. </p>
					</td>
				</tr>
			</table>
		</div>
		<div id="filters[]">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">filters[]</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"></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>Renvoie un tableau de tous les objets <span class="literal">filter</span>  que contient l&acute;&eacute;l&eacute;ment courant. Ne s&acute;applique qu&acute;aux objets &eacute;l&eacute;ments suivants: <span class="literal">bdo</span> , <span class="literal">body</span> , <span class="literal">button</span> , <span class="literal">div</span> , <span class="literal">fieldset</span> , <span class="literal">img</span> , <span class="literal">input</span> , <span class="literal">marquee</span> , <span class="literal">rt</span> , <span class="literal">ruby</span> , <span class="literal">span</span> , <span class="literal">table</span> , <span class="literal">td</span> , <span class="literal">textarea</span>  et <span class="literal">th</span> . Voir l'objet <span class="literal">filter</span>  pour la syntaxe de r&eacute;f&eacute;rencement.
		</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>Tableau des r&eacute;f&eacute;rences des objets <span class="literal">filter</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>Tableau de longueur z&eacute;ro.</p>
							</td>
						</tr>
					</table>
		</div>
		<div id="noWrap">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">noWrap</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>Indique si le navigateur doit &eacute;largir l'affichage de l'&eacute;l&eacute;ment de mani&egrave;re &agrave;  pouvoir afficher une ligne enti&egrave;re de texte ins&eacute;cable. Il est conseill&eacute; de ne pas abuser de cet attribut, car il oblige l&acute;utilisateur &agrave; faire d&eacute;filer horizontalement la page pour en afficher tout le contenu. L&acute;attribut correspondant est d&eacute;laiss&eacute;.
</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("wideDiv").noWrap = "true";</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 bool&eacute;enne: <span class="literal">true</span> | <span class="literal">false</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">false</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="scrollHeight, scrollWidth">

			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">scrollHeight, scrollWidth</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>A l'origine, impl&eacute;ment&eacute;es dans IE 4 pour les &eacute;l&eacute;ments qui d&eacute;filaient ou influen&ccedil;aient le d&eacute;filement d'un &eacute;l&eacute;ment (<span class="literal">body</span> , <span class="literal">button</span> , <span class="literal">caption</span> , <span class="literal">div</span> , <span class="literal">fieldset</span> , <span class="literal">legend</span> , <span class="literal">marquee</span>  et <span class="literal">textarea</span> ), ces propri&eacute;t&eacute;s renvoient les dimensions en pixels d'un &eacute;l&eacute;ment, y compris les &eacute;l&eacute;ments plus grands que la zone visible de la fen&ecirc;tre du navigateur. Elles sont donc diff&eacute;rentes des propri&eacute;t&eacute;s <span class="literal">clientHeight</span>  et <span class="literal">clientWidth</span>  pour les &eacute;l&eacute;ments pouvant d&eacute;filer, qui renvoient seulement les dimensions des portions visibles de l'&eacute;l&eacute;ment. Cependant, IE pour Macintosh interpr&egrave;te diff&eacute;remment le but des propri&eacute;t&eacute;s de d&eacute;filement et renvoie les dimensions de la portion visible.
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
						</tr>
						<tr>
							<td colspan="2"><p>A partir de Microsoft Internet Explorer 5 pour Windows, tous les &eacute;l&eacute;ments HTML ont ces propri&eacute;t&eacute;s et les valeurs pour les &eacute;l&eacute;ments ne d&eacute;filant pas, sont les m&ecirc;mes que celles des propri&eacute;t&eacute;s <span class="literal">offsetHeight</span>  et <span class="literal">offsetWidth</span> . Netscape 7 impl&eacute;mente ces propri&eacute;t&eacute;s pour tous les &eacute;l&eacute;ments et renvoie la hauteur et la largeur de l'&eacute;l&eacute;ment, visible ou non. Pour les &eacute;l&eacute;ments cl&eacute;s tels que <span class="literal">body</span> , il est important de retenir que ces propri&eacute;t&eacute;s peuvent &ecirc;tre interpr&eacute;t&eacute;es diff&eacute;remment et sont donc susceptibles de perturber l'op&eacute;ration sur diff&eacute;rentes plates-formes.
</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 midPoint = document.body.scrollHeight/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>Nombre entier positif ou z&eacute;ro.</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>Aucune. </p>
					</td>
				</tr>
			</table>
		</div>
<div id="scrollLeft, scrollTop">

			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">scrollLeft, scrollTop</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/&eacute;criture</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Fournit la distance en pixels existant entre le c&ocirc;t&eacute; gauche ou sup&eacute;rieur r&eacute;el du contenu physique de l'&eacute;l&eacute;ment et le c&ocirc;t&eacute; gauche ou sup&eacute;rieur de la partie visible du contenu. Le param&eacute;trage de ces propri&eacute;t&eacute;s permet d'utiliser un script pour ajuster le d&eacute;filement du contenu &agrave;l'int&eacute;rieur d'un conteneur capable de d&eacute;filement, tel que du texte dans un &eacute;l&eacute;ment <span class="literal">textarea</span>  ou un document entier dans une fen&ecirc;tre ou un cadre de navigateur. Si personne ne fait d&eacute;filer le contenu, les deux valeurs sont &eacute;gales &agrave;z&eacute;ro. Si la valeur de la propri&eacute;t&eacute; <span class="literal">scrollTop</span>  est&#160;15, le document d&eacute;file de 15&#160;pixels dans la fen&ecirc;tre; la propri&eacute;t&eacute; <span class="literal">scrollLeft</span>  n'est pas affect&eacute;e, sauf si elle est modifi&eacute;e. Les valeurs de ces propri&eacute;t&eacute;s changent au fur et &agrave;mesure que l'utilisateur modifie la position des barres de d&eacute;filement. Cela est important pour certaines t&acirc;ches de positionnement bas&eacute;es sur les &eacute;v&eacute;nements dans IE pour Windows, car le syst&egrave;me de coordonn&eacute;es pour les mesures de d&eacute;calage d'&eacute;v&eacute;nements est fonction de la zone visible d'une page dans la fen&ecirc;tre du navigateur. Vous devez ajouter les facteurs de d&eacute;filement <span class="literal">document.body</span>  pour aligner les coordonn&eacute;es d'&eacute;v&eacute;nements avec les positions du contenu du corps (reportez-vous &agrave;l'exemple de glissement d'un &eacute;l&eacute;ment dans le chapitre 6). A partir de Microsoft Internet Explorer 5 pour Windows, les propri&eacute;t&eacute;s <span class="literal">scrollLeft</span>  et <span class="literal">scrollTop</span>  sont disponibles pour tous les objets &eacute;l&eacute;ments HTML, mais les valeurs pour les &eacute;l&eacute;ments qui ne d&eacute;filent pas sont de z&eacute;ro.
</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.body.scrollTop = 40;</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>Nombre entier positif ou z&eacute;ro.</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>