11487 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
Encore grâce à ce site, j'ai pu avoir ce que je recherchais.
La boucle FOR ne remonte rien et je ne comprend pas pourquoi.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Base de Connaissance</title>
    <script type = 'text/javascript'>


	function store (data)
	{
		data[0]=new Stock("BIBLI 0","","02-2020","doc/Bpc.pdf" );
		data[1]=new Stock("CONNEXION 1","","02-2020","doc/connexion.pdf" );
		data[2]=new Stock("PERSONNAGE 2","","03-2020","doc/personnage.pdf" );
		data[3]=new Stock("MATRICE 3","","03-2020","doc/NouvelleMatrice.pdf" );
		data[4]=new Stock("REVISION 4","","03-2020","doc/RelectureRapide.pdf" );
		data[5]=new Stock("REVISION 5","","03-2020","doc/RelectureRapide.pdf" );
		data[6]=new Stock("REVISION 6","","03-2020","doc/RelectureRapide.pdf" );
		data[7]=new Stock("REVISION 7","","03-2020","doc/RelectureRapide.pdf" );
		data[8]=new Stock("REVISION 8","","03-2020","doc/RelectureRapide.pdf" );
		data[9]=new Stock("REVISION 9","","03-2020","doc/RelectureRapide.pdf" );
		data[10]=new Stock("BIBLI 10","","02-2020","doc/Bpc.pdf" );
		data[11]=new Stock("CONNEXION 11","","02-2020","doc/connexion.pdf" );
		data[12]=new Stock("PERSONNAGE 12 ","","03-2020","doc/personnage.pdf" );
		data[13]=new Stock("MATRICE 13","","03-2020","doc/NouvelleMatrice.pdf" );
		data[14]=new Stock("REVISION 14","","03-2020","doc/RelectureRapide.pdf" );
		data[15]=new Stock("REVISION 15","","03-2020","doc/RelectureRapide.pdf" );
		data[16]=new Stock("REVISION 16","","03-2020","doc/RelectureRapide.pdf" );
		data[17]=new Stock("REVISION 17","","03-2020","doc/RelectureRapide.pdf" );
		data[18]=new Stock("REVISION 18","","03-2020","doc/RelectureRapide.pdf" );
		data[19]=new Stock("REVISION 19","","03-2020","doc/RelectureRapide.pdf" );
		data[20]=new Stock("BIBLI 20","","02-2020","doc/Bpc.pdf" );
		data[21]=new Stock("CONNEXION 21","","02-2020","doc/connexion.pdf" );
		data[22]=new Stock("PERSONNAGE 22","","03-2020","doc/personnage.pdf" );
		data[23]=new Stock("MATRICE 23","","03-2020","doc/NouvelleMatrice.pdf" );
		data[24]=new Stock("REVISION 24","","03-2020","doc/RelectureRapide.pdf" );
		data[25]=new Stock("REVISION 25","","03-2020","doc/RelectureRapide.pdf" );
		data[26]=new Stock("REVISION 26","","03-2020","doc/RelectureRapide.pdf" );
		data[27]=new Stock("REVISION 27","","03-2020","doc/RelectureRapide.pdf" );
		data[28]=new Stock("REVISION 28","","03-2020","doc/RelectureRapide.pdf" );
		data[29]=new Stock("REVISION 29","","03-2020","doc/RelectureRapide.pdf" );
		

	function afficher()
	{
		w.document.writeln( '<table><tr><td><h3><a target="_blank" rel="noopener" href=' + this.url + '>' + this.titre + '</a></h3></td></tr></table>' );
	}
	

	function Stock( titre_in,keyword_in,url_in )
	{
		this.titre		= titre_in;
		this.keyword	= keyword_in;
		this.url		= url_in;
		this.afficher	= afficher;
	}

	

/* Cette fonction récrit entièrement la page web pour y afficher les résultats */
	function rechercher( chaine )
	{
		
		var trouved = 0;
		chaine = chaine.toUpperCase();
		var data = new Array();
		store( data );
		w=open('index.html','','');
		/*w.document.writeln( "<html><head><title>Résultats de la recherche</title><link href='css.css' rel='stylesheet' type='text/css'></head>" );*/
		/*w.document.writeln( "<body><div id='Corps'><h3>Résultats de la recherche "+chaine+"</h3></div>" );*/
		w.document.writeln("<center><p style='color: blue; font-weight: bold;'><h3> Résultats de la recherche "+chaine+"</h3></p></center>");
		
		for( var i=0; i<data.length ; i++ )
		{
			if(( data[i].titre.toUpperCase().indexOf( chaine ) != -1 ) 		|| ( data[i].keyword.toUpperCase().indexOf( chaine ) != -1 )
			|| ( data[i].url.toUpperCase().indexOf( chaine ) != -1 ))
			{
				if (trouved<5) {
					w.document.writeln( '<table><tr><td><h3><a target="_blank" rel="noopener" href=' + data[i].url + '>' + data[i].titre + '</a></h3></td></tr></table>' );
				} else {
					 w.document.writeln( '<h3>TROP DE RÉPONSES ! AJOUTER UN MOT CLE</h3>' );
				}
				trouved ++;
			}
		}
		if( !trouved )
		{
			w.document.writeln( "<p style='color: red; font-weight: bold;'>Aucune réponse n'a été trouvée pour ce mot clé dans Base_Doc.</p>");
		}

		/*w.document.writeln( "<p style='color: blue; font-weight: bold;'>"+trouved+" réponse(s) trouvée(s) pour le mot-clé "+chaine);*/
		w.document.writeln( "</p><hr><form><input type='button' value='Nouvelle recherche ?' OnClick='window.location=\"index.html\"'></form></div>" );
		w.document.writeln( "</body></html>" );
		w.document.close();
	}


	</script>



</head>

<body>
	
	<div id="Header0">
	</div>
		<!--- HEADER --->
	<div id="Header1">
		
		<div class="HeaderRecherche">
			
			<center>
				<form name="rech" OnSubmit="rechercher( document.rech.champ.value );">
				<input type="text" name="champ"    size="70"><BR>
				<input type="submit" name="valide" value="Rechercher">
				</form>


				<noscript><p>
				Votre navigateur ne reconnait pas le JavaScript, le script de recherche ne pourra pas marcher.
				</p></noscript>
			</center>
			
		</div>
		
	</div>
	<!--- END HEADER --->
	<!--- CENTRAL --->
	<div id="Corps">
		<div id="CorpsLeft">
		
		</div>
		<div id="CorpsCenter">
		
		</div>
		<div id="CorpsRight">
		
		</div>
		
	</div>
	<!--- END CENTRAL --->
	<!--- FOOTER --->
	<div id="Footer">
	<!--- Tableau  6 Colonnes -- 10 Lignes dont une en titre-->
	<table>
		<!--- TITRES--->
		<thead>	
		<tr>
		<th><span style='color:black; font-weight:bold' >WEB</span> </th>
		<th><span style='color:black; font-weight:bold' >MEMO</span> </th>
		<th><span style='color:black; font-weight:bold' >ANNUAIRES</span> </th>
		<th><span style='color:black; font-weight:bold' >DICTIONNAIRE</span> </th>
		<th><span style='color:black; font-weight:bold' >MODELES</span> </th>
		<th><span style='color:black; font-weight:bold' >SITES</span> </th>
		</tr>
		</thead>	
		<!--- Ligne1 --->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<!--- Ligne3--->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<!--- Ligne4--->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<!--- Ligne5--->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>	
		</tr>
		<!--- Ligne6 --->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<!--- Ligne7 --->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<!--- Ligne8 --->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<!--- Ligne9 --->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<!--- Ligne10 --->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		</table>
	</div>
	<!--- END FOOTER --->
</body>

</html>


Merci
Hello,

Manque une accolade effectivement ^

Alors par contre ce n'est pas du tout la bonne façon de faire pour créer ton array.
Même si ça fonctionne ce n'est pas clair, tu déclare un array puis le remplis dans une fonction qui ne fais pas de return, puis tu display des élément de ce tableau.
Imagine que quelqu'un repasse sur ton code c'est pas facilement lisible.
( oui comme l'appel de fonction est au même rang que la déclaration ça fonctionne, mais ça ne te laisse pas beaucoup de flexibilité ... tu ne pourras pas avoir accès à ton array d'une autre fonction ... )

Je te propose une bonne façon de faire si tu veux récupérer un array de n'importe où:

// une fonction de déclaration de l'array // tu peux bien sur passer des arguments
const getArrayData = function () {
	
	let MyArray = [];
	
	MyArray[0] = "zero";
	MyArray[1] = "un";
	MyArray[2] = "deux";
	
	return MyArray

};

// ensuite quand tu as besoin de ton array
const data = getArrayData();
// et utilisation de data

Bonjour Mathieuu , stryk,

Merci pour l'erreur.
@stryk
Je vais tester ta solution.
En fait ma function store (data) est dans un fichier externe à la page index.
Et mon rêve est de pourvoir afficher:
les 10 premières réponses dans une div ou un tableau.
les 10 suivantes dans une autre div ou un autre tableau.
les 10 suivantes dans une autre div ou un autre tableau.
Et si plus de 30 réponses afficher un message:
w.document.writeln( '<h3>TROP DE RÉPONSES ! AJOUTER UN MOT CLE</h3>' );

Mais je suis nul en JS , j'ai trouvé ce code sur un site de code, et je l'adapte petit à petit.
Je ne sais même pas pourquoi il faut réécrire la page.
Mais au moins j'ai trouvé la solution pour que les réponses s'ouvrent dans une autre page.
Merci pour votre partage et patience.
Ahhhh je me disais aussi ^
je pensais que tu construisais un fichier HTML externe Smiley biggrin

Dans ce cas tu peux plutôt utiliser .innerHTML ou .innerText !

Je te fais un exemple avec tes données en début d'aprèm tu vas voir c'est plus simple Smiley smile
@stryk,

Merci de tout cœur.
Mais il n'y a pas d'urgence, cela peut vraiment attendre la semaine prochaine.

Ce que j'aimerais , serait d'avoir la même configuration de la page index, et que le résultat des recherches s"affichent dans la div du corps de la page.
Barre de recherche dans la page index.html, les résultats dans une page indexFichiers.html

<body>
	
	<div id="Header0">
	</div>
		<!--- HEADER --->
	<div id="Header1">
		
		<div class="HeaderRecherche">
			
			<center>
				<form name="rech" OnSubmit="rechercher( document.rech.champ.value );">
				<input type="text" name="champ"    size="70"><BR>
				<input type="submit" name="valide" value="Rechercher">
				</form>


				<noscript><p>
				Votre navigateur ne reconnait pas le JavaScript, le script de recherche ne pourra pas marcher.
				</p></noscript>
			</center>
			
		</div>
		
	</div>
	<!--- END HEADER --->
	<!--- CENTRAL --->
	<div id="Corps">
		<div id="CorpsLeft">
		10 résultats  MAIS Si plus de 30 afficher message 
		</div>
		<div id="CorpsCenter">
		si besoin les 10 suivant
		</div>
		<div id="CorpsRight">
		si besoin les 10 suivant
		</div>
		
	</div>
	<!--- END CENTRAL --->
	<!--- FOOTER --->
	<div id="Footer">
</div>
	<!--- END FOOTER --->
</body>

</html>

Modifié par epistolier77 (13 Mar 2020 - 12:22)
Re,

bon j'ai pris quelques minutes avant la réunion coronavirus lol
( ça sent bon le télétravail ^)

Alors je t'ai simplifié au max, pour l'exemple je t'ai mis de la couleur à la place des tables.
Déjà pour savoir si ça te va et si tu comprends le principe !!

Ensuite on revois ça pour afficher dans une autre page et sous forme de table
( enfin si j'ai bien compris Smiley lol )

Code entier, tout en vrac Smiley langue

<!DOCTYPE html>
<html>

	<head>
	
		<script>
		
			// fonction que tu peux mettre dans une autre page !
			const getStore = function () {
			
				let data = [];

				data[0] = ["BIBLI 0","","02-2020","doc/Bpc.pdf"];
				data[1] = ["CONNEXION 1","","02-2020","doc/connexion.pdf"];
				data[2] = ["PERSONNAGE 2","","03-2020","doc/personnage.pdf"];
				data[3] = ["MATRICE 3","","03-2020","doc/NouvelleMatrice.pdf"];
				data[4] = ["REVISION 4","","03-2020","doc/RelectureRapide.pdf"];
				data[5] = ["REVISION 5","","03-2020","doc/RelectureRapide.pdf"];
				data[6] = ["REVISION 6","","03-2020","doc/RelectureRapide.pdf"];
				data[7] = ["REVISION 7","","03-2020","doc/RelectureRapide.pdf"];
				data[8] = ["REVISION 8","","03-2020","doc/RelectureRapide.pdf"];
				data[9] = ["REVISION 9","","03-2020","doc/RelectureRapide.pdf"];
				data[10] = ["BIBLI 10","","02-2020","doc/Bpc.pdf"];
				data[11] = ["CONNEXION 11","","02-2020","doc/connexion.pdf"];
				data[12] = ["PERSONNAGE 12 ","","03-2020","doc/personnage.pdf"];
				data[13] = ["MATRICE 13","","03-2020","doc/NouvelleMatrice.pdf"];
				data[14] = ["REVISION 14","","03-2020","doc/RelectureRapide.pdf"];
				data[15] = ["REVISION 15","","03-2020","doc/RelectureRapide.pdf"];
				data[16] = ["REVISION 16","","03-2020","doc/RelectureRapide.pdf"];
				data[17] = ["REVISION 17","","03-2020","doc/RelectureRapide.pdf"];
				data[18] = ["REVISION 18","","03-2020","doc/RelectureRapide.pdf"];
				data[19] = ["REVISION 19","","03-2020","doc/RelectureRapide.pdf"];
				data[20] = ["BIBLI 20","","02-2020","doc/Bpc.pdf"];
				data[21] = ["CONNEXION 21","","02-2020","doc/connexion.pdf"];
				data[22] = ["PERSONNAGE 22","","03-2020","doc/personnage.pdf"];
				data[23] = ["MATRICE 23","","03-2020","doc/NouvelleMatrice.pdf"];
				data[24] = ["REVISION 24","","03-2020","doc/RelectureRapide.pdf"];
				data[25] = ["REVISION 25","","03-2020","doc/RelectureRapide.pdf"];
				data[26] = ["REVISION 26","","03-2020","doc/RelectureRapide.pdf"];
				data[27] = ["REVISION 27","","03-2020","doc/RelectureRapide.pdf"];
				data[28] = ["REVISION 28","","03-2020","doc/RelectureRapide.pdf"];
				data[29] = ["REVISION 29","","03-2020","doc/RelectureRapide.pdf"];
				
				return data;
				
			};
			
			const recherche = function () {
			
				// on récupère la valeur de l'input recherche
				const thisRecherche = document.getElementById("champ").value;
				// on récupère l'array data
				const thisData = getStore();
			
				// petit reset des conteneurs:
				document.getElementById("CorpsLeft").innerHTML = "";
				document.getElementById("CorpsCenter").innerHTML = "";
				document.getElementById("CorpsRight").innerHTML = "";
				document.getElementById("onError").innerHTML = "";
				
				let trouved = 0;
				let corps_1 = "";
				let corps_2 = "";
				let corps_3 = "";

				// si input recherche n'est pas vide
				if (thisRecherche) {
				
					// on boucle sur chaque ligne de l'array
					for ( const Element in thisData ) {

						// on recherche avec la valeur de l'input dans l'array
						if ( thisData[Element].join('').toUpperCase().indexOf( thisRecherche.toUpperCase() ) != -1 ) {
						
							// on remplit le premier conteneur
							if ( trouved < 10 ) {
							
								corps_1 += "<p>Nom: " + thisData[Element][0] + " - Date: " + thisData[Element][2] + " - Fichier: " + thisData[Element][2] + "</p>";
							
							}
							
							// on remplit le deuxième conteneur
							if ( ( trouved > 9 ) && ( trouved < 20 ) ) {
							
								corps_2 += "<p>Nom: " + thisData[Element][0] + " - Date: " + thisData[Element][2] + " - Fichier: " + thisData[Element][2] + "</p>";

							}
							
							// on remplit le troisième conteneur
							if ( ( trouved > 19 ) && ( trouved < 30 ) ) {
							
								corps_3 += "<p>Nom: " + thisData[Element][0] + " - Date: " + thisData[Element][2] + " - Fichier: " + thisData[Element][2] + "</p>";
							
							}
							
							trouved++;

						}

					}

					// si trop de réponses
					if ( trouved > 29 ) {
						
						document.getElementById("onError").innerHTML = '<h3>TROP DE RÉPONSES ! AJOUTER UN MOT CLÉ</h3>';
					
					} else if ( trouved == 0 ) {
					
						document.getElementById("onError").innerText = "Aucune réponse avec " + thisRecherche + " ...";
					
					} else {
					
						// on vient remplir les divs avec leur contenu
						if (corps_1) document.getElementById("CorpsLeft").innerHTML = corps_1;
						if (corps_2) document.getElementById("CorpsCenter").innerHTML = corps_2
						if (corps_3) document.getElementById("CorpsRight").innerHTML = corps_3;
					
					}

				} else {
					
					document.getElementById("onError").innerText = "Il faut écrire quelque chose ...";
					
				}
				
			}
		
		</script>
		
		<style>
		
			#CorpsLeft { background-color: green; }
			#CorpsCenter { background-color: blue; }
			#CorpsRight { background-color: yellow; }
		
		</style>
	
	</head>

	<body>
		
		<div id="Header0"></div>

		<div id="Header1">
			
			<div class="HeaderRecherche">
				
				<center>

					<input type="text" id="champ" size="70"></input><BR>
					<button onclick="recherche();">Rechercher</button>

					<noscript>
						<p>Ton navigateur est trop vieux, tu es le maillon faible, au revoir !</p>
					</noscript>
					
				</center>
				
			</div>
			
		</div>

		<div id="Corps">
		
			<div id="onError"></div>
			<div id="CorpsLeft"></div>
			<div id="CorpsCenter"></div>
			<div id="CorpsRight"></div>
			
		</div>

		<div id="Footer"></div>

	</body>

</html>


Modifié par stryk (13 Mar 2020 - 14:47)
Mathieuu a écrit :
j'aurai tendance à séparer la recherche de l'affichage

Tout à fait d'accord avec toi Smiley cligne

Là il s'agissait d'une première approche pour schématiser le fonctionnement !!
Bonjour Mathieuu, Stryk,

Premièrement j'espère que vous êtes bien protégé du coronavirus.
Merci pour vos codes et partage.
Je vais tester.

Merci sincèrement.
epistolier77 a écrit :

&lt;noscript&gt;
						&lt;p&gt;Ton navigateur est trop vieux, tu es le maillon faible, au revoir !&lt;/p&gt;
					&lt;/noscript&gt;


J'adore

Sauf qu'en l'occurrence, si javascript est désactivé cela n'a rien à voir avec la version et le type du navigateur.
J'utilise les dernières versions des navigateurs sur mon poste et JS est désactivé. Si je vois apparaître un message de ce genre j'en déduis que le gars en question me prend pour un gros naze. Peu probable, donc, que je réactive JS juste pour voir ce qu'il nous aura pondu comme site.
Modifié par sepecat (16 Mar 2020 - 08:37)
Bonjour,
Je suis vraiment un gros nul. Smiley bawling Smiley bawling Smiley bawling Smiley bawling Smiley bawling
Le code de @stryk, fonctionne très bien, mais dès que je mets ma page en conformité, la barre de recherche n'est plus disponible, aussi bien sous Firefox, IE11, Edge.
Même si je mets const getStore = function () directement dans la page.
Voici la page finie avec les div.

<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Base de Connaissance</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script src="getStore.js"></script>

<script type = 'text/javascript'>



const recherche = function () {
			
				// on récupère la valeur de l'input recherche
				const thisRecherche = document.getElementById("champ").value;
				// on récupère l'array data
				const thisData = getStore();
			
				// petit reset des conteneurs:
				document.getElementById("CorpsLeft").innerHTML = "";
				document.getElementById("CorpsCenter").innerHTML = "";
				document.getElementById("CorpsRight").innerHTML = "";
				document.getElementById("onError").innerHTML = "";
				
				let trouved = 0;
				let corps_1 = "";
				let corps_2 = "";
				let corps_3 = "";

				// si input recherche n'est pas vide
				if (thisRecherche) {
				
					// on boucle sur chaque ligne de l'array
					for ( const Element in thisData ) {

						// on recherche avec la valeur de l'input dans l'array
						if ( thisData[Element].join('').toUpperCase().indexOf( thisRecherche.toUpperCase() ) != -1 ) {
						
							// on remplit le premier conteneur
							if ( trouved < 10 ) {
							
								corps_1 += "<p>Nom: " + thisData[Element][0] + " - Date: " + thisData[Element][2] + " - Fichier: " + thisData[Element][2] + "</p>";
							
							}
							
							// on remplit le deuxième conteneur
							if ( ( trouved > 9 ) && ( trouved < 20 ) ) {
							
								corps_2 += "<p>Nom: " + thisData[Element][0] + " - Date: " + thisData[Element][2] + " - Fichier: " + thisData[Element][2] + "</p>";

							}
							
							// on remplit le troisième conteneur
							if ( ( trouved > 19 ) && ( trouved < 30 ) ) {
							
								corps_3 += "<p>Nom: " + thisData[Element][0] + " - Date: " + thisData[Element][2] + " - Fichier: " + thisData[Element][2] + "</p>";
							
							}
							
							trouved++;

						}

					}

					// si trop de réponses
					if ( trouved > 29 ) {
						
						document.getElementById("onError").innerHTML = '<h3>TROP DE RÉPONSES ! AJOUTER UN MOT CLÉ</h3>';
					
					} else if ( trouved == 0 ) {
					
						document.getElementById("onError").innerText = "Aucune réponse avec " + thisRecherche + " ...";
					
					} else {
					
						// on vient remplir les divs avec leur contenu
						if (corps_1) document.getElementById("CorpsLeft").innerHTML = corps_1;
						if (corps_2) document.getElementById("CorpsCenter").innerHTML = corps_2
						if (corps_3) document.getElementById("CorpsRight").innerHTML = corps_3;
					
					}

				} else {
					
					document.getElementById("onError").innerText = "Il faut écrire quelque chose ...";
					
				}
				
			}
		
		</script>
		
			
	</head>

	<body>
		<!--- HEADER --->
		<div id="Header0">
		<center>
	<img src="img/sccLogo1a.png"/>
	</center>
		</div>

		<div id="Header1">
			
			<div class="HeaderRecherche">
				
				<center>

					<input type="text" id="champ" size="70"></input><BR>
					<button onclick="recherche();">Rechercher</button>

					<noscript>
						<p>Ton navigateur est trop vieux, tu es le maillon faible, au revoir !</p>
					</noscript>
					
				</center>
				
			</div>
			
		</div>
<!--- END HEADER --->
	<!--- CENTRAL --->
		<div id="Corps">
	<div id="onError"></div>
		<div class="CorpsLeft">
		
		</div>
		<div class="CorpsCenter">
		
		</div>
		<div class="CorpsRight">
		
		</div>
	</div>
	<!--- END CENTRAL --->
	<!--- FOOTER --->
	<div id="Footer">
	<!--- Tableau  6 Colonnes -- 10 Lignes dont une en titre-->
	<table>
		<!--- TITRES--->
		<thead>	
		<tr>
		<th><span style='color:black; font-weight:bold' >APPLICATIONS WEB</span> </th>
		<th><span style='color:black; font-weight:bold' >SCRIVENER</span> </th>
		<th><span style='color:black; font-weight:bold' >ANNUAIRE EDITEURS</span> </th>
		<th><span style='color:black; font-weight:bold' >ANNUAIRE IMPRIMEURS</span> </th>
		<th><span style='color:black; font-weight:bold' >MODELES MESSAGES</span> </th>
		<th><span style='color:black; font-weight:bold' >SITES ECRITURE</span> </th>
		</tr>
		</thead>	
		<!--- Ligne1 --->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<!--- Ligne2 --->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<!--- Ligne3--->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<!--- Ligne4--->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<!--- Ligne5--->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<!--- Ligne6 --->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<!--- Ligne7 --->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<!--- Ligne8 --->
		<tr>
		<td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<!--- Ligne9 --->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		<!--- Ligne10 --->
		<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		</tr>
		</table>
	</div>
	<!--- END FOOTER --->
</body>

</html>


Merci