script selection tableau

Version imprimable

Bonjour,

J'ai un problème dans mon script, je voudrais savoir si quelqu'un peut m'aider à le résoudre. Mon problème est le suivant : Dans une interface j'ai un ou plusieurs tableaux que je peux sélectionner avec ma souris et effectuer des manipulations tel que supprimer des colonnes sur le tableau sélectionné.
Ce que je voudrais faire c'est pouvoir redimensionner mes colonnes en selectionnant le tableau pour lequel je souhaite faire cette modif. J'arrive à effectuer le redimensionnement de colonnes mais que pour le premier tableau pas pour les autres. Je mets mon script ci-dessous, en espérant que quelqu'un pourra m'aider :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function defLargeurColonne(idCol, largeur){ if (document.selection.type == 'Control') { range=document.selection.createRange(); if (range.length == 1 && (range(0).tagName == 'TABLE' || range(0).tagName == 'table')) { var oldId=range(0).id; range(0).id="tableNow"; var tbl = document.getElementById('tableNow'); } } window.opener.document.getElementById(idCol).width = largeur; }

02/08/2007, 14h01
E.Bzz
Bonjour,

Citation:

Envoyé par Jarod51

J'arrive à effectuer le redimensionnement de colonnes mais que pour le premier tableau pas pour les autres.
Code:

1 2 range(0).id="tableNow"; var tbl = document.getElementById('tableNow');
Si "tableNow" est l'ID de ton 1° tableau, ça semble normal ...
Sinon, où est la référence au tableau courrant ?

A quoi sert ton "tbl" : il n'est pas réutilisé ?

A+

Salut,

Merci pour ta réponse. En fait, il n'y a pas de réference de tableau courant, ce qu'il se passe, c'est que dès que je sélectionne un talbeau dans mon appli WYSIWYG je lui affecte l'id tableNow :
Code:

1 2 3 4 5 6 7 8 9 10 if (document.selection.type == 'Control') { range=document.selection.createRange(); if (range.length == 1 && (range(0).tagName == 'TABLE' || range(0).tagName == 'table')) { var oldId=range(0).id; range(0).id="tableNow"; var tbl = document.getElementById('tableNow'); } }
C'est que la référence tbl je ne l'utilise pas dans mon

Code:

window.opener.document.getElementById(idCol).width = largeur;

J'ai essayé t'intégrer tbl sur :

Code:

window.opener.document.getElementById(idCol).width = largeur;

Mais ça me génére une erreur à chaque fois, du coup j'arrive pas à trouver comment utiliser cette référence pour le tableau cours de sélection pour modifier les colonnes. Je sais pas si mes explications claires;
Je mets le source qui marche pour supprimer une colonne d'un tableau en cours de sélection, peut être que ça sera plus parlant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 function SuppColonne() { if (document.selection.type == 'Control') { range=document.selection.createRange(); if (range.length == 1 && (range(0).tagName == 'TABLE' || range(0).tagName == 'table')) { var oldId=range(0).id; range(0).id="tableNow"; var tbl = document.getElementById('tableNow'); } } var row = tbl.rows.item(0); for (l=0;l<tbl.rows.length;l++) { tbl.rows[l].deleteCell(3); } }
@+

02/08/2007, 14h52
E.Bzz

Bonjour,

Citation:

Envoyé par Jarod51

En fait, il n'y a pas de réference de tableau courant, ce qu'il se passe, c'est que dès que je sélectionne un talbeau dans mon appli WYSIWYG je lui affecte l'id tableNow

c'est là le problème : tu affectes cet ID au 1° tableau, ce qui fonctionne.
Puis tu passes au 2° tableau en lui affectant le même ID. Or un ID doit être unique, ce qui n'est dès lors plus le cas ==> :aie:

Il vaudrait mieux, dès la sélection d'un tableau, récupérer son id dans une variable globale.
Tu peux ensuite réutiliser cette variable pour faire référence au tableau courant, dans n'importe quel script.

Par contre, pas sûr que ça soit nécessaire : ton redimensionnement se fait en accédant directement à la colonne via son ID : dans ce script, tu n'as (a priori) pas besoin de savoir dans quel tableau elle se trouve ...

A+

Ok merci pour les precisions. Par contre, mon tableau je le génere de la façon suivante :

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
function insertTable2(cols, rows, border, cellspace, cellpad, alignment, width){
var icols = 0;
var irows = 0;
 
if(!rows)
rows = 1;
if(!cols)
cols = 1;
if(!border)
border = 0;
if(!cellpad)
cellpad = 0;
if(!cellspace)
cellspace = 0;
if(!alignment)
alignment = "left";
if(!width)
width = "90%"
 
var oneRowBlock = "";
var tableBlock = "";
var titreBlock = "";
 
// barre de titre
titreBlock +=  "<tr>"
while(icols < cols){
titreBlock += "<td id=\"" + icols + "\">&nbsp;</td>";
icols++;
}
titreBlock += "</tr>\n"
 
icols = 0;
while(icols < cols){
oneRowBlock += "<td>&nbsp;</td>";
icols++;
}
oneRowBlock="<tr>" + oneRowBlock + "</tr>\n";
 
tableBlock = "<table align=\"" + alignment + "\" width=\"" + width + "\" cellspacing=\"" + cellspace + "\" cellpadding=\"" + cellpad + "\" border=\"" + border + "\">\n" + titreBlock;
while(irows < rows){
tableBlock += oneRowBlock;
irows++;
 
} insertHTML(tableBlock);
}

Du coup j'affecte à chaque fois le même id. Donc je sais plus trop. Mon problème est assez complexe. Merci encore pour l'aide.

02/08/2007, 15h04
E.Bzz

Code:

tableBlock = "<table id=\"" + un_id_généré_en_dynamique + "\" align=\"" + alignment + "\" width=......

Mais ... ça fonctionne même sans "</table>" après ta dernière boucle ? :?

A+
02/08/2007, 16h14
Jarod1980

Oui ça fonctionne puisque ça m'insère bien un tableau dans mon interface WYSIWYG et la balise </table> est bien générée dans le code HTML de l'interface.
02/08/2007, 16h20
E.Bzz

Citation:

Envoyé par Jarod1980

Oui ça fonctionne puisque ça m'insère bien un tableau dans mon interface WYSIWYG et la balise </table> est bien générée dans le code HTML de l'interface.

C'était une remarque secondaire.

Ca fonctionne avec l'id "dynamique" (mon dernier post) ?