begin process at 2010 03 15 11:41:23
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Javascript et ActiveX

 > 

ActiveX

 > 

Inserer un Tableau pour appli WYSIWYG


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Inserer un Tableau pour appli WYSIWYG

dimanche 15 avril 2007 à 17:39:21 | Inserer un Tableau pour appli WYSIWYG

Jarod1980

Bonjour,
Je suis en train de développer un editeur WYSIWG et je voudrais savoir si il existe un controle ActiveX ou un script javascript permettant d'insérer un tableau dans l'interface où l'utilisateur peut sélectionner son tableau (colonne, cellule) et changer les propriétés de celui ci. J'ai regardé du coté de doRichEditCommand mais j'ai pas trouvé. J'ai également regardé sur le site de microsoft où il y a un exemple de création d'un éditeur WYSIWYG mais ils n'abordent pas les tableaux ( [ Lien ])

Si quelqu'un aurait des tuyaux je suis preneur.
Merci.

Jarod_Delaware
lundi 16 avril 2007 à 15:21:36 | Re : Inserer un Tableau pour appli WYSIWYG

bultez

Membre Club




Bonjour,

    tiens c'est vrai... pas trouvé non plus.
    on a mal cherché ?
    sinon l'insérer, en javascript, là où est le curseur
       ou en remplacement des caractères sélectionnés
       creuser du coté de 
var sel = objet.selection.createRange();
                                        sel.text="tout ce qu'on veut y compris des balises...";



Cordialement                Bul     [mon Site]     [M'écrire]

lundi 16 avril 2007 à 19:18:04 | Re : Inserer un Tableau pour appli WYSIWYG

Jarod1980

Salut,
Merci pour ta réponse. Je vais essayer ce que tu m'as écris. J'ai ecris un script permettant d'insérer un tableau mais par contre je n'arrive pas à sélectionner une et seule cellule pour changer sa propriété. Par contre j'arrive à selectionner tout le tableau. Je sais pas si je peux mettre tout mon code via ce forum parce que il y a beaucoup de lignes. Dans le cas contraire, je ferais un copie/coller de mon code dans le forum.


Jarod_Delaware
lundi 16 avril 2007 à 19:28:10 | Re : Inserer un Tableau pour appli WYSIWYG

stfou

Membre Club
Bonjour,
<td id="cellule">
document.getElementById("cellule").select() ne marche pas ?


mnu.bmpstefou.bmp
STFOU
mardi 17 avril 2007 à 06:12:55 | Re : Inserer un Tableau pour appli WYSIWYG

bultez

Membre Club
Réponse acceptée !
>>Je sais pas si je peux mettre tout mon code via ce forum parce que il y a beaucoup de lignes
tu devrais pouvoir extraire uniquement ce qui pose problème
très très souvent d'ailleurs, ça permet de résoudre tout seul.


Cordialement        Bul     [mon Site]     [M'écrire]

jeudi 19 avril 2007 à 15:54:06 | Re : Inserer un Tableau pour appli WYSIWYG

Jarod1980

Salut,
Merci pour vos réponses. Je n'arrive toujours pas à sélectionner une cellule de mon tableau. J'arrive à créer un tableau à sélectionner le tableau et à changer la couleur d'arrière plan des cellules. Par contre, moi ce que je voudrais faire c'est pouvoir sélectionner une cellule de mon tableau et changer sa couleur d'arrière plan.

J'ai testé <td id="cellule">
document.getElementById("cellule").select() mais ça marche pas. Ca me donne aucun résultat.

J'ai regardé aussi du coté du controle ActiveX DECMD_INSERTTABLE mais c'est un peu trop compliqué je trouve.

Voila mon code javascript (1er test) :
function modifyCell(bgcolor)
{
   if (document.selection.type == 'Control')
   {
   range=document.selection.createRange();
      if (range.length == 1 && (range(0).tagName == 'TABLE' || range(0).tagName == 'table'))
      {
     
    if(!bgcolor) bgcolor=range(0).bgColor;
  
  
  range(0).bgColor=bgcolor;
  
      }
   }
}

Mon deuxième test :
function modifyCell(){
       
  var selection = document.selection.createRange();
  var cursor = document.selection.createRange();
  var table = cursor.parentElement();
  if (table.nodeName.toLowerCase() == "td") {
  table.bgColor = "rgb(255,0,0)";
  }
  }

En gros, ce que je voudrais faire mais que j'arrive pas à faire c'est :
Si le curseur est dans une balise td
alors
insère : bgColor="une valeur" dans la balise td en cours.

Si vous avez une idée, parce que là je sèche littéralement.
Encore merci.

Jarod_Delaware
vendredi 20 avril 2007 à 15:56:54 | Re : Inserer un Tableau pour appli WYSIWYG

Jarod1980

Réponse acceptée !
Bonjour,
Je suis finallement arrivé à changer la couleur de fond en sélectionnant une seule cellule. Voilà mon script :

function modifyCell(){
       
  var selection = document.selection.createRange();
  var cursor = document.selection.createRange();
  var table = cursor.parentElement();
  if (table.nodeName.toLowerCase() == "td") {
  //table.bgColor = "rgb(255,0,0)";
  table.bgColor = "rgb(0,64,128)";
  } else{alert("Vous devez sélectionner une cellule à la fois");}
  }


Par contre maintenant, j'aimerais donner le choix de la couleur.
Mais là ça foire .
Si vous avez une idée, elle sera la bien venue.
Voici comment je m'y prend :

function modifyCellColor(){

var selection = document.selection.createRange();
  var cursor = document.selection.createRange();
  var table = cursor.parentElement();
  if (table.nodeName.toLowerCase() == "td") {
table.bgColor = document.form1.bgColor.value;
}

<form name="form1" method="post" action="">
<div align="center"><select name="bColor" class="textbox" id="Couleur">
<option selected>None 
<option style="background-color:#FF0000" value="#FF0000">#FF0000 
<option style="background-color:#FFFF00" value="#FFFF00">#FFFF00 
<option style="background-color:#00FF00" value="#00FF00">#00FF00 
<option style="background-color:#00FFFF" value="#00FFFF">#00FFFF 
</select>
</div>
<p align="center">
<input type="button" name="Button" value="OK" onClick="modifyCellColor()">

</p>
</form>

Jarod_Delaware


Cette discussion est classée dans : appli, tableau, inserer, wysiwyg, regardé


Répondre à ce message

Sujets en rapport avec ce message

wysiwyg inserer du texte directement dans iframe [ par jerame ] Bonjour a tous, je suis en train de faire un wysiwyg moins evoluer que javascriptfr. Les principaux utilisateurs qui vont utiliser le WYSIWYG sont su Comment gérer les accents appli WYSIWYG [ par Jarod1980 ] Bonjour,Je voudrais savoir comment peut on gérer les accents du style é, è, à, ê, etc... dans une application WYSIWYG de façon à générer le bon code H inserer un menu dans un tableau [ par logicielconst ] bonjour,j'ai inseré un menu déroulant dans une cellule d'un tableau ,lorsque le menu se déroule(en cliquant dessus),la cellulle se redimenssionne comm inserer ligne dans un tableau [ par akkar0021 ] Salut tout le mondeDans un  tableau, je veux insérer une ligne de donnée, de la même façon que l'on insère une ligne dans Excel. c'est à dire que je p Comment redimensionner une cellule d'un tableau WYSIWYG [ par Jarod1980 ] Bonjour,Je voudrais savoir si il est possible en javascript de redimensionner les cellules d'un tableau en utilisant sa souris, un petit comme dans dr Ouvrir un fichier sur un serveur appli WYSIWYG [ par Jarod1980 ] Jarod_Delaware tableau limité [ par nadifa ] je veux créer une page php qui va apporté des données depuis la base elle doit générée 10 lignes  et si les données depassent 10 lignes un boutton sui variable globale [ par bonzelfe ] Bonjour,J'ai défini un tableau dans un ficheir js externe. J'inclus ce fichier au debut de ma page.Je déclare une fonction load() dans ma age html et Comment colorier plusieurs cellules d'un tableau [ par Jarod1980 ] Bonjour,Je voudrais si quelqu'un pourrait m'aider à optimiser mon algo de coloriage de cellule d'un tableau. J'arrive à colorier une et seule cellule Aide pour selection de plusieurs tableau pour faire manipulations [ par Jarod1980 ] 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 interf


Nos sponsors


Appels d'offres

Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,437 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales