ajouter un bouton qui crée un tableau prédéfini

Voir le sujet précédent Voir le sujet suivant Aller en bas

ajouter un bouton qui crée un tableau prédéfini

Message par Marco6205 le Mer 14 Fév - 19:35

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://bridge-embrunais.forumactif.com/

Description du problème

Bonjour
je voudrais insérer un tableau prédéfini dans mes messages.
pour ça je voulais ajouter un bouton dans l'éditeur et que le clique sur ce bouton déclenche une fonction javascript qui cré mon tableau prédéfini.
j'ai défini le code javascript (qui fonctionne sur une page html )que j'ai mis dans la page de code javascript
Code:
function CreateTable() {

   // CREATE DYNAMIC TABLE.
   var table = document.createElement('table');

   // SET THE TABLE ID.
   // WE WOULD NEED THE ID TO TRAVERSE AND EXTRACT DATA FROM THE TABLE.
   table.setAttribute('id', 'TabBids');

   var Entetes = new Array();
   Entetes = ['OUEST', 'NORD', 'EST', 'SUD'];// 4 entêtes

   var arrValue = new Array();
   arrValue.push([' ', ' ', ' ', ' ']);//ajoute les éléments à la fin du tableau "arrValue"
   arrValue.push([' ', ' ', ' ', ' ']);

   var tr = table.insertRow(-1);/* ajoute une ligne à "table" Si l'indice est -1
                           ou est égal au nombre de lignes, la ligne est ajoutée comme dernière ligne*/

   for (var h = 0; h < 4; h++) {
      var th = document.createElement('th'); //attribue à chaque "th" un des éléments correspondant à l'entête du tableau
      th.innerHTML = Entetes[h];
      tr.appendChild(th);//ajoute sur la ligne "tr" les éléments th d'entête
   }

   for (var c = 0; c <= arrValue.length - 1; c++) {//pour chaque ligne du tableau "arrValue" (3)
      tr = table.insertRow(-1);//ajoute une ligne à "table"

      for (var j = 0; j < Entetes.length; j++) {
         var td = document.createElement('td'); //attribue à chaque "td" un des éléments correspondant au valeur de chaque ligne        // TABLE DEFINITION.
         td = tr.insertCell(-1);  //ajoute une cellule à chaque ligne créé
         td.innerHTML = arrValue[c][j];                  // ADD VALUES TO EACH CELL.
      }
   }

   // FINALLY ADD THE NEWLY CREATED TABLE AND BUTTON TO THE BODY.
   document.body.appendChild(table);
}
j'ai mis aussi le style dans la feuille de style.
Code:
table{
   border-collapse: collapse;

th, td
   {
      margin:10px 0;
      border:solid 1px #333;
      padding:2px 4px;
      font:15px Verdana;
      width:50px;
   }
   th {
      font-weight:bold;
      height:100%;
   }
et enfin j'ai ajouter un bouton mais c'est là je crois que ça pêche
Code:
$(function(){$(function(){
 
  $('<a class="sceditor-button sceditor-button-dico" unselectable="on" title="Bids"><div unselectable="on" style="background-image:url(https://i62.servimg.com/u/f62/18/31/09/16/trefle10.png)">Enchères</div></a>').insertAfter('.sceditor-button-bold').click(function(){
    $('#text_editor_textarea').sceditor("instance").onclick=CreateTable();
  });
 
})});

merci pour votre aide
avatar

Marco6205
**

Messages : 58
Inscrit(e) le : 24/01/2017

http://bridge-embrunais.forumactif.com/
Marco6205 a été remercié(e) par l'auteur de ce sujet.

Re: ajouter un bouton qui crée un tableau prédéfini

Message par Chacha le Jeu 22 Fév - 9:44

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55853
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum