script selection tableau

**Jarod51** · 02/08/2007, 12h35

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 :

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

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

**E.Bzz** · 02/08/2007, 14h01

Bonjour,

Envoyé par Jarod51

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

Code :

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

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+

**Jarod51** · 02/08/2007, 14h39

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 :

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

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 :

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

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

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

Code :

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

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 :

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
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);
		}
 
}

@+

**E.Bzz** · 02/08/2007, 14h52

Bonjour,

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

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+

**Jarod51** · 02/08/2007, 15h00

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

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

**E.Bzz** · 02/08/2007, 15h04

Code :

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

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+

**Jarod1980** · 02/08/2007, 16h14

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.

**E.Bzz** · 02/08/2007, 16h20

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

script selection tableau

JavaScript

Discussions similaires

Partager

Partager