fusionner deux cellules html en javascript
bonjour,
tous est dans le titre =D
je suis en train de développer un éditeur du type wysiwyg avec la commande execCommand. J'utilise un iframe et je voudrais le faire vraiment complet.
J'y ai rajouter une partie tableau, jusqu'à présent on peux définir le contenu de chaque cellule, la couleur du texte et la couleur de fond de la cellule.
Se que je voudrais faire, c'est permettre la fusion des cellule de mon tableau.
pour la création de mon tableau je procède comme ceci :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| function notif_tableau() {
var ligne = prompt("Nombre de ligne ?","");
var colonne = prompt("Nombre de colonne ?","");
var entete = prompt("Saisir le titre du tableau","");
var tableau = "";
tableau = "<table border='1'>"
if(entete != '') {
tableau += "<tr><td colspan='"+colonne+"'><center>"+entete+"</center></td></tr>";
}
for(i=0;i<ligne;i++){
tableau += "<tr>";
for(j=0;j<colonne;j++){
tableau += "<td id='"+i+j+"'>entrez votre texte(celulle"+i+j+")</td>";
}
tableau += "</tr>";
}
tableau += "</table><br>";
alert(tableau);
var textarea = document.getElementById('textarea');
textarea.value += tableau;
iframe.body.innerHTML = textarea.value;
} |
Mon problème est que je ne vois pas comment réellement faire, j'avais penser a rajouter le ID de chaque cellule dans le texte lors de la création, puis de lui faire saisir le ID des cellules qui voulais fusionner, mais je trouve sa un peux lourd...
Auriez vous une petite solution a me proposer ??
cordialement b-boy baki
