Faire un colspan c'est impossible ?

Version imprimable

Voir 40 message(s) de cette discussion en une page

Bonjour tout le monde !!

Je vient de http://www.w3schools.com/ et j'ai trouver le code que je cherchais sauf qu'il ne marche pas.... En gors je veut appliquer a une colonne un colspan j'ai fait comme suis :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 var BaliseLigne2 = document.createElement('tr'); var BaliseCol2 = document.createElement('td'); var BaliseAreaCom = document.createElement('textarea'); BaliseLigne2.id='ligne'+(i-1); BaliseCol2.id='colcom'+(i-1); document.getElementById(BaliseCol2.id).colSpan="10"; BaliseLigne2.appendChild(BaliseCol2); BaliseCol2.appendChild(BaliseAreaCom); BaliseLigne2.style.display = "none"; var Cible = document.getElementById('Tab'); Cible.appendChild(BaliseLigne2);
mais mon onclick ne marche plus donc impossible de savoir si ca marche ! (j'imagine que si ca fait bugger le onclick c'est que ca doit pas etre le bon code...) Si quelqu'un pouvais m'aider a trouver le code qui marche ou au moins un bout du code !!
Merci d'avance !!!

29/07/2008, 15h46
Katachana

et comme ca ?

Code:

td.setAttribute("colSpan", "10")
29/07/2008, 15h51
SweetLeaf

Merci pour ta réponse mais ça ne fonctionne pas non plus... je vais regarder avec WebDevelopper pour vois ce qu'il en est !
29/07/2008, 15h54
Matthieu2000

Citation:

Envoyé par SweetLeaf

var Cible = document.getElementById('Tab');
Cible.appendChild(BaliseLigne2);
!

il manque un tbody
29/07/2008, 16h03
SweetLeaf

euh c'est quoi un tbody ?

- webdeveloppeur : l'affectation au td marche, j'ai bien :

Code:

<td colspan="10" width="100" height="100"></td>

et si je copie le code créé dans une page html vierge ça m'affiche bien le bon tableau avec le colspan...
29/07/2008, 16h17
Eldar57

moi, j'aurai dit que c'est plutot ainsi:

document.getElementById(BaliseCol2.id).colspan="10";

je comprend pas la majuscule au milieu de colspan ...
29/07/2008, 16h25
SweetLeaf

la majuscule je la tient du site de www.w3schools.com !!
je pense pas que ce soit ça qui fasse bugger...

Est-ce que c possible que cette méthode ne marche pas avec FF ??
29/07/2008, 16h33
Eldar57

personnellement je suis en pleine réalisation d'un site internet, et j'utilise rowspan et colspan sous FF et ça marche ...

c'est pour ça que je ne comrpend pas la majuscule ... Javascript demande de respecter la casse. Donc j'essayerai quand même à ta place.
29/07/2008, 16h40
SweetLeaf

J'ai essayé ca ne fonctionne pas...

Pourrais-tu me montrer ton code pour que je compare ??
29/07/2008, 17h30
Auteur
attention à l'ordre des instructions !
Code:

1 2 3 document.getElementById(BaliseCol2.id).colSpan="10"; BaliseLigne2.appendChild(BaliseCol2);
tu fais un getElementById() avant appendChild(). Sois logique : comment cibler un élément qui n'est pas inclus dans la page ?

Ou alors remplace ton getElementById() par :
Code:

1 2 BaliseCol2.colSpan="10";
et puis qu'est-ce je t'ai dit sur la création des lignes et des cellules dans un tableau ?
30/07/2008, 09h18
SweetLeaf
Citation:
Envoyé par Auteur

attention à l'ordre des instructions !

Code:

1 2 3 document.getElementById(BaliseCol2.id).colSpan="10"; BaliseLigne2.appendChild(BaliseCol2);

tu fais un getElementById() avant appendChild(). Sois logique : comment cibler un élément qui n'est pas inclus dans la page ?
Bien vu mais mes instructions sont dans le bon ordre j'ai fait gaffe cet fois-ci !!
Citation:
Envoyé par Auteur

Ou alors remplace ton getElementById() par :

Code:

1 2 BaliseCol2.colSpan="10";
Oui c'est le premier truc que j'avais mis et en plus je suis obligé si je veut que ca affiche mon tableau sinon avec getElementById même mon tableau ne se crée pas... mais ça n'étend toujours pas la colonne...

Citation:

Envoyé par Auteur

et puis qu'est-ce je t'ai dit sur la création des lignes et des cellules dans un tableau ?

Oui il y a des fonctions mais je n'est pas le temps de tout revoir il faut que j'avance quand ce sera fini peut être je reprendrais le code pour l'optimiser mais la mon patron veut des résultats !! Alors ben je fait avec les moyen du bord...;)

Merci pour ta réponse je vous informe dès que j'ai des news pour mon colspan !!
30/07/2008, 09h37
SweetLeaf

Je crois que je vais quand même essayer avec les fonction adapter !!
Je vous dis si ça marche !! (j'espère que oui ! :?)

salut :)
voici un petit exemple fonctionnel ;)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript">
	function addUnder(element){
		//Création d'une ligne
		var ligne = document.createElement("tr");
		//création de deux ligne dont une avec un colspan de 2
		var celulle1 = document.createElement("td");
		celulle1.innerHTML = "case de deux colspan"
		celulle1.colSpan = "2";
 
		var celulle2 = document.createElement("td");
		celulle2.innerHTML = "aucun colspan";
		//Ajout des cellules dans la ligne
		ligne.appendChild(celulle1);
		ligne.appendChild(celulle2);
		//Ajout de la ligne en dessus de celle clickée
		var letbody = element.parentNode.parentNode;
		letbody.insertBefore(ligne, element.parentNode);
	}
</script>
</head>
 
<body>
<table width="200" border="1">
<tbody>
  <tr>
    <td>&nbsp;</td>
    <td onclick="addUnder(this)">click ici pour insérer une ligne de deux colonne</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tbody>
</table>
 
</body>
</html>

30/07/2008, 10h09
SweetLeaf

Merci beaucoup je vais comparer et je te dis si ça marche !!

Code:

celulle1.innerHTML = "case de deux colspan"

Ça sert a quoi ?? c'est un genre de commentaire ?? infobulle ?

PS : il ne manquerais pas un ' ; ' ??
30/07/2008, 10h20
Matthieu2000

tout ça pour éviter des

Citation:

insertRow();
insertCell();

:aie:
30/07/2008, 10h22
SweetLeaf

Ça y est ça fonctionne !! :mrgreen:
Mais ce qui est étrange c'est que mis a pars ton innerHTML on a le même code... Enfin bref le principale c'est que ça fonctionne !!! :king:

Merci à tous !!!

PS: Au fait le_chomeur attention à l'orthographe ^^ celulle => cellule et au point virgule (surtout eux !!) Pour une fois que je vois des fautes autre part que dans mon code, j'en profite !!

Mathieu, promis la prochaine fois que je fait un tableau en DOM je m'en servirais !!!! Juré, craché !!! Mais je ne peut pas reprendre mon code il faut que je finisse tout ce matin...:lol: A plus !!!
30/07/2008, 10h44
le_chomeur

mdrrr merci de l'info , pour les ; c'est rare que je les oublis ...
et le innerHTML c'est le mal mais l'exemple portait sur le colspan ;)
bon courage :)
30/07/2008, 11h23
SpaceFrog

Citation:

Pour une fois que je vois des fautes autre part que dans mon code, j'en profite !!

Citation:

Enfin bref le principale

:aie:

;)
30/07/2008, 11h25
SweetLeaf

:oops:

ok ok je ne dirais plus rien....

PS : mais attend... c'était pas du code !!! :mrgreen:
30/07/2008, 11h30
SpaceFrog

Je ne dis rien je suis le premier à m'emmêler les doigts sur mon clavier ...:oops:

mais y'a du progrès depuis que j'ai réussi à installer le vérificateur d'orthographe de ffx 3 avec les bons dicos...

Voir 40 message(s) de cette discussion en une page