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 : 22848
Envois par mail : 375

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

12 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Alice
En rachetant plein de concurents, Alice est devenu un grand nom d'Internet.
http://abonnement.alicead...

Cat : Haut débit
Voir l'annuaire webmaster

LES SCRIPTS :

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

LES MEMBRES :

56132 membres
8368 comptes CountUs
1541 comptes myCircle

LES FORUMS :

14 forums
39396 topics
189315 messages
>> Les forums

SONDAGE

La mini-astuce "Divers" du jour par caaptusss
Outlook express et Office recelle une option très utile : Les règles de messages. Elles vous permettent lorsque vous recevez beaucoup de messages d'un seul expéditeur, de les classer dans des dossiers prédéfinis ou que vous avez créé. Utile lorsque l'on veux s'y retrouver dans les mails ;-)
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi