Discussion :

[gentil]

Bonjour tout le monde

J'ai créé des champ de saisie de manière dynamique avec le DOM.

Je souhaiterais que ces champs de saisie soit plus espacé car ils sont collé.

Mes champs de saisie ne sont pas sur le même ligne et je voudrais avoir plus de place entre chaque ligne de champ de saisie.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
//on doit ajouter une  ligne TR
var tr = document.createElement("tr");
var td1 = document.createElement("td");
var td2 = document.createElement("td");
var td3=document.createElement("td");
td1.appendChild(document.createTextNode("Tag:"));
var titretag=document.createElement('INPUT');
titretag.size=75;
titretag.id='saisietag'+cpt;
var nametag='tag'+cpt;
titretag.name=nametag;
td2.appendChild(titretag);
var erreurtag=document.createTextNode("Saisir le tag");
td3.id='tag'+cpt;
td3.style.color='#FF0000';
td3.style.visibility='hidden';
td3.appendChild(erreurtag);
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
//ajout de la ligne
tableau.appendChild(tr);

[le_chomeur]

ajouter une marge sur tes TR ( via le style )

[SpaceFrog]

oui par exemple sinon il y a aussi des propriétés comme
line-height
padding
cell-spacing

[gentil]

je vous remercie de votre aide.

J'ai essayé ceci mais ça na rien changer.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
tr.style.marginTop="32px";

Je vous remercie de votre aide

[SpaceFrog]

c'est sur que si tu as juste mis ça ...

[gentil]

Peux tu me guider s'il te plait.

Je ne vois comment faire.

Je veux mettre un interligne lorsque je créé ma ligne dynamiquement avec le dom


Je te remercie

[SpaceFrog]

as tu essaye avec padding ? avec line height ...

sinon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

titretag.name=nametag;

sous IE est vain ...

[gentil]

J'ai essaye ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function createparagraph(){
var tableau = document.getElementById('montab');
 
//on doit ajouter une  ligne TR
var tr = document.createElement("tr");
tr.style.padding='60px';

Je te remercie de ton aide

[SpaceFrog]

essaye pluto sur les tds ..

[gentil]

Je te remercie encore de ton aide.

J'ai essayé ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
td.style.padding="5px";

Ceci fonctionne mais ce n'est vraiment ca que je veux car ca me met un espace au dessus et en dessous de la ligne moi je voudrais un espace juste en dessous de la ligne.

J'ai essayé ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
td.style.padding-bottom="5px";

firebug me met cette erreur:

invalid assignment left-hand side
[Break on this error] td.style.padding-bottom="5px";\n

Je suis obliger de developper avec firefox

Je te remercie de ton aide

[SpaceFrog]

Tu veux un espace entre les cellules, par à l'interieur ...
cellspacing

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 <table cellspacing="1">

[gentil]

Merci encore de ton aide.

Je cree des lignes d'un tableau de manière dynamique avec le dom et je veux que derniere ligne du tableau soit plus espacé avec ma nouvelle ligne crée.

[SpaceFrog]

pas possible pour une seul ligne ...
tu dois faire un tableau séparé

a moins de faire une ligne vide juste avant ?

[gentil]

Je te remercie de ton aide.
Afin de resoudre mon problème j'ai procéder comme ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
 
var tr = document.createElement("tr");
var td1 = document.createElement("td");
td1.height="100px";
tr.appendChild(td1);
//ajout de la ligne
tableau.appendChild(tr);

Ceci est une methode, je sais pas si c'est la meilleur.

Merci de ton aide