ajouter ligne ds colonne

Version imprimable

Bonjour forum,

Voilà je crée une table en HTML.
Code:

1 2 3 4 5 6 7 8 9 10 <table border=1 div id="side_bar"> <tr> <td> <div id="map" style="width: 900px; height: 550px"></div> </td> <td width = 150 valign="top" style="text-decoration: underline; color: #4444ff;"> <div id="Second_colo"></div> </td> </tr> </table>
Je voudrai en faite ajouter, dans la table, des lignes dans une colonne spécifique plus particuliérement la colonne avec l'id="Second_colo"

J'ai un code pour créer mes lignes :
var newRow = document.getElementById('side_bar').insertRow(-1);
var newCell = newRow.insertCell(0);
newCell.innerHTML = 'aaaaaa';

Mais comment faire pour qu'elle rentre dans la colonne id="Second_colo"

Merci

10/12/2008, 11h17
Bovino

:koi:
Tu ne peux pas mettre une balise tr dans un td !!!
10/12/2008, 11h29
JeanDan

Ok d'accord.
Donc moi (si j'ai comprit) je crée des cellules donc des tr
IL faut donc que je crée des td. Cela est il possible de créer des td dans une cellules spécifique ?
Merci
10/12/2008, 11h40
Bovino
Code:

1 2 var newRow = document.getElementById('side_bar').insertRow(-1); var newCell = newRow.insertCell(0);
newRow => balise TR
newCell => balise TD.

Mais tu auras le même souci : tu ne dois pas mettre de balise td à l'intérieur d'une autre balise td !
Pourquoi ne pas rajouter simplement du contenu à ta div ?
10/12/2008, 11h42
RomainVALERI

Si vraiment tu as besoin d'insérer des lignes (tr) dans une cellule (td), il faudra que tu crées une nouvelle table dans la cellule, puis que tu insères dans cette table tes lignes composées de cellules, etc.
Mais si je peux me permettre : attention à la complexité de ce genre de structures, que ce soit pour la maintenabilité de ta page, l'éventuelle difficulté supplémentaire de mise en page, et surtout des problèmes de référencement et d'accessibilité dûs aux tables imbriquées...

warf il faudrait faire toute une bidouille au niveau des colpsan et rowspan

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
<html>
<head>
 
<script type="text/javascript">
function setRowSpan(){
    var x=document.getElementById('myTable').rows[0].cells
    x[0].rowSpan=2
    x[1].colSpan+=x[0].colSpan
    x[0].colSpan=1
 
}
</script>
 
</head>
 
<body>
 
<table id="myTable" border="1">
  <tr>
    <td colspan="4">cell 1</td>
    <td colspan="4">cell 2</td>
  </tr>
  <tr>
    <td>cell 3</td>
    <td>cell 4</td>
    <td>cell 5</td>
    <td>cell 6</td>
    <td>cell 7</td>
    <td>cell 8</td>
    <td>cell 9</td>
    <td>cell 10</td>
  </tr>
</table>
<form>
  <input type="button" onclick="setRowSpan()" value="Change rowspan">
</form>
 
</body>
 
</html>

10/12/2008, 12h15
JeanDan

En faite j'aimerai mettre mes lignes à droite de
<div id="map" style="width: 900px; height: 550px"></div>

Est-il possible de positionner mon tableau à droite de
<div id="map" style="width: 900px; height: 550px"></div> ???
comme cela je n'aurai pas besoin d'intégrer l'id=map ds le tableau
En espérant avoir été clair ..
Merci
10/12/2008, 17h00
JeanDan

Woarf.. Trouvé
<table style="position:absolute;top:..px ,right:..px">

Merci