Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

Générateur de tableaux

Script posté par :

scarlus
Vous aussi, postez vos scripts en cliquant ici.

Description

Voici un petit générateur de tableaux pour les débutants.

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1 et +
	Netscape Navigator : 3 et +
	Internet Explorer : 3 et +

Chiffres :

Date de création : 31/08/2004
Dernière modif : -
Visites de la page : 34975
Envois par mail : 447

Exemple :

.: Générateur de tableaux :.

Espace entre les cellules :

Marge dans les cellules :

Largeur tableau :

Bordure du tableau :

Nombre de lignes :

Nombre de colonnes :

Le code :

Entre <HEAD> et </HEAD> :

Entre <BODY> et </BODY> :

<center><TABLE bgcolor="#f3eee4" align="center" style="border-width : 1; border-color : #b4ad9e; border-style : solid; font-family : Arial, Helvetica, sans-serif; font-size : 8pt;">
<tr><td align="center" bgcolor="#f3eee4"><font color="#000000"><b>.: Générateur de tableaux :.</b></font></td></tr>
<form name="formulaire">
<tr><td align="center"><br><font color="#000000">Espace entre les cellules :</font><br><input type="text" name="cellspacing" size="5" value="0" OnFocus="this.select();"></td></tr>
<tr><td align="center"><font color="#000000">Marge dans les cellules :</font><br><input type="text" name="cellpadding" size="5" value="0" OnFocus="this.select();"></td></tr>
<tr><td align="center"><font color="#000000">Largeur tableau :</font><br><input type="text" name="width" size="5"></td></tr>
<tr><td align="center"><font color="#000000">Bordure du tableau :</font><br><input type="text" name="border" size="5" value="0" OnFocus="this.select();"></td></tr>
<tr><td align="center"><font color="#000000">Nombre de lignes :</font><br><input type="text" name="lignes" size="5"></td></tr>
<tr><td align="center"><font color="#000000">Nombre de colonnes :</font><br><input type="text" name="colonnes" size="5"></td></tr>
<tr><td align="center"><br><input type="button" value="Generer" OnClick="generer();"> <input type="reset" value="Effacer"></td></tr>
<tr><td align="center"><textarea name="resultat" cols="28" rows="10"></textarea><br><br></td></tr>
</form></table></center>

Dans un fichier nommé tableaux_generateur.js placé dans le même repertoire que votre page :

function generer() {

// On affecte les saisies a des variables pour plus de commodite
	var cellspacing = document.formulaire.cellspacing.value;
	var cellpadding = document.formulaire.cellpadding.value;
	var width = document.formulaire.width.value;
	var border = document.formulaire.border.value;
	var lignes = document.formulaire.lignes.value;
	var colonnes = document.formulaire.colonnes.value;

// Debut de l'ecriture du tableau dans le champ resultat
	document.formulaire.resultat.value = '<table ';

// on affecte chaque variable a son attribut dans le tableau
	document.formulaire.resultat.value += 'cellspacing="' + cellspacing + '" ';
	document.formulaire.resultat.value += 'cellpadding="' + cellpadding + '" ';
	document.formulaire.resultat.value += 'width="' + width + '" ';
	document.formulaire.resultat.value += 'border="' + border + '">\n';

// on cree chaque ligne
	for ( i = 0; i < lignes; i++ ) {
		document.formulaire.resultat.value += '\t<tr>\n';

// on cree chaque colonne
		for ( j = 0; j < colonnes; j++ ) {
			document.formulaire.resultat.value += '\t\t<td></td>\n';
		}

// fermeture de chaque ligne
		document.formulaire.resultat.value += '\t</tr>\n';
	}

// fermeture du tableau
	document.formulaire.resultat.value += '</table>';
}

Si vous ne savez pas comment créer le fichier tableaux_generateur.js, demandez a recevoir le script par email, il vous sera alors envoyé en pièce jointe ! Sinon, consultez la FAQ du site.

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

Pas d'annotation pour ce script.
>> Poster une annotation sur ce script

compteur gratuit
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

InkClub.com
Votre premiere cartouche d'encre gratuite, les autres a des prix tres interessants !
http://www.inkclub.fr

Cat : Hardware
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

65967 membres
4649 comptes CountUs
1842 comptes myCircle

LES FORUMS :

14 forums
40359 topics
191688 messages
>> Les forums

SONDAGE

La mini-astuce "Referencement" du jour par krucial
Pour savoir combien de pages de votre site sont indexées dans Google, il vous suffit de taper, dans la boite de recherche du moteur : "site:http://www.votresite.com";.
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi