ajouter ligne ds colonne

**JeanDan** · 10/12/2008, 11h11

Bonjour forum,

Voilà je crée une table en HTML.

Code :

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

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

**Bovino** · 10/12/2008, 11h17

Tu ne peux pas mettre une balise tr dans un td !!!

**JeanDan** · 10/12/2008, 11h29

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

**Bovino** · 10/12/2008, 11h40

Code :

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

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 ?

**RomainVALERI** · 10/12/2008, 11h42

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...

**SpaceFrog** · 10/12/2008, 11h57

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

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
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>

**JeanDan** · 10/12/2008, 12h15

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

ajouter ligne ds colonne

JavaScript

Vue hybride

Discussions similaires

Partager

Partager