Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : Inserer un Tableau pour appli WYSIWYG [ Javascript et ActiveX / ActiveX ] (Jarod1980)

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é 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 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 changer la couleur de fond d'un tableau en cliquant sur une image [ par Ankaa1988 ] Salut tout le monde,je suis actuelment en train de dvl un code pour changer la couleur d'arrière plan d'un tableaualors j'ai écris çavar color = '#FFF


Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Téléchargements



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 0,172 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.