° JavaScript ° Septembre 2005 © Bul °

J'ai regroupé ci-dessous quelques scripts
qui me semblaient utiles

Ajouter aux Favoris
  Tester   Télécharger 

<script type="Text/JavaScript"><!----
function favoris() { 
if ( navigator.appName != "Microsoft Internet Explorer" ) 
	{ window.sidebar.addPanel("Mon Site à Moi","http://marcel-Bultez.chez.Tiscali.fr/",""); } 
else	{ window.external.AddFavorite("http://marcel-Bultez.chez.Tiscali.fr/","Mon Site à Moi"); }	} 
//----> </script> 
<BODY>
<a href="javascript:void(favoris());">Ajouter ce site dans vos favoris</a> 

	
Mettre comme Page de Démarrage
  Tester   Télécharger 

<a href ="#"
   OnClick='this.style.behavior="url(#default#homepage)";
            this.setHomePage("HTTP://Adresse du site");'>
utiliser comme Page de Démarrage</a>

	
Quitter Sans Message d'Avertissement
  Tester   Télécharger 

<a href="javascript:opener=self; window.close();">Fermer</a>

	
"Interdire" le Click Droit
  Tester   Télécharger 

<body  oncontextmenu="return false">

	
	on pose souvent cette question. Si c'est pour cacher
	la source, ça ne sert à rien, et pourquoi la cacher ?

"Récupérer" les Erreurs
  Tester   Télécharger 

<script type="Text/JavaScript">
function PasDErreurs() { return true; }
window.onerror=PasDErreurs;
t1.value="exemple"; // comme t1 n'est pas défini : Erreur ?
</script>

	
Ajouter un INPUT TYPE=TEXT (par exemple)
  Tester   Télécharger 

<body>
<div name='dn' id='dn'>
<input type="text" value="exemple">
</div>
<script type="text/javascript">
   elem = document.createElement("input") ;
   dn.appendChild(elem) ; 
   elem.setAttribute("type","text") ; 
   elem.setAttribute("size",32) ;
   elem.setAttribute("value","ajout");
   elem.setAttribute("name","txt");
   elem.setAttribute("id","txt");
</script>
</body>
	
Barre de Progression [1]
  Tester   Télécharger 

<OBJECT height=20 width=500 border=10
        classid="clsid:35053A22-8589-11D1-B16A-00C0F0283628"
        name=bp id=bp
        VIEWASTEXT>
	<PARAM NAME="_ExtentX" VALUE="2646">
	<PARAM NAME="_ExtentY" VALUE="1323">
	<PARAM NAME="_Version" VALUE="393216">
	<PARAM NAME="BorderStyle" VALUE="0">
	<PARAM NAME="Appearance" VALUE="1">
	<PARAM NAME="MousePointer" VALUE="0">
	<PARAM NAME="Enabled" VALUE="1">
	<PARAM NAME="OLEDropMode" VALUE="0">
	<PARAM NAME="Min" VALUE="0">
	<PARAM NAME="Max" VALUE="100">
	<PARAM NAME="Orientation" VALUE="0">
	<PARAM NAME="Scrolling" VALUE="0"></OBJECT>
<script type="text/javascript">
var timid;
bp.Min=0;
bp.Max=100;
function action()
{ if (go.value=="Démarrer")
          { go.value="Stopper";
            bp.Value=0;
            appel(); }
     else { go.value="Démarrer";
            clearTimeout(timid); }  }
function appel()
{ bp.Value++;
  if (bp.Value>=bp.Max) bp.Value=0;
  timid=setTimeout("appel();",100); }
</script>
<input type=button
       name="go"
       value="Démarrer"
       onclick="action();"><br>
<b>height=20 width=500 border=10 Min=0 Max=100 : bien sûr on met ce que l'on veut<br>
ici basée sur temps, on peut tout envisager

	
Barre de Progression [2]
  Tester   Télécharger 

<BODY>
<form name=barre 
      style="visibility=hidden;
             width=100px;">
<pre><b><input disabled 
               type=text 
               name=avance 
               style="height=8px;
                      width=0;
                      background=blue;
                      border=0;"><input 
               disabled
               type=text
               name=reste
               style="height=8px;
                      width=0;
                      background=red;
                      border=0;">
|======|======|======|======|    peut-être à mettre ? souvent inutile
0             50           100   taille dépend de la barre de progression</pre>
</form>

dans exemple : de 1 à 100, de 1 en 1, toutes les milli-secondes

<script type="text/JavaScript">
function BarreProgression(fin,act)	//==== affiche où l'on en est ====
//                        |   |
//                        |   adresse progression transformée en 0/0 par rapport à la fin
//                        adresse maximum         représente 100 0/0
{var f=barre.style.width.substring(0,barre.style.width.length-2);	// width=??px
 var a=Math.floor(f/100*((act/fin)*100));
 var r=f-a;
 barre.avance.style.width=a+"px";
 barre.reste.style.width=r+"px";	}
function go() 
{ actuel=actuel+1;
  if (actuel>=100) { clearTimeout(timid);
                     barre.avance.style.width=0;
                     barre.reste.style.width=0;  }  //ou  barre.style.visibility="hidden";
              else { BarreProgression(100,actuel);
                     timid=setTimeout("go()",1); }  }
barre.style.visibility="visible";  //==== en commençant ==== ou pas
barre.style.width="200px";
actuel=0;
go();
</script>
	
Objet qui "suit la Scrollbar"
  Tester   Télécharger 

<br />
<b>Warning</b>:  fopen() [<a href='function.fopen'>function.fopen</a>]: Unable to access SuivreScrollBar.js in <b>/mnt/127/sdb/chez-alice.fr/a/8/marcel-bultez/documents/JavaScript/JavaScript.php</b> on line <b>83</b><br />
<br />
<b>Warning</b>:  fopen(SuivreScrollBar.js) [<a href='function.fopen'>function.fopen</a>]: failed to open stream: No such file or directory in <b>/mnt/127/sdb/chez-alice.fr/a/8/marcel-bultez/documents/JavaScript/JavaScript.php</b> on line <b>83</b><br />
<br />
<b>Warning</b>:  filesize() [<a href='function.filesize'>function.filesize</a>]: stat failed for SuivreScrollBar.js in <b>/mnt/127/sdb/chez-alice.fr/a/8/marcel-bultez/documents/JavaScript/JavaScript.php</b> on line <b>84</b><br />
<br />
<b>Warning</b>:  fread(): supplied argument is not a valid stream resource in <b>/mnt/127/sdb/chez-alice.fr/a/8/marcel-bultez/documents/JavaScript/JavaScript.php</b> on line <b>84</b><br />
<br />
<b>Warning</b>:  fclose(): supplied argument is not a valid stream resource in <b>/mnt/127/sdb/chez-alice.fr/a/8/marcel-bultez/documents/JavaScript/JavaScript.php</b> on line <b>85</b><br />

	
Variable définie ou non ?
  Tester   Télécharger 

<script type="text/javascript">
var tmp1="exemple";
if ( typeof( window["tmp1"] ) != "undefined" ) 
     { alert("tmp1 existe"); } 
else { alert("tmp1 non définie"); } 
if ( typeof( window["tmp2"] ) != "undefined" ) 
     { alert("tmp2 existe"); } 
else { alert("tmp2 non définie"); } 
</script>
	
Conversion Décimal vers Base Quelconque
  Télécharger 

function DecBas(dec,bas)
 { var h="",l="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ",r;
   var v=dec;
   while (v>=bas)
	{	q=Math.floor(v/bas);
		r=v-(bas*q);
		h=l.charAt(r)+h;
		v=q;	}
   h=l.charAt(v)+h;
   return h;	}
	
Conversion Base Quelconque vers Décimal
  Télécharger 

function BasDec(val,bas)
 { var d=0,l="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
   var p,v1,v2;
   for (var n=val.length-1;n>=0;n--)
	{	p=val.length-1-n;
		v1=val.charAt(n);
		v2=l.indexOf(v1);
		d=d+(v2*Math.pow(bas,p));	}
   return d;	}
	
n'autoriser que certains caractères pour la saisie
  Tester   Télécharger 

<head>
<script type="text/javascript">

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function chiffres1()	//~~ ne saisir que des chiffres ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//	1ère solution	##########
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ if (event.keyCode < 0x30 || 
      event.keyCode > 0x39 )  event.returnValue= false; }

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function chiffres2(zone)	//~~ ne saisir que des chiffres ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//	2ème solution	##########
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{  zone.value=zone.value.replace(/([^0-9])/g,"");  }
</script>
</head><body>
solution 1<input 	type="text"
       				onKeypress="chiffres1();">
solution 2<input 	type="text"
       				onKeyUp="chiffres2(this);">
</body>
	
n'autoriser que des chiffres pour la saisie
  Tester   Télécharger 

<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">
	function ctrNum(event)
	{
		if	(	(event.which < 45 || event.which > 57)  &&  
				 event.which != 8 && event.which != 0 ) 
					return false;	
		if	(	(event.keyCode < 45 || event.keyCode > 57) &&  
				 event.keyCode != 8 && event.keyCode != 0 ) 
					event.returnValue = false; 
	}
</script>
</HEAD>
<BODY>
<input 	type='text' value=''   
			onKeypress="return(ctrNum(event));">
</BODY>
</HTML>

	
Mots de Passe pour accéder à certaines Pages
° valable si "peu de membres"  ( ou 1 seul mot de passe pour tous )
  sinon PHP et MYSQL par exemple.
  postulats de départ :
° les membres et eux seuls doivent accéder à la page Membres.htm
° une page d'accueil index.htm demande les mots de passe
° 3 mots de passe : Un, Exemple, PourTous
° si un mauvais mot de passe est donné cela entraîne l'erreur 404.

  index.htm:  Télécharger 

        <script type="Text/JavaScript">
                            //~~~~~~~~~~~~~~~~~~
        function MotPasse() //~~ mot de passe ~~
                            //~~~~~~~~~~~~~~~~~~
        { var r=prompt("Mot de Passe ?","");
          if (r && r!="" && r!="null" && r!="." && r!="..") 
              parent.location=r+".htm"; }
        </script>
        <img src='image pour accéder à la zone membres'
             alt="commentaires"
             onclick="MotPasse();">
	
  Un.htm  Exemple.htm  PourTous.htm :  Télécharger 

        <script type="Text/JavaScript">
        window.navigate="Membres.htm";
        </script>
	
  Membres.htm :  Télécharger 

        Accès aux Membres seulement ....
	
Actions en fonctions des Touches du Clavier
  Tester   Télécharger 

<html>
<title>Déclencher une action JavaScript en fonction de la Touche clavier actionnée</title>
<body>
<script type="Text/JavaScript">
var cle = new Array();
cle['b'] = "javascript:bas()";
cle['d'] = "javascript:droit()";
cle['g'] = "javascript:gauche()";
cle['h'] = "javascript:haut()";
cle['i'] = "javascript:window.print()";
cle['r'] = "javascript:location.reload()";
var t;
function haut()
{ window.scrollBy(0,-10);
  t=setTimeout("haut();",100);  }
function bas()
{ window.scrollBy(0,10);
  t=setTimeout("bas();",100);  }
function gauche()
{ window.scrollBy(-10,0);
  t=setTimeout("gauche();",100);  }
function droit()
{ window.scrollBy(10,0);
  t=setTimeout("droit();",100);  }
function clavier()
 {  clearTimeout(t);
    for (var i in cle) 
    if (String.fromCharCode(event.keyCode).toLowerCase() == i) 
        window.location = cle[i]; }
document.onkeypress = clavier;
var d=new Date();
document.write("<pre><b>============================================================\r");
document.write(d.getHours()+":"+d.getMinutes()+":"+d.getSeconds());
document.write("\r============================================================\r");
document.write("cliquer\tfonctions\r");
for (var i in cle) document.write(i+"\t"+cle[i]+"\r");
document.write("============================================================\r");
for (var l=1;l<100;l++)
	{ document.write("ligne : " + l );
      for (var c=1;c<20;c++)
		{ document.write("\tColonne : " + c ); }
      document.write("<br>");  }     
document.write("============================================================\r");
</script> 
</body></html>

	
Traitements des Caractères Sélectionnés
  Tester   Télécharger 

<html><head><title>caractères sélectionnés</title>
<script type="text/javascript"><!--
function texteselectionne()
{  if (window.getSelection) alert(window.getSelection());
   else if
     (document.getSelection) alert(document.getSelection());
   else if
     (document.selection) alert(document.selection.createRange().text);  }
//--></script>
</head><body>
texte à sélectionner<br>
texte à sélectionner<br><br>
<textarea cols=80 rows=10>
texte à sélectionner
texte à sélectionner
</textarea>
<form>
<input type="button"
       value="montrer"
       onclick="texteselectionne();">
</form>
</body></html>
	
quelques Traitements sur Select
  Tester   Télécharger 

<HTML>
<HEAD>
<!==============================================================>
<TITLE> Fonctions sur Select  Décembre 2004 © marcel.Bultez@Tiscali.fr </TITLE>
<!==============================================================>
<style	TYPE="text/css">
.Bouton	{	cursor:hand;
					background-color:"#DDDDEE";
					font-family:"Verdana";
					width:120;
					font-size:"9px";
					font-weight:"bold";  }
.Libelle	{	cursor:default;
					color:"#800040";
					font-family:"Verdana";
					font-size:"9px";
					text-decoration: underline;
					font-weight:"bold"; 	}
.Liste		{	color:"#400040";
					background-color:"#00F0F0";
					font-family:"Verdana";
					font-size:"9px";
					font-weight:"bold"; 	}
.Texte		{	color:"#400040";
					border:0;
					width:250;
					height:14;
					background-color:"#C0C000";
					font-family:"Verdana";
					font-size:"9px";
					font-weight:"bold"; 	}
</style>
<script type="text/javascript"><!--------
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function retirer()	//~~ retirer de l'autre select ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{	if ( sel3.selectedIndex >=0 )
	{	saisie.value=sel3[sel3.selectedIndex].text;
		{for (var n=sel3.selectedIndex;n<sel3.length-1;n++)
			{ sel3[n].text=sel3[n+1].text; }
		sel3.length--;  }
		ajout(4);	}	}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function ajouter()	//~~ transférer vers autre select ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{	if ( sel.selectedIndex >=0 )
	{	sel3.length++;
		sel3[sel3.length-1].text=sel[sel.selectedIndex].text;
		supprime();		}	}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function choix(liste)	//~~ choix d'une ligne ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{	saisie.value=liste[liste.selectedIndex].text;
	var i=liste.selectedIndex;
	sel.selectedIndex=i;
	sel2.selectedIndex=i;		}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function supprime() //~~ suppression d'une ligne ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ if (sel.selectedIndex>=0)
	{for (var n=sel.selectedIndex;n<sel.length-1;n++)
        { sel[n].text=sel[n+1].text; }
    sel.length--;
    sel2.length--;  }	}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function deplace(sens)  //~~ déplacer une ligne ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ if (sel.selectedIndex+sens>=0 && sel.selectedIndex+sens<sel.length)
     {	var t=sel[sel.selectedIndex+sens].text;
		sel[sel.selectedIndex+sens].text=sel[sel.selectedIndex].text;
		sel[sel.selectedIndex].text=t;
		sel.selectedIndex=sel.selectedIndex+sens;  }  }
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function ajout(appel)   //~~ ajout d'un ligne ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{	var adr;
	switch (appel) {
		case 0:	//__ en tête __
			adr=0;
			break;
		case 1:	//__ avant __
			if (sel.selectedIndex<0)  return;
			adr=sel.selectedIndex;
			break;
		case 2:	//__ après __
			if (sel.selectedIndex<0)  return;
			adr=sel.selectedIndex+1;
			break;
		case 3:	//__ en fin __
			adr=sel.length;
			break;
		case 4:	//__ par ordre alphabétique __
			position(saisie.value);
			adr=sel.selectedIndex;
			break;		}
	sel.length++;
	for (var n=sel.length-1;n>adr;n--)
      { sel[n].text=sel[n-1].text;	}
	sel[adr].text=saisie.value;
	sel.selectedIndex=adr;
	sel2.length++;
	sel2[sel2.length-1].text=sel2.length;
	sel2.selectedIndex=adr;	 	}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function chgt(avant,apres,zone)	//~~ remplacer caractères génants ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{	var reg=new RegExp(avant,"g");
	return zone.replace(reg,apres);  }
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function position(rch)	//~~ rechercher ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ 	var tmp=rch.toLowerCase();
	tmp=chgt("[àäâ]","a",tmp);		// les accents posent
	tmp=chgt("[éèêë]","e",tmp);		// un problème de 
	tmp=chgt("[ïî]","i",tmp);				// classement : en ASCII
	tmp=chgt("[ôö]","o",tmp);			// ils sont "après" la lettre
	tmp=chgt("[ùûü]","u",tmp);			// "z". le moins et l'espace
	tmp=chgt("[- ]","",tmp);				// sont ignorés.
	var pos;
	for (var n=0;n<sel.length;n++)
      {	pos=sel[n].text.toLowerCase();
			pos=chgt("[àäâ]","a",pos);
			pos=chgt("[éèêë]","e",pos);
			pos=chgt("[ïî]","i",pos);
			pos=chgt("[ôö]","o",pos);
			pos=chgt("[ùûü]","u",pos);
			pos=chgt("[- ]","",pos);
			if ( pos >= tmp )
			{ 	sel.selectedIndex=n;
				n=sel.length;	}	}	}
//--------></script>
</HEAD>
<!==================================================>
<BODY>
<center>
<label	class="Libelle">ligne à insérer</label>
: <input	type="text"
			class="Texte"
			name="saisie">
</center><br/>
<input type="button"
			value="Insérer
en tête"
			class="Bouton"
			onclick="ajout(0);"/>
<input type="button"
			value="Insérer
avant ligne pointée"
			class="Bouton"
			onclick="ajout(1);"/>
<input type="button"
			value="Insérer
après ligne pointée"
			class="Bouton"
			onclick="ajout(2);"/>
<input type="button"
			value="Insérer
en fin"
			class="Bouton"
			onclick="ajout(3);"/>
<input type="button"
			value="Insérer
'alphabétiquement'"
			class="Bouton"
			onclick="ajout(4);"/><br/>
<center><br/>
<table>
<tr><td>
<select 	name="sel"
				class="Liste"
				onclick="choix(this);"
				onchange="choix(this);"
				size=8>
	<option>Afghanistan</option>
	<option>Afrique du sud</option>
	<option>Albanie</option> 
	<option>Algérie</option> 
	<option>Allemagne</option> 
	<option>Andorre</option> 
	<option>Angola</option> 
	<option>Antigua-et-Barbuda</option> 
	<option>Arabie</option> 
	<option>Argentine</option> 
	<option>Arménie</option> 
	<option>Australie</option> 
	<option>Autriche</option> 
	<option>Azerbaïdjan</option> 
	<option>Bahamas</option> 
	<option>Bahreïn</option> 
	<option>Bangladesh</option> 
	<option>Barbade</option> 
	<option>Belau</option> 
	<option>Belgique</option> 
	<option>Belize</option> 
	<option>Bénin</option> 
	<option>Bhoutan</option> 
	<option>Biélorussie</option> 
	<option>Birmanie</option> 
	<option>Bolivie</option> 
	<option>Bosnie-Herzégovine</option> 
	<option>Botswana</option> 
	<option>Brésil</option> 
	<option>Brunei</option> 
	<option>Bulgarie</option> 
	<option>Burkina</option> 
	<option>Burundi</option> 
	<option>Cambodge</option> 
	<option>Cameroun</option> 
	<option>Canada</option> 
	<option>Cap-Vert</option> 
	<option>Chili</option> 
	<option>Chine</option> 
	<option>Chypre</option> 
	<option>Colombie</option> 
	<option>Comores</option> 
	<option>Congo</option> 
	<option>Corée</option> 
	<option>Costa</option> 
	<option>Croatie</option> 
	<option>Cuba</option> 
	<option>Danemark</option> 
	<option>Djibouti</option> 
	<option>Dominique</option> 
	<option>Égypte</option> 
	<option>Équateur</option> 
	<option>Érythrée</option> 
	<option>Espagne</option> 
	<option>Estonie</option> 
	<option>États-Unis</option> 
	<option>Éthiopie</option> 
	<option>Fidji</option> 
	<option>Finlande</option> 
	<option>France</option> 
	<option>Gabon</option> 
	<option>Gambie</option> 
	<option>Géorgie</option> 
	<option>Ghana</option> 
	<option>Grèce</option> 
	<option>Grenade</option> 
	<option>Guatemala</option> 
	<option>Guinée</option> 
	<option>Guinée-Bissao</option> 
	<option>Guinée</option> 
	<option>Guyana</option> 
	<option>Haïti</option> 
	<option>Honduras</option> 
	<option>Hongrie</option> 
	<option>Inde</option> 
	<option>Indonésie</option> 
	<option>Iran</option> 
	<option>Iraq</option> 
	<option>Irlande</option> 
	<option>Islande</option> 
	<option>Israël</option> 
	<option>Italie</option> 
	<option>Jamaïque</option> 
	<option>Japon</option> 
	<option>Jordanie</option> 
	<option>Kazakhstan</option> 
	<option>Kenya</option> 
	<option>Kirghizistan</option> 
	<option>Kiribati</option> 
	<option>Koweït</option> 
	<option>Laos</option> 
	<option>Lesotho</option> 
	<option>Lettonie</option> 
	<option>Liban</option> 
	<option>Liberia</option> 
	<option>Libye</option> 
	<option>Liechtenstein</option> 
	<option>Lituanie</option> 
	<option>Luxembourg</option> 
	<option>Macédoine</option> 
	<option>Madagascar</option> 
	<option>Malaisie</option> 
	<option>Malawi</option> 
	<option>Maldives</option> 
	<option>Mali</option> 
	<option>Malte</option> 
	<option>Maroc</option> 
	<option>Marshall</option> 
	<option>Maurice</option> 
	<option>Mauritanie</option> 
	<option>Mexique</option> 
	<option>Micronésie</option> 
	<option>Moldavie</option> 
	<option>Monaco</option> 
	<option>Mongolie</option> 
	<option>Mozambique</option> 
	<option>Namibie</option> 
	<option>Nauru</option> 
	<option>Népal</option> 
	<option>Nicaragua</option> 
	<option>Niger</option> 
	<option>Nigeria</option> 
	<option>Norvège</option> 
	<option>Nouvelle-Zélande</option> 
	<option>Oman</option> 
	<option>Ouganda</option> 
	<option>Ouzbékistan</option> 
	<option>Pakistan</option> 
	<option>Panama</option> 
	<option>Papouasie</option> 
	<option>Paraguay</option> 
	<option>Pays-Bas</option> 
	<option>Pérou</option> 
	<option>Philippines</option> 
	<option>Pologne</option> 
	<option>Portugal</option> 
	<option>Qatar</option> 
	<option>Roumanie</option> 
	<option>Royaume-Uni</option> 
	<option>Russie</option> 
	<option>Rwanda</option> 
	<option>Saint-Christophe-et-Niévès</option> 
	<option>Sainte-Lucie</option> 
	<option>Saint-Marin </option> 
	<option>Saint-Vincent-et-les Grenadines</option> 
	<option>Salomon</option> 
	<option>Salvador</option> 
	<option>Samoa</option> 
	<option>Sao</option> 
	<option>Sénégal</option> 
	<option>Seychelles</option> 
	<option>Sierra</option> 
	<option>Singapour</option> 
	<option>Slovaquie</option> 
	<option>Slovénie</option> 
	<option>Somalie</option> 
	<option>Soudan</option> 
	<option>Sri</option> 
	<option>Suède</option> 
	<option>Suisse</option> 
	<option>Suriname</option> 
	<option>Trinité-et-Tobago</option> 
	<option>Tunisie</option> 
	<option>Turkménistan</option> 
	<option>Turquie</option> 
	<option>Tuvalu</option> 
	<option>Ukraine</option> 
	<option>Uruguay</option> 
	<option>Vanuatu</option> 
	<option>Vatican</option> 
	<option>Venezuela</option> 
	<option>Viêt Nam</option> 
	<option>Yémen</option> 
	<option>Yougoslavie</option> 
	<option>Zaïre</option> 
	<option>Zambie</option> 
	<option>Zimbabwe</option> 
</select>
<select	name="sel2"
				class="Liste"
				onclick="choix(this);"
				onchange="choix(this);"
				size=8>
<script type="text/javascript"><!--------
//~~~~~~~~~~~~~~~~~~~~~~~~
//~~ génération du 2ème select ~~
//~~~~~~~~~~~~~~~~~~~~~~~~
	for ( var n=0;n<sel.length;n++)
		{	document.writeln("<option>"+(n+1)+"</p></option>");	}
//--------></script>
</select>
</td>
<td>
<input	type="button"       
			value=">>>Ajouter>>>"
			class="Bouton"
			onclick="ajouter();"><br/>
<input	type="button"       
			value="<<<Retirer<<<"
			class="Bouton"
			onclick="retirer();">
</td><td>
<select	name="sel3"
				class="Liste"
				size=8>
</select>
</td></tr></table>
</center>
<br>
<input	type="button"       
			value="Déplacer la ligne
pointée vers le Bas"
			class="Bouton"
			onclick="deplace(1);">
<input	type="button"       
			value="Déplacer la ligne
pointée vers le Haut"
			class="Bouton"
			onclick="deplace(-1);">
<input	type="button"       
			value="Supprimer
la ligne pointée"
			class="Bouton"
			onclick="supprime();">
<input	type="button"
			value="Supprimer
toutes les Lignes"
			class="Bouton"
			onclick="sel.length=0; sel2.length=0;"/>
<center><br/>
<label	class="Libelle">Rechercher</label>
: <input	type="text" 
			class="Texte"
			name="rech"
			onkeyup="position(this.value);"><br/>
</center>
</BODY></HTML>
	
Lancer un Exécutable
  Tester   Télécharger 

<HTML><HEAD><TITLE></TITLE></HEAD>
<BODY><b><pre>
fichier <input type="file" name="fic" size=64><br>
<input 	value="avec classid"
		type="button"
		onclick='LancerClassid(fic.value);'> nom exécutable
<input 	value="avec start"   
		type="button" 
		onclick='LancerStart(fic.value);'> nom exécutable ou fichier ( lancera le programme associé,
            celui utilisé par "Ouvrir avec" )
<input	value="avec run" 
		type="button" 
		onclick='LancerRun(fic.value);'> nom d'un éxécutable uniquement si sous un répertoire accessible
             directement par path  ( windows,mes documents\util ... ) 
<input 	value="Lancer Word"
		type="button"
		onclick='LancerWord(fic.value);'> un fichier .doc
<script type="Text/JavaScript"><!----
function LancerWord(doc)
{var app_word = new ActiveXObject("Word.Application");
 app_word.Application.Visible = true;
 app_word.documents.open(doc); }
function LancerClassid(exe)
{var p = window.createPopup();
 var b = p.document.body;
 b.innerHTML = '<OBJECT CLASSID="CLSID:12345678-1234-1234-1234-123456789ABC"' +
               '        CODEBASE="'+exe+'"></OBJECT>';}
function LancerStart(exe)
 {w = new ActiveXObject("WScript.Shell");
  w.run ('start "'+exe+'"'); }	
function LancerRun(exe)
 {w = new ActiveXObject("WScript.Shell");
  w.run (exe,1,true); }	
----></script>
</BODY></HTML>

	
Positionnement dans un SELECT
  Tester   Télécharger 

<html>
<head>
<title>positionnement dans un select</title>
<script type="text/javascript">
function chgt(avant,apres,zone)
{ var reg=new RegExp(avant,"g");
  return zone.toLowerCase().replace(reg,apres);  }
function position()
{ var tmp=chgt("[àäâ]","a",rech.value);
  tmp=chgt("[éèêë]","e",tmp);
  tmp=chgt("[ïî]","i",tmp);
  tmp=chgt("[ôö]","o",tmp);
  tmp=chgt("[ùûü]","u",tmp);
  tmp=chgt("[- ]","",tmp);
  var pos;
  for (var n=0;n<pays.length;n++)
      {pos=chgt("[àäâ]","a",pays[n].text);
	   pos=chgt("[éèêë]","e",pos);
	   pos=chgt("[ïî]","i",pos);
	   pos=chgt("[ôö]","o",pos);
	   pos=chgt("[ùûü]","u",pos);
	   pos=chgt("[- ]","",pos);
       if (pos>=tmp) 
           { pays.selectedIndex=n;
             n=pays.length;  }  }  }
</script>
</head>
<body>
<select name="pays" size=10>
	<option>Afghanistan</option> 
	<option>Afrique du sud</option> 
	<option>Albanie</option> 
	<option>Algérie</option> 
	<option>Allemagne</option> 
	<option>Andorre</option> 
	<option>Angola</option> 
	<option>Antigua-et-Barbuda</option> 
	<option>Arabie</option> 
	<option>Argentine</option> 
	<option>Arménie</option> 
	<option>Australie</option> 
	<option>Autriche</option> 
	<option>Azerbaïdjan</option> 
	<option>Bahamas</option> 
	<option>Bahreïn</option> 
	<option>Bangladesh</option> 
	<option>Barbade</option> 
	<option>Belau</option> 
	<option>Belgique</option> 
	<option>Belize</option> 
	<option>Bénin</option> 
	<option>Bhoutan</option> 
	<option>Biélorussie</option> 
	<option>Birmanie</option> 
	<option>Bolivie</option> 
	<option>Bosnie-Herzégovine</option> 
	<option>Botswana</option> 
	<option>Brésil</option> 
	<option>Brunei</option> 
	<option>Bulgarie</option> 
	<option>Burkina</option> 
	<option>Burundi</option> 
	<option>Cambodge</option> 
	<option>Cameroun</option> 
	<option>Canada</option> 
	<option>Cap-Vert</option> 
	<option>Chili</option> 
	<option>Chine</option> 
	<option>Chypre</option> 
	<option>Colombie</option> 
	<option>Comores</option> 
	<option>Congo</option> 
	<option>Congo</option> 
	<option>Cook</option> 
	<option>Corée</option> 
	<option>Corée</option> 
	<option>Costa</option> 
	<option>Côte</option> 
	<option>Croatie</option> 
	<option>Cuba</option> 
	<option>Danemark</option> 
	<option>Djibouti</option> 
	<option>Dominique</option> 
	<option>Égypte</option> 
	<option>Émirats</option> 
	<option>Équateur</option> 
	<option>Érythrée</option> 
	<option>Espagne</option> 
	<option>Estonie</option> 
	<option>États-Unis</option> 
	<option>Éthiopie</option> 
	<option>Fidji</option> 
	<option>Finlande</option> 
	<option>France</option> 
	<option>Gabon</option> 
	<option>Gambie</option> 
	<option>Géorgie</option> 
	<option>Ghana</option> 
	<option>Grèce</option> 
	<option>Grenade</option> 
	<option>Guatemala</option> 
	<option>Guinée</option> 
	<option>Guinée-Bissao</option> 
	<option>Guinée</option> 
	<option>Guyana</option> 
	<option>Haïti</option> 
	<option>Honduras</option> 
	<option>Hongrie</option> 
	<option>Inde</option> 
	<option>Indonésie</option> 
	<option>Iran</option> 
	<option>Iraq</option> 
	<option>Irlande</option> 
	<option>Islande</option> 
	<option>Israël</option> 
	<option>Italie</option> 
	<option>Jamaïque</option> 
	<option>Japon</option> 
	<option>Jordanie</option> 
	<option>Kazakhstan</option> 
	<option>Kenya</option> 
	<option>Kirghizistan</option> 
	<option>Kiribati</option> 
	<option>Koweït</option> 
	<option>Laos</option> 
	<option>Lesotho</option> 
	<option>Lettonie</option> 
	<option>Liban</option> 
	<option>Liberia</option> 
	<option>Libye</option> 
	<option>Liechtenstein</option> 
	<option>Lituanie</option> 
	<option>Luxembourg</option> 
	<option>Macédoine</option> 
	<option>Madagascar</option> 
	<option>Malaisie</option> 
	<option>Malawi</option> 
	<option>Maldives</option> 
	<option>Mali</option> 
	<option>Malte</option> 
	<option>Maroc</option> 
	<option>Marshall</option> 
	<option>Maurice</option> 
	<option>Mauritanie</option> 
	<option>Mexique</option> 
	<option>Micronésie</option> 
	<option>Moldavie</option> 
	<option>Monaco</option> 
	<option>Mongolie</option> 
	<option>Mozambique</option> 
	<option>Namibie</option> 
	<option>Nauru</option> 
	<option>Népal</option> 
	<option>Nicaragua</option> 
	<option>Niger</option> 
	<option>Nigeria</option> 
	<option>Norvège</option> 
	<option>Nouvelle-Zélande</option> 
	<option>Oman</option> 
	<option>Ouganda</option> 
	<option>Ouzbékistan</option> 
	<option>Pakistan</option> 
	<option>Panama</option> 
	<option>Papouasie</option> 
	<option>Paraguay</option> 
	<option>Pays-Bas</option> 
	<option>Pérou</option> 
	<option>Philippines</option> 
	<option>Pologne</option> 
	<option>Portugal</option> 
	<option>Qatar</option> 
	<option>République</option> 
	<option>République</option> 
	<option>République</option> 
	<option>Roumanie</option> 
	<option>Royaume-Uni</option> 
	<option>Russie</option> 
	<option>Rwanda</option> 
	<option>Saint-Christophe-et-Niévès</option> 
	<option>Sainte-Lucie</option> 
	<option>Saint-Marin </option> 
	<option>Saint-Vincent-et-les Grenadines</option> 
	<option>Salomon</option> 
	<option>Salvador</option> 
	<option>Samoa</option> 
	<option>Sao</option> 
	<option>Sénégal</option> 
	<option>Seychelles</option> 
	<option>Sierra</option> 
	<option>Singapour</option> 
	<option>Slovaquie</option> 
	<option>Slovénie</option> 
	<option>Somalie</option> 
	<option>Soudan</option> 
	<option>Sri</option> 
	<option>Suède</option> 
	<option>Suisse</option> 
	<option>Suriname</option> 
	<option>Trinité-et-Tobago</option> 
	<option>Tunisie</option> 
	<option>Turkménistan</option> 
	<option>Turquie</option> 
	<option>Tuvalu</option> 
	<option>Ukraine</option> 
	<option>Uruguay</option> 
	<option>Vanuatu</option> 
	<option>Vatican</option> 
	<option>Venezuela</option> 
	<option>Viêt Nam</option> 
	<option>Yémen</option> 
	<option>Yougoslavie</option> 
	<option>Zaïre</option> 
	<option>Zambie</option> 
	<option>Zimbabwe</option> 
</select>
Rechercher : <input type="text"
					name="rech" 
					onkeyup="position();">
</body></html>

	
Eléments d'un Formulaire
  Tester   Télécharger 

<HTML>
<HEAD>
<TITLE>les Champs Text d'un Formulaire</TITLE>
</HEAD>
<BODY>
<form name="frm">
<input type="text" name="nom" id="nom1" value="1">
<input type="text" name="nom" id="nom2" value="2">
<input type="text" name="nom" id="nom3" value="3">
<input type="button" value="test" onclick="test();">
</form>
<script type="text/javascript">
function test()
{ // #### 1ère possibilité
  var trv="";
  for ( var n=0;n<frm.nom.length;n++ )
      { trv=trv+frm.nom[n].value+"\t";    }
  alert("name=\t"+trv);
  // #### 2ème possibilité
  n=1;
  trv="";
  while (document.getElementById("nom"+n)!=null)
        { trv=trv+document.getElementById("nom"+n).value+"\t";
          n++;    }
  alert("getElementById=\t"+trv);
  // #### 3ème possibilité
  trv="";
  for ( n=0;n<frm.elements.length;n++)
      { if (frm.elements[n].type=="text") 
           { trv=trv+frm.elements[n].value+"\t";    }    }
  alert("elements=\t"+trv);  }
  // #### il doit y avoir d'autres possibilités ...
</script>
</BODY></HTML>

	
Conversation entre une Mère et ses Filles

je parle de transmissions d'informations entre pages bien sûr.

         la Page Mère     Télécharger 

<HTML>
<HEAD>
<TITLE>"Paramètres" "Mère <==> Fille"</TITLE>
<script type="text/javascript">
var variable=12345;
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function fonction()	//~~ fonction appelée par p1.htm ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ 	alert("fille 1 appelle"); }
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function open1()	//~~ pop-up appelera la mère ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{	window.open("p1.htm","fillemere","");	}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function open2()	//~~ la mère met à jour le pop-up ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{	var pop=window.open("p2.htm","merefille","");
	pop.champs.value="abcde";
	pop.variable=54321;
	pop.fonction();    }
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function open3()	//~~ submit avec passage paramètres dans l'URL ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{	var prm="?";
	for ( n=0;n<frm.elements.length;n++)
		{	if (n>0) prm+="&";
			prm+=frm.elements[n].name+"="+frm.elements[n].value;	}
	frm.submit();	}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function open4()	//~~ cookies ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{	var fin = new Date (); 
	fin.setTime (fin.getTime() + (24 * 60 * 60 * 1000)); 
	document.cookie = "cookieopen4=exemple;expires=" + fin.toGMTString(); 
	window.open("p4.htm","","");	} 
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function open5()	//~~ showModalDialog ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{	var prm=new Array("param.1","param.2");
	var reponse=window.showModalDialog("p5.htm",
				prm,
				"dialogWidth:460px;dialogHeight:300px;help:0;status:0;edge:sunken");  }
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function open6()	//~~ dans le titre du pop-up ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{	window.open("p6.htm","param1","");	}
</script>
</HEAD>
<BODY><pre><b><hr><center>passage de paramètres entre pages en JavaScript</center><hr>
	P1.HTM  la page en cours ouvre un pop-up
            celui-ci s'adresse à la page qui la créé avec "window.opener".
<hr>
	P2.HTM  la page en cours ouvre un pop-up et met à jour les variables, 
            les champs, appelle les fonctions de celui-ci.
<hr>
	P3.HTM  la page en cours appelle une nouvelle page
            en transmettant les paramètres dans l'URL.
<hr>
	P4.HTM  la page en cours ouvre un pop-up
            en transmettant les paramètres dans un cookie.
<hr>
	P5.HTM  la page en cours ouvre un pop-up
            avec "showModalDialog".
<hr>
    P6.HTM  les paramètres sont passés dans le
            titre du pop-up ( attention aux espaces,
            caractères spéciaux...)
<hr>
<input	type="button" 
		name="click1"
		style="width:350"
		onclick="open1();"
		value="la fille appelle la mère">	<input	type="button"
		name="click2"
		style="width:350"
		onclick="open2();"
		value="la mère renseigne la fille">
<form name="frm"
		action="p3.htm"
		method="get">
<input	type="button"
		name="click3"
		onclick="open3();"
		style="width:350"
		value="la mère appelle la fille par submit">	<input 	type="text"
		name="param_1"
		value="valeur.1"><input 	type="hidden"
		name="param_2"
		value="valeur.2">
</form>
<input type="button"
		name="click4"
		onclick="open4();"
		style="width:350"
		value="la mère créé un cookie et appelle la fille">	<input type="button"
		name="click5"
		onclick="open5();"
		style="width:350"
		value="la mère appelle la fille avec 'showModalDialog'">

<p><input type="button"
		name="click6"
		onclick="open6();"
		style="width:350"
		value="la mère appelle la fille avec paramètre dans le titre">
</BODY></HTML>

	
         Fille qui appelle la Mère      Télécharger 

<html>
<head>
<TITLE>la Fille appelle la Mère</TITLE>
</head>
<body>
<script type='text/javascript'>
alert ('variable=' + window.opener.variable + '\r\n' +
       'champs='+window.opener.click1.value) ;
</script>
<input	type='button' 
		onclick='window.opener.fonction();' 
		value='appel fonction mère'>
</body></html> 

	
         Fille appelée par la Mère      Télécharger 

<html>
<head>
<TITLE>la Mère renseigne la Fille</TITLE>
</head>
<body>
<input	name='champs' 
		type='text' 
		value='exemple'>
<script type='text/javascript'>
var variable='exemple';
function fonction()
{ alert("mère appelle"); }
</script>
<input	type='button' 
		onclick='alert (variable);' 
		value='affiche variable mise à jour'>
<input 	type='button' 
		onclick='alert (champs.value);' 
		value='affiche champs mis à jour'>
</body></html>    

	
         Mère renseigne la Fille        Télécharger 

<html>
<head>
<TITLE>la Mère appelle la Fille par Submit</TITLE>
</head>
<body>
<script type='text/javascript'>
alert (window.location.search);
</script>
</body></html>    

	
         Cookies                        Télécharger 

<html>
<head>
<TITLE>la Mère appelle la Fille en créant un cookie</TITLE>
</head>
<body>
<script type='text/javascript'>
alert(document.cookie);
</script>
</body></html>
	
         showModalDialog                Télécharger 

<html>
<head>
<TITLE>la Fille est appellée avec showModalDialog</TITLE>
</head>
<body>
<script type='text/javascript'>
var t="";
for (var n=0;n<window.dialogArguments.length;n++)
	t+=dialogArguments[n]+"\r\n";
alert (t);
</script>
</body></html> 

	
         dans TITLE                     Télécharger 

<html>
<head>
<TITLE>la Fille est appellée avec paramètres dans title</TITLE>
</head>
<body>
<script type='text/javascript'>
alert(window.name);
</script>
</body></html> 

	
Traitements sur les Tableaux
  Tester   Télécharger 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML	Lang="fr">
<!--÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷-->
<TITLE>° Traitements sur les Tableaux ° Modifé en Avril 2004 </TITLE>
<!--                       ~\\|//
                            (@ ~)
        •————————————oOOO————(_)————OOOo————————————•
        | Mail : marcel.Bultez@Tiscali.fr           |
        | Site : http://marcel-Bultez.chez-Alice.fr |
        |               .oooO   Oooo.               |
        •———————————————(   )———(   )———————————————•
                         \ (     ) /
                          \_)   (_/
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷-->
<script type="text/javascript"><!--------
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function enPlus(ad)	//~~ ajouter une ligne ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{  
	var l = tableau.insertRow(ad); 
 	l.insertCell(l.cells.length).innerHTML=
		"<p style='background-color:#C0C000;cursor:pointer'>"+(tableau.rows.length-1)+"</p>";
	for (var c=1;c<tableau.rows[0].cells.length;c++)	//.. ajouter les colonnes ..
	{
		l.insertCell(l.cells.length).innerHTML=(tableau.rows.length-1)+"_"+c;
	}
	tableau.rows[ad].onmousedown = function(l)
	{
		LigneChoix(this);
	}
}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function Ajout()	//~~ ajout d'une ligne/colonnes en cours ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{	
	switch (document.getElementById("ou").value) 
	{
						//...............
		case "Ligne":	//.. une ligne ..
						//...............
			enPlus(Number(document.getElementById("adr").value)+1);
			break;
						//.................
		case "Colonne":	//.. une colonne ..
						//.................
			var a=0;
			for (var c=1;c<tableau.rows[0].cells.length;c++)
			{ 
				if (Number(tableau.rows[0].cells[c].innerHTML)>a)
				{				
					a=Number(tableau.rows[0].cells[c].innerHTML); 
				}
			}
			a++;
			for (var l=0;l<tableau.rows.length;l++)
			{ 
				tableau.rows[l].insertCell(Number(document.getElementById("adr").value)+1);
				if (l>0)
						{ 	
							tableau.rows[l].cells[Number(document.getElementById("adr").value)+1].innerHTML=l+"_"+a; 
						}
				else	{	
							tableau.rows[l].cells[Number(document.getElementById("adr").value)+1].innerHTML=a;
							tableau.rows[l].cells[Number(document.getElementById("adr").value)+1].onclick=
										function() { ColonneChoix(this); } 
						} 
			}
			break;
	}   
}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function Supp()	//~~ suppression ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ 
	switch (document.getElementById("ou").value) 
	{
					//.................
	case "Colonne":	//.. une colonne ..
					//.................
		for (l=0;l<tableau.rows.length;l++)
		{
			tableau.rows[l].deleteCell(Number(document.getElementById("adr").value));
		}
		break;
					//...............
	case "Ligne":	//.. une ligne ..
					//...............
		tableau.deleteRow(Number(document.getElementById("adr").value));
		break;    
	}
	document.getElementById("adr").value="";
	document.getElementById("ou").value="";	
}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function Marquer()	//~~ marquer la ligne ou la colonne ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ 
	for (var l=1;l<tableau.rows.length;l++)
	{ 
		for (var c=1;c<tableau.rows[l].cells.length;c++)
		{ 
			switch (document.getElementById("ou").value) 
			{
								//...........
				case "Ligne":	//.. ligne ..
								//...........
					if (l==Number(document.getElementById("adr").value)) 
							{
								tableau.rows[l].cells[c].style.backgroundColor="#C0C0C0";
							}
					else 	{
								tableau.rows[l].cells[c].style.backgroundColor="#FFFFFF";
							}
					break;
								//.............
				case "Colonne":	//.. colonne ..
								//.............
					if (c==Number(document.getElementById("adr").value)) 
							{
								tableau.rows[l].cells[c].style.backgroundColor="#C0C0C0";
							}
					else 	{
								tableau.rows[l].cells[c].style.backgroundColor="#FFFFFF";
							}
					break;	
			}  
		}  
	}  
}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function LigneChoix(lig)	//~~ choix d'une ligne ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{	
	document.getElementById("ou").value="Ligne";
	document.getElementById("adr").value=lig.rowIndex;
	Marquer();  
}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function ColonneChoix(col)	//~~ choix d'une colonne ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{	
	document.getElementById("ou").value="Colonne";
	for (var n=1;n<tableau.rows[0].cells.length;n++)
	{
		if ( Number(col.innerHTML)==Number(tableau.rows[0].cells[n].innerHTML) )
		{  
			document.getElementById("adr").value=n;
		}
	}
	Marquer();
}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function CacMon(styl)	//~~ cacher/montrer ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ 
	switch (document.getElementById("ou").value)
	{
						//.................
		case "Colonne":	//.. une colonne ..
						//.................
			for (var l=0;l<tableau.rows.length;l++)
			{ 
				tableau.rows[l].cells[Number(document.getElementById("adr").value)].style.display=styl; 
			}
			break;
						//...............
		case "Ligne":	//.. une ligne ..
						//...............
			tableau.rows[Number(document.getElementById("adr").value)].style.display=styl;
			break;
	}
	if (styl=="") 
	{
		Marquer(); 
	}
}
//--------></script>
</HEAD>
<BODY><b>
<table	id="tab" 
		name="tab"
		style="float:left"
		border=4>
	<tr style="background-color:#C0C000;cursor:pointer">
		<td style="background-color:#FFFFFF"> </td>
		<td onclick="ColonneChoix(this);">1</td><!~~ au départ : 5 colonnes ~~>
		<td onclick="ColonneChoix(this);">2</td>
		<td onclick="ColonneChoix(this);">3</td>
		<td onclick="ColonneChoix(this);">4</td>
		<td onclick="ColonneChoix(this);">5</td>
	</tr>
</table>
 cliquer sur les cases <label style="background-color:#C0C000"> n° </label><br /><br />
 Ligne/Colonne 	<input	type="text"
						id="ou"
						size=7 
						name="ou">
n° 				<input	type="text" 
						size=3 
						id="adr"
						name="adr">
<input	type="button"
		value="Cacher"
		onclick="CacMon('none');">
<input	type="button" 
		value="Montrer" 
		onclick="CacMon('');">
<input	type="button" 
		value="Ajouter" 
		onclick="Ajout();">
<input	type="button" 
		value="Détruire" 
		onclick="Supp();"><br /><br />
<center>
<div style="background-color:#FFCC99;width:400px;text-align:left;">
<pre>

 select case contact {

    case @mail     : <a href="mailto:marcelBultez@Tiscali.fr?subject=Traitements Tableaux" style="background-color:#FFFF00;text-decoration:none;"> Courriel </a>      ;break;
    case Téléphone : <font style="text-decoration:line-through;">c'est privé</font>     ;break;
    case Site      : <a href="http://marcel-Bultez.chez-Alice.fr" style="background-color:#FFFF00;text-decoration:none;"> Mon Site </a>      ;break;
    default        : reste la lettre ;}

</div>
<script type="text/javascript"><!--------
//~~~~~~~~~~~~~~~~~~~~
//~~ Initialisation ~~
//~~~~~~~~~~~~~~~~~~~~
var tableau=document.getElementById("tab");
for (var l=1;l<6;l++) 	// créer 5 lignes
{ 
	enPlus(l); 
}
//--------></script>
<hr />Quelques explications<hr /></center>

<pre><p style="font-size:12px;font-family:verdana;font-weight:bold">
	tableau.rows.length
		nombre de lignes
	tableau.rows[n° ligne].cells.Length
		nombre de colonnes dans la ligne
	tableau.insertRow(n° ligne)
		ajouter une ligne
	tableau.rows[n° ligne].insertCell(n° colonne)
		ajouter une colonne dans la ligne
	tableau.deleteRow(n° ligne)	
		détruire une ligne
	tableau.rows[n° ligne].deleteCell(n° colonne)
		détruire une colonne dans la ligne
	tableau.rows[n° ligne].cell[n° colonne].???
		accès à une cellule
		par exemple :	tableau.rows[0].cell[0].style.display
				tableau.rows[0].cell[0].style.innerHTML ...
	tableau.rows[n° ligne].on???"=function(){fonction(paramètres);};
		ajouter une fonction à une ligne
		par exemple : tableau.rows[0].onclick=function(){Appel(this);};
	tableau.rows[n° ligne].cell[n° colonne].on???"=function(){fonction(paramètres);};
		ajouter une fonction à une colonne
		par exemple : tableau.rows[0].cell[0].onclick=function(){Appel(this);};		
<hr />
</BODY></HTML>

	
Vérification de l'Orthographe avec Word
  Tester   Télécharger 

<HTML>
<HEAD>
<!——————————————————————————————————————————————————————————————————————————————————————————>
<title>° Correcteur Orthographique avec Word ° Mars 2005 © marcel.Bultez@Tiscali.fr °</title>
<!——————————————————————————————————————————————————————————————————————————————————————————>
<script type="text/javascript">
//################################################################
function cow(zone)	//#### Correcteur d'Orthographe avec Word ####
//################################################################
{	window.clipboardData.setData("Text",zone);
	var AppWord = new ActiveXObject("Word.Application");
	var DocInt = AppWord.Documents.Add();
	AppWord.Visible=true;
    AppWord.WindowState = 0;
    AppWord.Top = -3000;
	DocInt.Activate();
	DocInt.Content.Paste();
	DocInt.CheckSpelling();
	DocInt.Content.Copy();
	DocInt.Saved = true;
	DocInt.Close();
	DocInt = null;
	AppWord.Quit();
	AppWord = null;
	var ano=true;
	var tmp="null";
	while ( ano )
	      { ano=false;
            try           { tmp=window.clipboardData.getData("Text"); }
            catch(erreur) { ano=true;  }
            if ( tmp=="null" )  ano=true;    }
	return tmp;   }
</script>
</HEAD>
<BODY>
<textarea	name="txt"
			cols=60 rows=10
			id="txt">
test d'ortografe par example.
</textarea><br/>
<input	type="button"
		value="Contrôler"
		onclick="txt.value=cow(txt.value);"/>
</BODY></HTML>

	
Tri multi-colonnes d'un Tableau HTML
  Télécharger 

//###################################################################################
function trier(tableau,colonnes,sens,nTit)	//######## trier un tableau htm ########
//###################################################################################
//
// <script type="text/javascript" src="trier.js"></script>
//
// appel : trier(tableau à trier,"colonnes","sens",Nbr Lignes de Titres à ne pas trier 0 par défaut);
//         colonnes : n° [,type[:taille]][;n°[,type[:taille]]...]
//                    Type actuellement possibles ( C par défaut )
//                    c            Caractères
//                    jj/mm/aaaa   Date jj/mm/aaaa
//                    jjmmaaaa     Date jjmmaaaa
//                    e:taille     Entier:nbr caractères maxi
//
{	var nbrTit=nTit ? nTit : 0;									// lignes Titre
	var ligfin=tableau.rows.length; 								// nbr lignes
	var TabCol=colonnes.split(";");  							// format : n°,type:taille;n°;...n°
	var buffer=Array(ligfin-nbrTit); 							// buffer[nbr lignes]
	for ( var l=nbrTit; l<ligfin; l++ )
	{	var colfin=tableau.rows[l].cells.length;  			// nbr colonnes
		buffer[l-nbrTit]=new Array(colfin+1);
		buffer[l-nbrTit][0]="";  									// buffer[ligne][0]=critères de tri
		for ( var t=0; t<TabCol.length; t++ )
		{ 		var Prm=TabCol[t].split(",");  					// Prm[0]=n° colonne
            if (!Prm[1]) Prm[1]="c";       					// Prm[1]=type
            var Zone=tableau.rows[l].cells[Prm[0]].innerHTML;
            Prm=Prm[1].split(":");         					// Prm[0]=type, Prm[1]=taille  
            switch (Prm[0].toLowerCase())  
				{	//~~~~~~~~~~~~~~~~~~~~~~~~~~~~
               case "e":  //~~~~ Entiers ~~~~
               //~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                  while ( Zone.length<Number(Prm[1]) ) 	// adapter la
                  { Zone="0"+Zone; }             			// longueur
                  break;
               //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
               case "jjmmaaaa":  //~~~~ format date ~~~~
               //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                  Zone=	Zone.substr(4,4) +
								Zone.substr(2,2) +
                        Zone.substr(0,2);  					// mise en forme aaaammjj
                  break;
               //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
               case "jj/mm/aaaa":  //~~~~ format date ~~~~
               //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                  Zone=	Zone.substr(6,4) +
                        Zone.substr(3,2) +
                        Zone.substr(0,2);  					// mise en forme aaaammjj
                  break;
               /*===========================================\
               ! je n'ai mis ici que quelques possibilités. !
               ! on peut ajouter :                          !
               !                                            !
               !  case "type de zone":                      !
               !       ... traitements adaptés ...          !
               !       break;                               !
               !                                            !
               \===========================================*/
               //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
               default:   //~~~~ par défaut ~~~~
               //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
               case "c":  //~~~~ caractères ~~~~
               //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                  break;  
		}
      buffer[l-nbrTit][0]+=Zone;
	}
	for ( var c=0;c<colfin;c++ )									// mémoriser contenu [lignes][colonnes]
	{ 	buffer[l-nbrTit][c+1]=tableau.rows[l].cells[c].innerHTML; 	}  
}
   buffer.sort();	// trier
   if (sens.charAt(0).toLowerCase()!="a")						// inversion si non= A[scendant]
	{ buffer.reverse(); }
   for ( l=nbrTit;l<ligfin;l++ )									// "recharger" le tableau htm
//==============================================
   {	for ( c=1;c<=colfin;c++ )
	   {	tableau.rows[l].cells[c-1].innerHTML=buffer[l-nbrTit][c];	}  
	}  
}
//##############################################################################

	
  Tester   Télécharger 

<HTML>
<HEAD>
<TITLE>Tri tableaux HTML</TITLE>
<script type="text/javascript" src="trier.js"></script>
<script type="text/javascript">
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function controle2()	//~~ pour l'exemple : controles 2 ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ 	if ( 	document.frm.st.value.charAt(0).toLowerCase()!="a" &&
			document.frm.st.value.charAt(0).toLowerCase()!="d" )
			{ 	alert("tri Ascendant ou Descendant ?");	}
	else	{	var t=document.frm.ct.value.split(";");
				if ( t.length>document.getElementById('tabl').rows[0].cells.length )
						{ 	alert("trop de colonnes");	}
				else	{	var z;
							for ( var n=0;n<t.length;n++ )
							{ 	z=t[n].split(",");
								if ( isNaN(z[0]) || Number(z[0])<0 || Number(z[0])>=document.getElementById('tabl').rows[0].cells.length )
								{ 	alert("colonnes invalides");
									return; 
								}      
							}
							trier(document.getElementById('tabl'),document.frm.ct.value,document.frm.st.value);   
						}
			}
}
</script>
</HEAD>
<BODY 	style="font-weight:bold">
<form 	name="frm">
<table 	id="tabl"
			name="tabl"
			border=4
			style="font-weight:bold" ><!#### tableau à trier ####>
<tr><td>55</td>  <td>alain</td>  <td>23/01/2005</td></tr>
<tr><td>1</td>   <td>daniel</td> <td>03/03/2001</td></tr>
<tr><td>3</td>   <td>etienne</td><td>01/01/2005</td></tr>
<tr><td>4444</td><td>bernard</td><td>23/11/2004</td></tr>
<tr><td>22</td>  <td>claude</td> <td>08/09/1999</td></tr>
<tr><td>1</td>   <td>fernand</td><td>17/02/2000</td></tr>
<tr><td>1</td>   <td>etienne</td><td>03/03/2001</td></tr>
<tr><td>4444</td><td>etienne</td><td>23/01/2000</td></tr>
</table>
<hr>
n° colonne[,type][;n° colonne[,type]...]<br />
<input type="text"
       name="ct"
       size=40
       value="n° colonne[,type][;n° colonne[,type]...]"/>
<input type="text"
       value="A[scendant] ou D[escendant]"
       size=30
       name="st"/>
    <button  onclick="controle2(); return false;"> trier </button><br/>
    <font color='red'><b>  ici,colonne de 0 à 2
</font><br/>
<fieldset>
<legend>Type actuellement possibles ( C par défaut )</legend>
<table border=0
	style="font-weight:bold">
<td> c</td>          <td>Caractères</td>                </tr>
<td> jj/mm/aaaa/</td><td>Date jj/mm/aaaa</td>           </tr>
<td> jjmmaaaa</td>   <td>Date jjmmaaaa</td>             </tr>
<td> e:taille</td>   <td>Entier:nbr caractères maxi</td></tr>
</table><br/>
exemples: 2,jj/mm/aaaa;0,e:5</fieldset>
</form>
</BODY></HTML>

	
Multi-select pour remplacer Select Multi-colonnes
  Télécharger 


/*
                                                             
   Select Synchronisés © marcel.Bultez@Tiscali.fr  Mai 2005 
                                                             
  */

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function LSTChx(lst)	//~~ Choix dans une liste ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{	var t1=lst.selectedIndex;
	for ( var c=0; c<lst.tableau[0].length; c++ )
	{	window.document.getElementById(lst.IDSelect+c).selectedIndex=t1;	}
	if (lst.fonction!=null) lst.fonction(t1);	}

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function LSTCns(lst,ou,haut,sid,fnct)	//~~ Construction des Select ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{	var IDSelect = sid ? sid : "NISel";
	var h = haut ? haut : 3;
	var t1="";
	for ( var l=0; l<lst[0].length; l++ )
	{	t1+=	"<select id='" + IDSelect + l + "'" +
			" name='" + IDSelect + "'" +
			" size=" + h +
			" onchange='LSTChx(this);'>" +
			"</select>";	}
	ou.innerHTML+=t1;
	var f = fnct ? fnct : null;
	for ( var c=0; c<lst[0].length; c++ ) 
	{	t1=window.document.getElementById(IDSelect+c);
		t1.fonction = f;
		t1.tableau=lst;
		t1.IDSelect=IDSelect;
		for ( l=0; l<lst.length; l++ )
		{	t1.length++;
			t1[t1.length-1].text=lst[l][c];	}	}	}

	
  Tester   Télécharger 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta 	name="robots" 
	content="follow" />
<meta 	http-equiv="imagetoolbar" 
	content="no" />
<meta 	http-equiv="cache-control" 
	content="no-cache" />
<HTML	Lang="fr">
<HEAD>
<!÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷>
<!÷÷÷÷÷                                                ÷÷÷÷÷÷÷>
<TITLE> Select Synchronisés © marcel.Bultez@Tiscali.fr </TITLE>
<!÷÷÷÷÷                                                ÷÷÷÷÷÷÷>
<!÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷>
<style	TYPE="text/css">
select		{	color:#400000;
			background-color:#00EEEE;
			font-family:Verdana;
			font-size:9px;
			font-weight:bold; 	}
</style>
<script	type="Text/JavaScript"
	src="MultiColonnes.js"></Script>
</HEAD>
<BODY>
<center><div id="ici"></div><br/></center>
<fieldset	style="	font-Name:Courier New;
			font-size:11px;
			width:350px;
			color:#000080;
			background-color:#FFCC99;
			font-weight:bold"><pre>
                          
                     ~\\|//          
                      (0 0)          
  •————————————oOOOo———(_)———oOOOo————————————• 
  |                                           |
  | Sujet récurrent : Select Multi-colonnes   |
  | et pourquoi pas des Select Synchronisés ? | 
  | c'est ce qui est proposé dans ce script.  |
  |                                           |
  |             <font style="background-color:yellow"> <a name="MoiRef"
	href="mailto:marcelBultez@Tiscali.fr?subject=">Mail</a> </font>     <font style="background-color:yellow"> <a href="HTTP://marcel-Bultez.chez.Tiscali.fr">Site</a> </font>             | 
  |                                           | 
  | Toutes les explications dans les Sources. |
  |                                           | 
  |               .oooO   Oooo.               | 
  •———————————————(   )———(   )———————————————• 
                   \ (     ) /       
                    \_)   (_/        
                          </fieldset>
<br/>
<script	type="Text/JavaScript">

//##########################################################################
function essai(n)	//## fonction appelée après sélection d'une ligne ##
//##########################################################################
{	var m=0,t1="";
	while ( window.document.getElementById("sel"+m) ) {
		t1+="\t("+m+") "+window.document.getElementById("sel"+m)[n].text+"\r\n";
		m++;	}
	alert(	"exemple de fonction \r\n"+
		"qui pourrait être appelée\r\n"+
		" [ facultatif ]\r\n" +
		"paramètre = n° ligne sélectionnée = "+n+"\r\n"+
		"==> " + t1 + "\r\n" );	}

	//###########################
	//## table pour les Listes ##
	//###########################
var Regions=new Array(
	new Array("<Prénom>","<Nom>","<Ville>"),
	new Array("Sébastienne","Tousseul","Arras"),
	new Array("Gédéon","Teuzeumani","Orléans"),
	new Array("Gérard","Menvusa","Toulouse"),
	new Array("Paul","Hochon","Marseille")		);
//
// comme décrit ici ===> 5 lignes de 3 colonnes ( 3 select )
//
	//############################
	//## Construire les Selects ##
	//############################
LSTCns(Regions,document.getElementById('ici'),3,'sel',essai);
/*###########################################################################
  #                                                                         #
  # LSTCns ( Table, où Afficher, Hauteur, nom et id , fonction )            #
  #                                                                         #
  # Table       = Arrays qui donnent les Valeurs des colonnes des Select    #
  # où Afficher = objet où afficher les select ( un div par exemple )       #
  # Hauteur     = Nbr Lignes visibles des Select ( size )                   #
  #               facultatif, = 3 par défaut                                #
  # nom et id   = "exemple" donnerait name="exemple" et id="exemple#"       #
  #               avec # de 0 à nbr Colonnes -1                             #
  #               facultatif, = NISel par défaut                            #
  #               obligatoire si plusieurs série de select                  #
  # fonction    = nom de la fonction à appeler dès qu'une ligne             #
  #               a été sélectionnée. cette fonction sera appelée           #
  #               en lui donnant en paramètre le n° de ligne sélectionné.   #
  #               facultatif, null par défaut, c'est à dire pas de fonction #
  #                                                                         #
  ###########################################################################*/
  
	//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	//~~ pour la présentation et sujet de l'éventuel mail ~~
	//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	lm=new Array(	"Janvier","Février","Mars",
			"Avril","Mai","Juin",
			"Juillet","Août","Septembre",
			"Octobre","Novembre","Décembre");
	document.title+= " " +
		lm[Number(document.lastModified.substr(0,2))-1] + " " +
                document.lastModified.substr(6,4) + " " +
		document.title.substr(0,1);
	MoiRef.href+=document.title;
</script>
</BODY></HTML>

	
include (en dynamique) d'un .js
  Télécharger 

<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">

function Inclure(fichier)
{
	var scr = document.createElement("script");    
	scr.type = "text/javascript";    
	scr.src  = fichier;    
	var tet = document.getElementsByTagName("head");    
	tet[0].appendChild(scr);
}

</script>
</head>
<BODY>
<input	type="text"
			id="ldj" />
<input	type="text"
			id="lh" />
<script type="text/javascript">
	Inclure("http://marcel-bultez.chez-alice.fr/initial/DatHeu.js");
</script>
<input	type="button"
			onclick="reveil();"
			value="go" /><!-- va afficher la date et l'heure dans id="ldj" et "lh" -->
</body>
</HTML>

	
2 Select Dépendants
  Tester   Télécharger 

<HTML>
<HEAD>
<TITLE>2 Selects dépendants en JavaScript</TITLE>
<script	type="text/javascript">
function gensel2()
{	frm.sel2.length=0;
	for ( var n=0; n<liste[frm.sel1.selectedIndex].length; n++ )
		{	frm.sel2.length++;
			frm.sel2.options[frm.sel2.length-1].text=liste[frm.sel1.selectedIndex][n];	}	}
</script>
</HEAD>
<BODY>
<form	name="frm">
<select size=3
	name="sel1"
	onchange="gensel2();">
		<option>Bretagne</option>
		<option>Centre</option>
		<option>Nord-Pas-de-Calais</option>
</select>
<select size=3
	name="sel2">
</select>
</form>
<script	type="text/javascript">
var liste=new Array(
	new Array("Côtes-d'Armor","Finistère","Ille-et-Vilaine","Morbihan"),
	new Array("Cher","Eure-et-Loire","Indre","Indre-et-Loire","Loir-et-Cher","Loiret"),
	new Array("Nord","Pas-de-Calais")
);
</script>
</BODY></HTML>

	
Menu "Glissant"
  Tester   Télécharger 

<br />
<b>Warning</b>:  fopen() [<a href='function.fopen'>function.fopen</a>]: Unable to access MenuGlissant.js in <b>/mnt/127/sdb/chez-alice.fr/a/8/marcel-bultez/documents/JavaScript/JavaScript.php</b> on line <b>83</b><br />
<br />
<b>Warning</b>:  fopen(MenuGlissant.js) [<a href='function.fopen'>function.fopen</a>]: failed to open stream: No such file or directory in <b>/mnt/127/sdb/chez-alice.fr/a/8/marcel-bultez/documents/JavaScript/JavaScript.php</b> on line <b>83</b><br />
<br />
<b>Warning</b>:  filesize() [<a href='function.filesize'>function.filesize</a>]: stat failed for MenuGlissant.js in <b>/mnt/127/sdb/chez-alice.fr/a/8/marcel-bultez/documents/JavaScript/JavaScript.php</b> on line <b>84</b><br />
<br />
<b>Warning</b>:  fread(): supplied argument is not a valid stream resource in <b>/mnt/127/sdb/chez-alice.fr/a/8/marcel-bultez/documents/JavaScript/JavaScript.php</b> on line <b>84</b><br />
<br />
<b>Warning</b>:  fclose(): supplied argument is not a valid stream resource in <b>/mnt/127/sdb/chez-alice.fr/a/8/marcel-bultez/documents/JavaScript/JavaScript.php</b> on line <b>85</b><br />

	
Y'a d'la voix
  Tester   Télécharger 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML	Lang="fr">
<HEAD>
<!÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷>
<!÷÷÷÷÷                                 ÷÷÷÷÷÷÷>
<TITLE> Voix © marcel.Bultez@Tiscali.fr </TITLE>
<!÷÷÷÷÷                                 ÷÷÷÷÷÷÷>
<!÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷>
<style	type="text/css">
a:		{	text-decoration:none;
			font-weight:bold;
			border:2px inset gray;
			background-color:#FFFF00;
			color:#505050; }
a:link		{	text-decoration:none;
			font-weight:bold;
			border:2px inset gray;
			height:18px;
			background-color:#FFFF00;
			color:#400040; }
a:visited	{	text-decoration:none;
			border:2px inset gray;
			font-weight:bold;
			color:#606060; }
a:hover		{	text-decoration:none;
			border:2px inset gray;
			font-weight:bold;
			background-color:#C0C000; }
a:active	{	text-decoration:none;
			border:2px inset gray;
			font-weight:bold;
			background-color:#CCFFFF; }
button		{	border:0;
			background-color:#FFFF00;
			font-weight:bold;
			Font-Family:Verdana;
			Font-Size:9px;	
			cursor:hand;	}
</style>
<!÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷>
<Script Type="Text/JavaScript"><!--------
//———————————————————————————————————————————————————————
function	Quitter()	//—— Arret Application ——
//———————————————————————————————————————————————————————
 {	opener=self;
	window.close();   }
//————————————————————————————————————————————————————
function	Message(msg)	//—— Message à dire ——
//————————————————————————————————————————————————————
{	txt=msg;
	Dire();	}
//————————————————————————————————————
function	Dire()	//—— Parler ——
//————————————————————————————————————
{	if ( Voix.IsSpeaking )
			setTimeout("Dire();",100);	
	else	{	if ( nonfait )
			{	nonfait=false;
				Voix.Speak(txt);	}	}	}
//--------></Script>
</HEAD>
<!÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷>
<BODY  	Style="	Font-Family:'Verdana';
		Font-Size:'9px';
		Font-Weight:'bold';
		filter:progid:DXImageTransform.Microsoft.Gradient
                 (	gradientType=0,
			startColorStr='#FFCC99',endColorStr='#CCAAE0');"
	Scroll="no"
	BGProperties="fixed"
	FGColor="#400040"
	BGColor="#FFCC99"
	LeftMargin=5
	TopMargin=5
	MarginWidth=5
	MarginHeight=5>
<!÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷>
<OBJECT	CLASSID="clsid:2398E32F-5C6E-11D1-8C65-0060081841DE" 
	id="Voix"
	name="Voix"
	width=64
	height=64
	alt="Objet pour la voix"
	onmouseover="Message(this.alt);"
	onmouseout="nonfait=true;"	
	ViewAsText></OBJECT>
<a	name="MoiRef"
	href="mailto:Marcel.Bultez@Tiscali.fr?subject="
	onmouseover="Message(this.title);"
	onmouseout="nonfait=true;"
	title="Envoyer un Mail"> m'écrire </a>  
<button onmouseover="Message('Cliquer pour '+this.value);"
	onmouseout="nonfait=true;"
	style="width:150px;border:2px inset gray;"
	onclick="Quitter();"
	alt="Quitter l'Application">Quitter l'Application</button>  
<a 	href="http://www.microsoft.com/msagent/downloads/user.asp#tts"
	onmouseout="nonfait=true;"
	onmouseover="Message('Site MicroSoft');"> site MicroSoft </a><br/><br/>
<center><pre>
<div 	style="	border-color:#EEEEEE;width:400px;height:60px;
		font-size=12px;font-weight=bold;
		overflow:hidden;border:1px inset gray;background:#DDDDEE;"
	onmouseout="nonfait=true;"
	onmouseover="Message(this.innerHTML);">
si vous avez quelques soucis pour faire marcher
ce petit script, aller sur le site de MicroSoft.
pas mal d'explications, et quelques chargements.
</div></pre><br/><br/>
<label	onmouseout="nonfait=true;"
	onmouseover="Message('Explications');">Passer la souris sur les images, les textes...</label>
<!÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷>
<Script Type="Text/JavaScript"><!--------
	//————————————————————
	//—— Initialisation ——
	//————————————————————
	var lm=new Array(	"Janvier","Février","Mars",
				"Avril","Mai","Juin",
				"Juillet","Août","Septembre",
				"Octobre","Novembre","Décembre");
	document.title+=" " +
		lm[Number(document.lastModified.substr(0,2))-1] + " " +
                document.lastModified.substr(6,4) + " " +
		document.title.substr(0,1);
	MoiRef.href=MoiRef.href+document.title;
	var txt,nonfait=true;
//--------></Script>
</BODY></HTML>
<!÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷>

	
Gestion de Fichiers .INI
 ce qui existe dans les autres langages.

le .JS :   Télécharger 

/*|————————————————————————————————————————————————————————————————————————————————
  |   _______________   ____________________________   ___________
  |  | FichierIni.js | | © marcel.Bultez@Tiscali.fr | | Août 2005 |
  |   ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯   ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯   ¯¯¯¯¯¯¯¯¯¯¯
  |   ___________________________
  |  | Gestion des Fichiers .INI |
  |   ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
  |      _____________________________
  |     | structure d'un fichier .ini |
  |      ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
  |        [nom de la section]
  |        nom de la clé = valeur de la clé
  |      _____________
  |     | utilisation |
  |      ¯¯¯¯¯¯¯¯¯¯¯¯¯
  |			• <script type="Text/JavaScript" src="FichierIni.js"></script>
  |          	entre <head> et </head>
  |            ___________________________________________________
  |        	• | déclaration du fichier et du type des traitements |
  |			   ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
  |          	entre <body> et </body>
  |
  |          	var fi=new FichierIni  (
  |                     fichier ini,   	chemin et nom du fichier .ini
  |                                    	facultatif
  |                                    	par défaut : "nom de la page htm/hta".ini
  |                     distinguer les 	Majuscules des minuscules,
  |                                    	facultatif
  |                                    	true respecter la "case"
  |										par défaut, false : ignorer la "case" 
  |						sauver,			facultatif
  |										par défaut, true : sauver le fichier
  |											après toute modification
  |										false, le fichier devra être sauvé
  |										explicitement par FichierIni.Sauver()
  |						fso				facultatif, l'Active'X FileSystemObject
  |										nom de l'objet s'il existe déjà
  |										par défaut appelé en interne
  |                                 );
  |            _______________________
  |			• | fonctions disponibles |  	retour=fi.fonction ( paramètres ) 
  |			   ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
  |				Sauver()				sauvegarde le fichier.ini
  |				¯¯¯¯¯¯					peut être "automatique"
  |				cleLire(section,clé)	lire un clé
  |				¯¯¯¯¯¯¯					en retourne la valeur ou false
  |				cleCreer(section,si section n'existe pas,
  |				¯¯¯¯¯¯¯¯ 	clé,si clé existe,valeur)
  |										créer la clé dans la section avec valeur
  |										si section n'existe pas : true => la créer
  |										si clé existe : true => la remplacer
  |										retourne true ou false
  |				cleSupprimer(section,clé)
  |				¯¯¯¯¯¯¯¯¯¯¯¯			supprime la clé dans la section
  |										retourne false si elle n'existe pas,
  |										true sinon
  |				cleModifier(section,clé,valeur)
  |				¯¯¯¯¯¯¯¯¯¯¯				modifie la valeur de la clé dans la section
  |										retourne false si elle n'existe pas,
  |										true sinon
  |				sectionCreer(section)	crée une nouvelle section
  |				¯¯¯¯¯¯¯¯¯¯¯¯
  |				sectionSupprimer(section,non vide)
  |				¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯		supprime une section et toutes ses clés
  |										si non vide = true, sinon il ne doit
  |										plus y avoir de clés.
  |
  |————————————————————————————————————————————————————————————————————————————————*/

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function FichierIni
	(nomIni,respectMajMin,sauver,fso)	//~~ Gestion Fichiers Ini ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{
	this.fso = fso ? fso : new ActiveXObject("Scripting.FileSystemObject");
	// File System Object par défaut
	this.nomIni = nomIni ? nomIni : false;
	// nom fichier.ini
	if ( !this.nomIni )
		{	// par défaut :
			var url=unescape(self.location.pathname);
			// nom de la page
			var adr=(this.fso.GetExtensionName(url).toLowerCase()!='hta')?1:0;
			// hta ou pas ?
			var dir=this.fso.GetParentFolderName(url).substr(adr);
			// car le nom commence en 0 ou en 1
			this.nomIni=dir + "\\" + this.fso.GetBaseName(url) + ".ini";	
			// répertoire + nom de la page + .ini
		}
	this.respectMajMin = respectMajMin ? respectMajMin : true;	
	// par défaut, respecter les Majuscules/minuscules
	this.sauver = sauver ? sauver : true;	
	// par défaut, sauver à chaque modification
	this.tableau=new Array();
	// stockage intermédiaire des sections et des clés
	var a;
	if (this.fso.FileExists(this.nomIni))
	{	// le fichier .ini existe
		var ts=this.fso.OpenTextFile(this.nomIni,1,false);
		// l'ouvrir
		var lu,section,tmp;
		while (!ts.AtEndOfStream)
		{	// tant que la fin de fichier n'est pas détectée
			lu=ts.ReadLine();
			// lire un enrgt
			if (lu.length>0)
			{	// s'il est d'une taille > 0
				switch ( lu.charAt(0) )
				{	// type d'enrgt ?
					case "[":	//—— une section : [nom] ——
					//—————————————————————————————————————
						//~ a=lu.indexOf("]");
						// ] existe ?
						if ( a>1 )
							{	// [nom] correct
								if ( !this.respectMajMin ) lu=lu.toUpperCase();
								// transformer en majuscules s'il ne faut pas respecter la case
								section=lu.substring(1,a);
								// extraire le nom
								this.tableau[section]=new Array();
								// créer la section
							}
						break;
					default:	//—— une clé : clé=valeur ——
					//—————————————————————————————————————
						tmp=lu.split("=");
						// éclater enrgt => Array , séparateur =
						if ( tmp.length>=1 )
							{	// clé=valeur correct	
								if ( !this.respectMajMin ) tmp[0]=tmp[0].toUpperCase();
								// transformer en majuscules s'il ne faut pas respecter la case
								this.tableau[section][tmp[0]]=tmp[1];
								// noter la valeur de cette clé
							}
						break;
				}
			}
		}
		ts.close();
		// fermer le fichier
	}
}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function FichierIni.prototype.Sauver
				()	//~~ Sauver le .ini ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{
	var ts=this.fso.OpenTextFile(this.nomIni,2,true);
	// ouvrir le fichier en écriture, le créer si nécessaire
	for ( var a in this.tableau )
	{	// pour toutes les sections
		ts.WriteLine("["+a+"]");  
		for ( var b in this.tableau[a] )
		{	// pour toutes les clés de cette section
			ts.WriteLine(b+"="+this.tableau[a][b]);
		}
	}
	ts.close();
	return true;
}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function FichierIni.prototype.sectionCreer
	(section)		//~~ créer une section ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{
	if (!this.respectMajMin) 
		{	// non respect case	
			section=section.toUpperCase();
			// section en majuscules
		}
	if ( this.tableau[section] )
			{	// la section existe
				return false;	
			}
	else	{	// la section n'existe pas
				this.tableau[section]=new Array();
				// créer la section
				if ( this.sauver ) this.Sauver();
				// sauver si demandé
				return true;
			}
}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function FichierIni.prototype.sectionSupprimer
	(section,siCle)		//~~ supprimer une section ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{
	if (!this.respectMajMin) 
		{	// non respect case	
			section=section.toUpperCase();
			// section en majuscules
		}
	if ( !this.tableau[section] )
			{	// la section n'existe pas
				return false;
			}
	else	{	// la section existe
				if ( !siCle )
					{	// détruire une section non vide non autorisé
						for ( var a in this.tableau[section] )
						{	// est-elle vide ?
							return false;
							// non
						}
					}
				var tmp=new Array();
				for ( a in this.tableau )
				{	// pour toutes les sections
					if ( section!=a )
					{	// sauf pour celle à supprimer
						tmp[a]=new Array();
						// mémoriser la section
						for ( var b in this.tableau[a] )
						{	// pour toutes les clés
							tmp[a][b]=this.tableau[a][b]
							// les mémoriser
						}
					}
				}
				this.tableau=tmp;
				// nouveau tableau ( sans la section supprimée )
				if ( this.sauver ) this.Sauver();
				// sauver si demandé
				return true;
			}
}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function FichierIni.prototype.cleLire
	(section,cle)	//~~ délivre la valeur d'une clé ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{ 
	if ( !this.respectMajMin )
		{	// non respect case
			section=section.toUpperCase();
			// section en majuscules
			cle=cle.toUpperCase();	
			// clé en majuscules
		}
	try	{	var s=this.tableau[section][cle];	}
	catch(erreur)		{	// la clé n'existe pas
							return false;
						}
	return	this.tableau[section][cle];	
}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function FichierIni.prototype.cleCreer
	(section,sectionCreer,cle,cleRemplacer,valeur)	//~~  créer une clé ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{
	if ( valeur=="" ) return false;
	if (!this.respectMajMin) 
		{	// non respect case	
			section=section.toUpperCase();
			// section en majuscules
			cle=cle.toUpperCase();	
			// clé en majuscules
		}
	sectionCreer = sectionCreer ? sectionCreer : false;	
	// par défaut : ne pas créer la section
	cleRemplacer = cleRemplacer ? cleRemplacer : false;	
	// par défaut : ne pas remplacer la clé
	var c,s;	// section & clé existent ou pas ?
	if (this.tableau[section]) 
			{	// la section existe
				s=this.tableau[section];	
			}
	else	{	// la section n'existe pas
				s=false;	
			}
	try				{	// la clé existe ?
						c=this.tableau[section][cle];
					}
	catch(erreur)	{	// la clé n'existe pas
						c=false;	
					}
	if ( !s && !sectionCreer )	return false;
	// la section n'existe pas et il ne faut pas la créer
	if ( c && !cleRemplacer )	return false;
	// la clé existe et il ne faut pas la remplacer
	if ( !s ) this.tableau[section]=new Array();
	// créer la section si nécessaire
	this.tableau[section][cle]=valeur;
	// donner une valeur à la clé
	if ( this.sauver ) this.Sauver();
	// sauver si demandé
	return true;
}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function FichierIni.prototype.cleSupprimer
	(section,cle)	//~~ supprimer une clé ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{
	if (!this.respectMajMin) 
		{	// non respect case	
			section=section.toUpperCase();
			// section en majuscules
			cle=cle.toUpperCase();	
			// clé en majuscules
		}
	try				{	// la clé existe ?
						var s=this.tableau[section][cle];	
					}
	catch(erreur)	{	// non
						return false;
					}
	var tmp=new Array();
	// zone de travail
	for ( var a in this.tableau[section] )
	{	// pour toutes les clés
		if ( a != cle ) 
			{	// sauf celle à supprimer
				tmp[a]=this.tableau[section][a];
				// conserver
			}
	}
	this.tableau[section]=tmp;
	// nouvelles clés
	if ( this.sauver ) this.Sauver();
	// sauver si demandé
	return true;
}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function FichierIni.prototype.cleModifier
	(section,cle,valeur)	//~~ modifier une clé ~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
{
	if ( valeur=="" ) return false;
	if (!this.respectMajMin) 
		{	// non respect case	
			section=section.toUpperCase();
			// section en majuscules
			cle=cle.toUpperCase();	
			// clé en majuscules
		}
	try				{	// la clé existe ?
						var s=this.tableau[section][cle]
					}
	catch(erreur)	{	// la clé n'existe pas
						return false;
					}
	// la clé existe
	this.tableau[section][cle]=valeur;
	// modifier la valeur
	if ( this.sauver ) this.Sauver();
	// sauver si demandé
	return true;	
}
/*——————————————————————————————————————————————————————————————————————*/

	un .ini pour exemple :  Télécharger 

[section Deux]
param 1=valeur 21
param 3=valeur 23
[trois]
trois=quatre
[toto]
xxxzzzzz=mmm
xxx=dddd

	un exemple avec .ini ci-dessus :   Télécharger 

<HTML>
<HEAD>
<TITLE></TITLE>
<script	type="Text/JavaScript"
			src="FichierIni.js"></script>
</HEAD>
<BODY>
<span	name="aff"
		id="aff"
		style="width:80%;height:200;background-color:#FFFF00"></span><br/>
<script	type="Text/JavaScript">
function affiche()	//~~ affichage des Sections et des Clés ~~
{
	var a=document.getElementById("aff");
	a.innerHTML="";
	for ( var i in FichIni.tableau )
	{	
		a.innerHTML+=i+"<br/>";
		for ( var j in FichIni.tableau[i] )
		{	
			a.innerHTML+="    "+j+" = "+FichIni.tableau[i][j]+"<br/>";
		}
	}
}
var FichIni=new FichierIni();	//#### l'initialisation, paramètres par défaut
affiche();
</script>

section:
<input	type="text"
			name="a_section"/><br/>
clé:
<input	type="text"
			name="a_cle"/><br/>
valeur:
<input	type="text"
			name="a_valeur"/><br/>
retour:
<input	type="text"
			name="a_retour"/><br/>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<button	onclick="a_retour.value=FichIni.cleLire(a_section.value,a_cle.value);
				 ">Lire la clé</button>
<button	onclick="a_retour.value=FichIni.cleCreer(a_section.value,true,a_cle.value,true,a_valeur.value);
						affiche();">Créer la clé</button>
<button	onclick="a_retour.value=FichIni.cleSupprimer(a_section.value,a_cle.value);
						affiche();">Supprimer la clé</button>
<button	onclick="a_retour.value=FichIni.cleModifier(a_section.value,a_cle.value,a_valeur.value);
						affiche();">Modifier la clé</button><br/>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<button	onclick="a_retour.value=FichIni.sectionCreer(a_section.value);
						affiche();">Créer la section</button>
<button	onclick="a_retour.value=FichIni.sectionSupprimer(a_section.value,true);
						affiche();">Supprimer la section</button>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<br/><button	onclick="a_retour.value=FichIni.Sauver();">Sauver</button>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
</BODY>
</HTML>

	
Contrôler la validité d'une Date
  Tester   Télécharger 

<script type="text/javascript">
function ctrDate(a,m,j)
{ 
	m-=1;
	var d=new Date(a,m,j);
	return( (d.getFullYear()==a && d.getMonth()==m) );
} 
</script>

<form name="frm">
	jour:	<input name="j" type="text" size="1" maxlength="2" /> 
	mois:	<input name="m" type="text" size="1" maxlength="2" /> 
	an:	<input name="a" type="text" size="1" maxlength="4" /> 
	<input type="button" value="ok" 
			onclick="alert(ctrDate(document.frm.a.value,document.frm.m.value,document.frm.j.value));" /> 
</form>