 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"         "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta http-equiv="pics-label" content='(pics-1.1 "http://www.icra.org/ratingsv02.html" comment "ICRAonline v2.0" l gen true for "http://www.java.scripts-fr.com/"  r (nz 1 vz 1 lz 1 oz 1 cz 1) "http://www.rsac.org/ratingsv01.html" l gen true for "http://www.java.scripts-fr.com/"  r (n 0 s 0 v 0 l 0))'> <title>Java.Scripts-Fr.com : Exemples & Sources en JavaScript.</title> <meta http-equiv="content-language" content="fr"> <meta name="author" content="Laurent Sguin"> <meta name="Description" content="Apprenez et comprenez JavaScript par l'exemple. Les JavaScripts sont prsent avec leur sources et des commentaires pour vous permettre  de faire un copier/coller"> <meta name="keywords" content="programmation, Internet, programmation javascript, free, javascripts, web solution, java script, solutions internet, guide HTML, francais, webmaster, web services, formulaire, exemples dhtml, HTML, balise, image, banniere, INTERNET, multimdia, INFORMATIQUE, exemples, Cours, effet, site web, rollover, exemple javascript, jscript, facile, ressources webmasters, comprendre, scripts, cours, cours de javascript, javascript, dictionnaire, vnements, editeur, internet, java, Javascript, script, language, en ligne, gratuit, development, html, cration de sites, web, cours informatique, langage, trucs asctuces, dhtml, Informatique, DHTML, didacticiel, COURS, trucs et astuces, technologies web, debutant, informatique, Enseignement et formation"> <meta http-equiv="pragma" content="no-cache"> <meta name="robots" content="all"> <meta name="robots" content="index,follow"> <script type="text/javascript" src="includes/roll.js"></script> <link rel="StyleSheet" type="text/css" href="index.css"> <link rel="SHORTCUT ICON" HREF="http://java.scripts-fr.com/favicon.ico"> </head>   <body><div id="cache"> <a href="http://www.premar-atlantique.gouv.fr/"></a><a href="http://www.laurent.seguin.name/"></a><a href="http://www.ecrans2veille.fr.st/"></a> Apprenez et comprenez JavaScript par l'exemple. Les JavaScripts sont prsent avec leur sources et des commentaires pour vous permettre  de faire un copier/coller </div>  <!-- ### CHARGEMENT ROLLOVER --> <script type="text/javascript"> <!-- onLoad=init(); chapterNum=0; currentChapter[chapterNum]=true; // --> </script> <!-- // fin chargement rollover -->  <!--  ### tableau gnral ### --> <table width="740" border="0" align="center" cellpadding="0" cellspacing="0" summary="" rules="none" frame="void"> <tr> <td colspan="2"><!-- ### tableau haut ### -->	 <table width="100%" border="0" cellpadding="0" cellspacing="0" summary="" frame="void"> <tr> <td width="225" height="95" rowspan="2"><img src="images/logo.gif" border="0" width="225" height="95" alt="" hspace="0" vspace="0"></td> <td style="background: url(images/fondpubhaut.gif); vertical-align: middle"><img src="images/cointhautdroit.gif" border="0" width="17" height="74" alt="" hspace="0" vspace="0" align="right"><a href='http://java.scripts-fr.com/phpAdsNew/adclick.php?bannerid=13&amp;zoneid=0&amp;source=&amp;dest=http%3A%2F%2Fkansas.valueclick.com%2Fredirect%3Fhost%3Dhs0251545%26amp%3Bsize%3D468x60%26amp%3Bb%3Dindexpage%26amp%3Bv%3D0' target='_blank' ><img src='http://kansas.valueclick.com/cycle?host=hs0251545&amp;size=468x60&amp;b=indexpage&amp;noscript=1' width='468' height='60' alt='Cliquez pour visiter notre sponsor' title='Cliquez pour visiter notre sponsor' border='0'></a><img src='http://java.scripts-fr.com/phpAdsNew/adlog.php?bannerid=13&amp;clientid=18&amp;zoneid=0&amp;source=&amp;block=0&amp;capping=0&amp;cb=8ebe138f654ead0afd8f54ea31d10c6f' width='0' height='0' alt='' style='width: 0px; height: 0px;'></td></tr> <tr> <td><!-- ### Tableau lien CGI/JS + phrase ### --><table width="100%" border="0" cellpadding="0" cellspacing="0" summary=""><tr> <td valign="top"><img src="/images/suiteslogan.gif" border="0" width="216" height="21" alt="Exemples & Sources en JavaScript" align="middle"></td> <td width="150" height="21" valign="top"><a href="http://www.cgi.scripts-fr.com/" onmouseover="swapL(1,true)" onmouseout="swapL(1,false)"><img name="pos1" src="images/out1.gif" border="0" alt="Annuaire francophone du CGI"></a></td> <td width="150" height="21" align="right" valign="top"><a href="http://www.java.scripts-fr.com/" onmouseover="swapL(2,true)" onmouseout="swapL(2,false)"><img src="images/out2.gif" border="0" width="150" height="21" alt="Exemples & Sources en JavaScript" name="pos2" /></a></td> </tr> </table> <!-- // fin du tableau lien CGI/JS + phrase --></td> </tr> </table> <!-- // fin du tableau haut ### -->			</td> </tr> <tr> <td valign="top"><!-- ## debut menu --> <table width="150" border="0" cellpadding="0" cellspacing="0" summary=""> <tr><td><a href="index.php"><img src="images/souslogo.gif" border="0" width="149" height="38" alt="Accueil du site"></a></td></tr><tr> <td style="background: url(images/fondmenu.gif)"><img src="images/lesscripts.gif" width="129" height="15" alt=""><br> <img src="images/fleche.gif" width="5" height="9" alt=""><A href="index.php?categorie=Dtection">Dtection</A>&nbsp;<small>(3)</small><br><img src="images/fleche.gif" width="5" height="9" alt=""><A href="index.php?categorie=Divers">Divers</A>&nbsp;<small>(10)</small><br><img src="images/fleche.gif" width="5" height="9" alt=""><A href="index.php?categorie=Formulaire">Formulaire</A>&nbsp;<small>(10)</small><br><img src="images/fleche.gif" width="5" height="9" alt=""><A href="index.php?categorie=Image">Image</A>&nbsp;<small>(4)</small><br><img src="images/fleche.gif" width="5" height="9" alt=""><A href="index.php?categorie=Navigation">Navigation</A>&nbsp;<small>(3)</small><br><hr width="80%" size="1"> <img src="images/fleche.gif" width="5" height="9" alt=""><a href="index.php?paj=dernier">Les 10 derniers</a><br> <img src="images/fleche.gif" width="5" height="9" alt=""><a href="index.php?vu=0"><i>Les plus vus</i></a><br> 		 <img src="images/apprendre.gif" width="129" height="15" alt=""><br> <img src="images/fleche.gif" width="5" height="9" alt=""><a href="index.php?paj=java-script">Infos sur JavaScript</a><br> <img src="images/fleche.gif" width="5" height="9" alt=""><a href="index.php?paj=reserv">Les mots rservs</a><br> <img src="images/fleche.gif" width="5" height="9" alt=""><a href="index.php?paj=evenements">Les vnements</a><br> <img src="images/fleche.gif" width="5" height="9" alt=""><a href="index.php?paj=operateur">Les oprateurs</a><br> <!-- <img src="images/fleche.gif" width="5" height="9" alt=""><a href="#">Cours en ligne</a><br> 		<img src="images/fleche.gif" width="5" height="9" alt=""><a href="#">Livres</a><br> 		<img src="images/fleche.gif" width="5" height="9" alt=""><a href="#">La FAQ de Scripts-fr</a><br> 		<img src="images/fleche.gif" width="5" height="9" alt=""><a href="#">Autres liens</a><br> 		<img src="images/fleche.gif" width="5" height="9" alt=""><a href="#">Outils</a><br> 		<img src="images/newslist.gif" width="129" height="15" alt=""><br> 		<img src="images/fleche.gif" width="5" height="9" alt=""><a href="#">Anciens numros</a><br> 		</font> <br> 		--> <img src="images/newslist.gif" width="129" height="15" alt=""><br> <img src="images/fleche.gif" width="5" height="9" alt=""><a href="index.php?paj=ml">Archives</a><br>   <img src="images/nouscontacter.gif" width="129" height="15" alt=""><br> 		<!-- 		<img src="images/fleche.gif" width="5" height="9" alt=""><a href="#">Voir notre livre d'or</a><br> 		<img src="images/fleche.gif" width="5" height="9" alt=""><a href="#">Remplir le livre d'or</a><br> 		<img src="images/fleche.gif" width="5" height="9" alt=""><a href="#">Le Forum d'aide</a><br> -->  <img src="images/fleche.gif" width="5" height="9" alt=""><a href="index.php?paj=apropos">A propos du site</a><br> <img src="images/fleche.gif" width="5" height="9" alt=""><a href="http://forums.scripts-fr.com" target="_top">Le Forum du site</a><br> 		<!-- 		<img src="images/fleche.gif" width="5" height="9" alt=""><a href="#">Proposer un script</a><br> 		<img src="images/fleche.gif" width="5" height="9" alt=""><a href="#">Infos publicit</a> 		-->		 </td></tr><tr> <td><img src="images/basmenu.gif" width="149" height="107" border="0" usemap="#Map2" alt=""></td> </tr><tr><td> <table width="140" border="0" cellspacing="0" cellpadding="0"> <tr><td align="center"> <a href="index.php?paj=link"> <b style="font-size: small">Linker Scripts-fr !</b><br> <img src="images/hiphiphip.gif" width="66" height="10" alt="" border="0"> <br> <img src="images/scripts-fr-bouton.gif" width="88" height="31" border="0" title="Fates un lien sur votre site" alt="Fates un lien sur votre site"></a>  </td></tr> </table> </td></tr><tr><td>	 <p>&nbsp;</p> <p><a href="http://validator.w3.org/check/referer"><img border="0" src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01!" height="31" width="88"></a><br><a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!"></a></p> </td> </tr> </table><p><table summary="" border="1"> 	<tr> 		<td valign="middle" align="center" class="petit"> 		Actuellement 6 connects 		</td> 	</tr> </table> </td> <td align="left" valign="top">  <table width="590" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td><img src="images/contenuhaut.gif" width="590" height="28" border="0" alt="Bienvenue sur Scripts-fr.com" style="vertical-align: bottom"></td></tr><tr> <td valign="top" style="background: url(images/contenufond.gif)">    <table width="100%" border="0" cellspacing="0" cellpadding="6">   <tr>     <td valign="top">   <p class="txt2"><img src="/images/masquotte.jpg" alt="Vous cherchez un script ?" style="float: right" /> Ce site  pour but de vous prsenter quelques JavaScripts (30 pour tre prcis) avec parfois un exemple et en affichant leur source.<br> Vus les diffrentes versions de JavaScript et jscript (son concurrent direct de chez Microsoft) les Javascripts prsent respectent l'ECMA 262 (c'est a dire un savant mlange de <a href="http://developer.netscape.com/tech/javascript/">JavaScript 1.3</a> et de <a href="http://www.microsoft.com/france/scripting/">JScript 5.0.</a> et d'autres bricoles), il doivent donc fonctionner chez tout le monde, quelque soit son navigateur ou son systme (me contacter si ce n'est pas le cas).<br> Je peux faire parfois une petite entorse  cette rgle si pour quelques scripts, j'ai besoin de <a href="http://www.yoyodesign.org/doc/w3c/dom2/events/Overview.html">DOM Level 2</a> auquel cas le script prsent ne sera compatible qu'avec les navigateurs ayant implant cette recommandation. </p> <p class="txt2">Les scripts sont prsents inclus dans un squelette HTML avec quelques explications sur le code.<br> Les explications sont codes en commentaire (<i><b><span class="code"> //... </span></b></i> ou entre <i><b><span class="code"> /* </span></b></i> et <i><b><span class="code"> */ </span></b></i> quand c'est dans le javascript et <i><b><span class="code"> &lt;!-- --> </span></b></i> quand c'est dans le corps de la page), ainsi vous pouvez copier le tout dans un fichier.<br> J'ai galement opt pour un code de couleur (il parait que c'est pdagogique) pour que vous puissiez mieux voir ou se trouve le code et les explications.</p>  <p class="txt2">J'essayerais de remplir ce site au fur et  mesure du temps dont je disposerais.<br> Si vous avez besoin d'aide pour un des JavaScript prsent ici ou un des votre, merci d'utiliser le forum et pas mon E-Mail. En attendant, Bonne visite.</p>  <div class="petit2"> <a href="mailto:webmaster@java.scripts-fr.com">Laurent Sguin</a>, Webmaster de <a href="http://www.java.scripts-fr.com/">http://www.java.scripts-fr.com/</a> </div>  <p><hr> <script type="text/javascript">  <!-- if ((typeof window.sidebar == "object") && (typeof window.sidebar.addPanel == "function")) { 	document.write("<p style='display:block;background:KHAKI;text-align:center;margin-top:-2px;margin-bottom:-2px'><a href='javascript:addNetscapePanel()'>Affichez le menu de java.scripts-fr.com dans votre barre latrale gauche<\/a><\/p><hr>"); } 				 function addNetscapePanel() {  	if ((typeof window.sidebar == "object") && (typeof window.sidebar.addPanel == "function")) {           window.sidebar.addPanel ("Java.Scripts-fr.com",           "http://java.scripts-fr.com/sidebar.php","");        }  }  //-->			 </script> <p style="text-align: center" class="txt">Abonnez-vous  notre lettre d'information pour tre tenu au courant<br> de toutes les nouveauts du site et mises  jour !<br>331 inscrit(s)</p> <script type="text/javascript"> <!-- Debut // JavaScript pris sur le site: "http://www.java.scripts-fr.com" function Submitform(a) {  testm = false ;  for (var j=1 ; j<(a.length) ; j++) {   if (a.charAt(j)=='@') {     if (j<(a.length-4)){       for (var k=j ; k<(a.length-2) ; k++) {        if (a.charAt(k)=='.') testm = true;       }     }   }  }  if (testm==false) alert('Votre adresse e-mail est incorrecte.'); else { document.sub.submit(); } } // fin du script --> </script>  <form name="sub" method="post" action="ml.php"> <div style="text-align: center"> <table border="1" summary="" style="margin-left: auto; margin-right: auto"> 	<tr> 		<td> <span class="text">Adresse e-mail</span> <br><input type="text" name="addr" maxlength="250" size="30" value=""></td>  		<td><span class="text"><input type=radio name=type value=inscription checked> Inscription<br><input type=radio name=type value=desinscription> Dsinscription</span></td> 	</tr> 	<tr> 		<td align="center" colspan="2"><input type="button" value="Envoyer" onclick="Submitform(document.sub.addr.value)">&nbsp;&nbsp;&nbsp;<input type="reset" value="Effacer"> </td> 	</tr> </table> </div> </form>  <div style="padding: 1em; font-family: sans-serif; font-size: 9px; line-height: 12px">Java.Scripts-Fr.com est enregistr  la CNIL sous le numro suivant : 812177.<br> Conformment  l'article 34 de la loi "Informatique et Liberts", vous disposez d'un droit d'accs, de modification, de rectification et de suppression des donnes qui vous concernent. Pour l'exercer, adressez-vous  <a href="mailto:webmaster@java.scripts-fr.com">webmaster@java.scripts-fr.com</a>. </div> <!-- tableau des partenaires <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr>  <td bgcolor="#0076A3" align="center">   <font face="Arial, Helvetica, sans-serif" size="2" color="#FFFFFF"><b>Nos Partenaires</b>   </font>  </td> </tr> <tr>  <td bgcolor="#E6E6E6" align="center">   <table width="300" border="0" cellspacing="0" cellpadding="0" height="130">   <tr align="center">     <td>   </tr>   </table>  </td> </tr> </table> --> <hr> <!-- Search Google --> <center> <form method="GET" action="http://www.google.com/custom"> <table> <tr valign=top><td> <a href="http://www.google.com/search"><img src="http://www.google.com/logos/Logo_40wht.gif" alt="Google" align="middle"></a> </td> <td> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT type=submit name=sa VALUE="Rechercher"> <INPUT type=hidden name=cof VALUE="GIMP:#00FF00;T:#000000;LW:179;ALC:#FF0000;L:http://forums.scripts-fr.com/images/logo.gif;GFNT:#808000;LC:#000099;LH:60;BGC:#E6E6E6;AH:center;VLC:#0000FF;GL:1;S:http://java.scripts-fr.com;GALT:#800000;AWFID:4c38253d3a9fbe5f;"> <input type=hidden name=domains value="java.scripts-fr.com"><br><input type=radio name=sitesearch value=""> Search WWW <input type=radio name=sitesearch value="java.scripts-fr.com" checked> Rechercher dans java.scripts-fr.com<br> </td></tr></table> </form> </center> <!-- Search Google -->		    </td>   </tr>   </table>  </td> </tr> <tr>   <td>   <img src="images/contenubas.gif" width="590" height="17" alt="">  </td> </tr> <tr>   <td align="center">   	 <hr size="1" style="width: 70%; color: #000000" >  	 <span class="note"> 	   2002 Java.Scripts-fr - Tous droits rservs - Design <a href="http://www.altiline.com/">altiline.com</a> - Hbergement <a href="http://www.ebusiness.be/">eBusiness.be</a><br> 	  Pour tout commentaire, n'hsitez pas  contacter le <a href="mailto:webmaster@java.scripts-fr.com">webmaster</a> 	  </span> 	   <p><!--DEBUT GOLD WEBORAMA-->  <script type="text/javascript">  WEBO_ZONE=1;  WEBO_PAGE=1;  webogold_ok=0; </script>  <script src="http://script.weborama.fr/gold.js" type="text/javascript"></SCRIPT>  <SCRIPT type="text/javascript">  if(webogold_ok==1){webogold_zpi(WEBO_ZONE,WEBO_PAGE,3595);} </script>  <NOSCRIPT> <A HREF="http://www.weborama.com">Mesure d'audience et statistiques</A><BR>  <A HREF="http://www.weborama.fr">Classement des meilleurs sites, chat, sondage</A> </NOSCRIPT> <!--FIN GOLD WEBORAMA-->  </td> </tr> </table>  </td> </tr> </table> <!--  // fin tableau gnral -->  <map name="Map2">  <area shape="circle" coords="37,86,17" href="mailto:webmaster@java.scripts-fr.com" alt="Contact !" title="Contact !"> </map>  </body> </html> 
