tableau

[jeanmi62]

  bonjour a tous ,
Je cherche le moyen d integrer un tableau  simple dans un message .
J ai utilisé la fonction recherche mais helas rien trouvé .
merci
amitiés
smf 1.1.11

[LeYoyo]

Je ne comprends pas trop ou est le problème.

Tu as les boutons pour çà.



Si tu ne veux pas les utiliser, tu peux le faire avec les commandes associées au boutons

Exemple:

1	2
3	4

[maximus23]

Bonjour,

Oui parfaitement c'est inclus dans l'éditeur

Il existe un mode avancé aussi :

http://custom.simplemachines.org/mods/index.php?mod=1690

[jeanmi62]

Je ne comprends pas trop ou est le problème.

Tu as les boutons pour çà.



Si tu ne veux pas les utiliser, tu peux le faire avec les commandes associées au boutons

Exemple:

1	2
3	4

merci pour ta reponse " Tu as les boutons pour çà."

Comment procedes tu avec les boutons

[samsam14]

Bonjour,

Oui parfaitement c'est inclus dans l'éditeur

Il existe un mode avancé aussi :

http://custom.simplemachines.org/mods/index.php?mod=1690

Bonjour,

désolé d'intervenir sur le sujet, mais ce mod est compatible avec la version : SMF 2.0 RC3  s.v.p ?

[LeYoyo]

Je ne comprends pas trop ou est le problème.

Tu as les boutons pour çà.



Si tu ne veux pas les utiliser, tu peux le faire avec les commandes associées au boutons

Exemple:

1	2
3	4

merci pour ta reponse " Tu as les boutons pour çà."

Comment procedes tu avec les boutons

Perso je ne les utilises jamais, c'est trop galère

Mais si tu veux le faire avec les boutons:
- tu cliques d'abord sur le bouton "table" (à gauche).
- tu cliques sur le bouton "ligne" (au milieu)
- tu cliques sur le bouton "colonne/cellule" (à droite)
- tu saisis le texte de ta cellule
Si tu veux une nouvelle colonne/cellule, il faut te positionner après le [ /td] de ta cellule actuelle et recliquer sur le bouton "colonne/cellule" (à droite)

Pour ajouter une nouvelle ligne, tu te palces après le [ /tr] de ta ligne actuelle et tu re-cliques sur le bouton "ligne" (au milieu)

[maximus23]

Bonjour,

Pour Jeanmi62 :

Tu testes sur un nouveau message. Tu as le formatage en cellules dans le sens que tu veux. Il suffit de cliquer chaque fois sur le bouton désiré pour que la mise en forme se fasse automatiquement. Donc tu cliques sur un bouton cellules tu rentres un nombre. Tu recommences chaque fois de la sorte    

[jeanmi62]

  merci messieurs pour vos reponses .
Comment fais tu pour mettre un tableau dans un message , si tu n utilises pas les boutons qui je suis daccord avec toi sont galeres ..
Nous sur le forum on doit mettre pas mal de tableaux mais on ne sait pas comment faire et le plus simple possible serait interressant .
Je ne comprend pas qu avec  smf on ne puisse pas joindre un fichier excel ou autre en options supplementaires .
merci a vous
amitiées

[jeanmi62]

merci messieurs pour vos reponses .
Comment fais tu pour mettre un tableau dans un message , si tu n utilises pas les boutons qui je suis daccord avec toi sont galeres ..
Nous sur le forum on doit mettre pas mal de tableaux mais on ne sait pas comment faire et le plus simple possible serait interressant .
Je ne comprend pas qu avec  smf on ne puisse pas joindre un fichier excel ou autre en options supplementaires .
merci a vous
amitiées

Pour Jeanmi62 :

Tu testes sur un nouveau message. Tu as le formatage en cellules dans le sens que tu veux. Il suffit de cliquer chaque fois sur le bouton désiré pour que la mise en forme se fasse automatiquement. Donc tu cliques sur un bouton cellules tu rentres un nombre. Tu recommences chaque fois de la sorte ...
desolés mon ami je n y arrive pas.
pourrais tu me faire un essai sur ce post 
sinon me donner plus de precisions ...merci

[samsam14]

Bonjour,

Pour SamSam14

It already works in RC3 if you emulate RC2 before the install.
Il fonctionne en mode émulation mais tester en local avant si possible

Merci pour votre réponse, mais quand je veux l'installé manuellement je trouve pas les lignes a modifier :

Code Select Expand

'table' => array('code' => 'table', 'before' => '[table]\n[tr]\n[td]', 'after' => '[/td]\n[/tr]\n[/table]', 'description' => $txt['table']),

et aussi je trouve pas le fichier : style.css sur mon theme par défaut !!

donc je pense que c'est impossible de l'installé ?? ou bien existe un moyen de l'installé sans passer par ces 2 fichiers s.v.p ?

[maximus23]

Bonjour,

Style.css = index.css

Pour l'autre ligne de code juste faire la mise en forme au nouveau format

Je regarderai ce soir si tu ne trouves pas

[samsam14]

Bonjour,

Style.css = index.css

Pour l'autre ligne de code juste faire la mise en forme au nouveau format

Je regarderai ce soir si tu ne trouves pas

j'ai fais beaucoup de tests mais je n'arrive toujours pas a insérer le meilleur code pour la ligne indiquer en haut ...

j'attends votre intervention ce soir maximus23 

Merci bien

[maximus23]

Bonjour,

Voici le mod corrigé pour la RC3

Fichier thèmes\default\css\index.css

Rechercher :

Code Select Expand


Fin de fichier


Ajouter Avant :

Code Select Expand


/* Table Plus BBCodes */
.bbc_table
{
border-spacing: 2px;
background: #88A6C0 url(images/catbg.jpg) repeat-x
}
.bbc_table td
{
padding: 5px;
background: #E9F0F6 url(images/titlebg.jpg) repeat-x 0 -17px
}



Sauver

Fichier Sources/Subs_Editor

Rechercher :

Code Select Expand


   array(
    'image' => 'table',
    'code' => 'table',
    'before' => '[table]\n[tr]\n[td]',
    'after' => '[/td]\n[/tr]\n[/table]',
    'description' => $txt['table']
   ),



Ajouter Après :

Code Select Expand


   array(
    'image' => 'table_trtd',
    'code' => 'tabletrtd',
    'before' => '[table]\n[tr]\n[td]',
    'after' => '[/td][td][/td]\n[/tr]\n[/table]',
    'description' => $txt['table']
   ),
   array(
    'image' => 'tr_trtd',
    'code' => 'tr',
    'before' => '[tr]\n[td]',
    'after' => '[/td][td][/td]\n[/tr]',
    'description' => $txt['table_tr']
   ),
   array(
    'image' => 'td_trtd',
    'code' => 'td',
    'before' => '[td]',
    'after' => '[/td]',
    'description' => $txt['table_td']
   ),



Sauver

Ci-dessous trois images en fichiers joints à mettre dans :

Thèmes/défault/images/bbc

[LeYoyo]

...Je ne comprend pas qu avec  smf on ne puisse pas joindre un fichier excel ou autre en options supplementaires .
...

Si tu me trouves un forum qui sache intégrer un fichier excel comme si tu étais sous Office tu me le dis C'est évidemment possible, mais çà alourdirait lourdement le code et bonjour les problèmes de compatibilité avec les tableurs.

Après, tout dépend de ce que tu fais avec tes tableaux. Si c'est juste pour les montrer, chez nous on fait bêtement des screenshots et on poste l'image (parceque dans ce cas on s'en tape du fait que ce soit un tableau ou pas).

[maximus23]

Bonjour,

Oui cela existe pour Smf en mode csv

Correction du mod pour la version 2.RC3

Donc sauver le fichier excel en mode csv format virgule.

Syntaxe d'intégration au poste pour version 2.RC3

Code Select Expand

[csv] [/csv]

Fichier Sources/Subs.php

Rechercher :

Code Select Expand

   array(
    'tag' => 'white',
    'before' => '<span style="color: white;" class="bbc_color">',
    'after' => '</span>',
   ),



Ajouter Après

Code Select Expand


  // Table From CSV
  array(
   'tag' => 'csv',
   'type' => 'unparsed_equals_content',
   'validate' => create_function('&$tag, &$data, $disabled', '
    static $csvtable_id = 1;
    $ths = $tds = \'\';
    if (empty($data[1]))
     $data[1] = \',\';
    $data[0] = trim(strtr($data[0], array(\'<br />\' => "\n")));
    if (strpos($data[0], "\n") !== false)
    {
     $data[0] = explode("\n", $data[0]);
     $ths = \'<tr><th>\' . strtr($data[0][0], array($data[1] => \'</th><th>\')) . \'</th></tr>\';
     unset($data[0][0]);
     $data[0] = implode(\'</td></tr><tr><td>\', $data[0]);
    }
    $tds = \'<tr><td>\' . strtr(parse_bbc($data[0]), array($data[1] => \'</td><td>\')) . \'</td></tr>\';
    $data[0] = \'<table id="csvtable\' . $csvtable_id++ . \'" class="csvtable\' . (!empty($ths) ? \' sortable\' : \'\') . \'">\' . $ths . $tds . \'</table>\';'),
   'content' => '$1',
   'block_level' => true,
  ),



Fichier Thèmes/default/index.template.php et celui des autres thèmes

Rechercher :

Code Select Expand

<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/script.js?rc3"></script>


Ajouter Après :

Code Select Expand

<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sorttable.js"></script>



Fichier Thèmes/default/css/index.css

Rechercher :

Code Select Expand

/* Alternating backgrounds for posts, and several other sections of the forum. */


Ajouter Avant :

Code Select Expand

/* Table From CSV. */
.csvtable td, .csvtable th
{
font-family: monospace;
color: inherit;
}
.csvtable td
{
vertical-align: top;
}
.sortarrow
{
font-family: serif;
}
.sortbg1 td
{
background-color: #F0F0F0;
}
.sortbg2 td, .sortable th
{
background-color: #E1E1E1;
}


Ajouter le fichier ci-joint dans Thèmes/default/scripts/

[samsam14]

merci bien pour votre aide,ca fontionne super bien 

[LeYoyo]

Tiens, vais voir ce que çà donne sur la 1.1.11 (j'attends la 2.0 finale pour migrer en v2 )

[Bot Chatterbox]

Ah mais j'avais penser au CSV pour faire des tableaux digne de se nom dans SMF.

Merci ca vas mettre super utile 

[Bot Chatterbox]

Syntaxe d'intégration au poste pour version 2.RC3

Code Select Expand

[csv] [/csv]

Après avoir chercher pourquoi cela ne fonctionnais pas chez moi.

Je ne sait pas si c'est tout le monde pareil mais (chez moi en tout cas) la syntaxe est :

Code Select Expand

[csv=quelquechose] le csv [/csv]

Sans le =quelquechose rien ne se produit.

[maximus23]

Bonjour,

Oui exact si tu ne mets pas les deux mods tu as csv=table

[Bot Chatterbox]

Bonjour,

Oui exact si tu ne mets pas les deux mods tu as csv=table

Ah c'est pour ca que j'ai du adapter le code car ca coupais pas entre les virgules
Bon bah c'est pas grave au moins comme ca ca fait exactement ce que je veux et en en mettant qu'un 


Edit: En tout cas c'est super pratique pour faire de beaux tableaux
Merci.

[maximus23]

Bonjour,

Si tu as fais des modifications tu peux les indiquer pour que tout le monde en profite

Merci

[Bot Chatterbox]

Bonjour,

Si tu as fais des modifications tu peux les indiquer pour que tout le monde en profite

Merci

Bien sur 



Alors tout d'abord :

• Je n'ai rien mis d'autre que ce qui est en dessous.
• J'ai adapter les CSS à mon thème plutôt sombre donc cela feras un tableau plutôt sombre et je suis loin de maîtriser les CSS, il est plus facile pour moi de coder une fonction PHP que de changer une couleur en CSS Toutefois ca ne devrais pas poser de souci avec le theme SMF par défaut
• Ce n'est plus pour être compatible avec les csv d'excel mais pour être compatible avec mon SPIP : Le caractère de séparation n'est plus la virgule mais le pipe |

Le code pour faire marcher deviens donc :

Code Select Expand

[csv=titre du tableau]
Ligne 1 | colonne 2 | colonne 3 | colonne 4
Ligne 2 | colonne 2 | colonne 3 | colonne 4
Ligne 3 | colonne 2 | colonne 3 | colonne 4
[/csv]



Pour ce qui ne change pas (je remet pour ne pas avoir à chercher dans un autre message)

-> Le fichier javascript sorttable.js (en pièce jointe) à mettre dans le dossier Thèmes/default/scripts/

-> L'ajout de la ligne dans le fichier index.template.php des thèmes.
Recherchez :

Code Select Expand

<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/script.js?rc3"></script>
et ajoutez après :

Code Select Expand

<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sorttable.js"></script>



Pour ce qui change :
-> Le CSS css/index.css du dossier thème (il est certainement largement améliorable)
Recherchez :

Code Select Expand

/* Alternating backgrounds for posts, and several other sections of the forum. */
Et ajoutez avant :

Code Select Expand

/* Table From CSV. */
.csvtable
{
  border-spacing: 0px;
  border-collapse: collapse;
  background-color: #333;
  margin-left:5px;
}
.csvtable table
{
  border:1px solid #333;
}
.csvtable td, .csvtable th, .csvtable tr
{
color: aaa;
}
.csvtable td
{
vertical-align: top;
font-size:8pt;
   border:1px solid #444;
   margin-left:10px;
}
.sortarrow
{
font-family: serif;
}
.sortbg1 td
{
background-color: #696969;
padding:5px, 2px;
   color: #333;
   font-weight:bold;
   border:1px solid #444;
}
.sortbg2 td
{
background-color: #707070;
padding:5px, 2px;
   border:1px solid #444;
   color: #333;
   font-weight:bold;
}
.sortable th,
{
background-color: #333;
padding: 5px;
text-align:center;
   border:1px solid #444;
}
.sortable a
{
  color:#fff;
}

Le fichier Subs : ( Sources/Subs.php )
Recherchez :

Code Select Expand


array(
'tag' => 'white',
'before' => '<span style="color: white;" class="bbc_color">',
'after' => '</span>',
),
Ajoutez après :

Code Select Expand

      array(
        'tag' => 'csv',
        'type' => 'unparsed_equals_content',
        'validate' => create_function('&$tag, &$data, $disabled', '
          static $csvtable_id = 1;
          $ths = $tds = \'\';
          if (empty($data[1]))
          $data[1] = \'Tableau\';
          $data[0] = trim(strtr($data[0], array(\'<br />\' => "\n")));
          if (strpos($data[0], "\n") !== false)
          {
            $data[0] = explode("\n", $data[0]);
            $ths = \'<tr><th>\' . strtr($data[0][0], array($data[1] => \'</th><th>\')) . \'</th></tr>\';
            unset($data[0][0]);
            $data[0] = implode(\'</td></tr><tr><td>\', $data[0]);
            $data[0] = str_replace (\'|\',\'</td><td>\',$data[0]);
          }
          $tds = \'<tr><td>\' . strtr(parse_bbc($data[0]), array($data[1] => \'</td><td>\')) . \'</td></tr>\';
          $data[0] = \'<span style="font-weight:bold;margin-left:5px;">\'.$data[1].\'</span><table id="csvtable\' . $csvtable_id++ . \'" class="csvtable\' . (!empty($ths) ? \' sortable\' : \'\') . \'">\' . $ths . $tds . \'</table>\';
          $data[0] = str_replace (\'|\',\'</th><th>\',$data[0]);
          '),
          'content' => '$1',
          'block_level' => true,
        ),



Et voilà le résultat que j'obtient pour le code :

Code Select Expand

[csv=Les Doctrines Tradition]
Doctrines | Doctrines requises | Effets
Tradition | | Nourriture +1 par tour dans la capitale
Légalisme | | Mécontentement dans la capitale -33%
Aristocratie | | Production +33% lors de la construction de merveilles
Oligarchie | | Puissance de combat +33% pour les unités dans l'empire
Monarchie | Oligarchie | Coût en or pour l'achat de cases -50%
Élite terrienne | Aristocratie, Oligarchie | Taux de croissance dans la capitale +33%
[/csv]

[maximus23]

Bonsoir,

C'est déjà un très beau résultat en sortie

Merci pour ton partage

[Bot Chatterbox]

Merci pour ton partage

C'est moi 
Sans ta réponse au sujet je serais encore en train de réfléchir à ce que j'allais faire pour mes futurs tableaux 

[LeYoyo]

Un truc m'échappe...

J'ai voulu tester le mod http://custom.simplemachines.org/mods/index.php?mod=40

Je l'installe sur un SMF 1.1.11, tout se passe bien. Mais... comment je fais le lien avec le fichier csv (séparateur = virgule) et/ou son contenu
Je dois mettre le lien comme dans une balise url ? Ca veut dire qu'il faut que j'uploade le fichier quelque part ? (si oui, alors je peux oublier çà )
Je dois le mettre en fichier attaché ? (si oui, pas réussi à le faire fonctionner)
Je dois faire un copier/coller du .csv dans la zone de saisie entre [csv] et [/csv]? (si oui, pas réussi à le faire fonctionner)
Autre chose ?

PS : j'ai bien :
- ajouté dans le index.template la ligne pour charger le fichier sortable.js
- mis le fichier dans mon thème.
- ajouté les infos au .css

[maximus23]

Bonjour,

Tout ce qui est indiqué ici n'est valable que pour la version 2.RC3 Pour la version 1.1.11 tu installes le mod normalement et tu mets par exemple :

Code Select Expand

[table=]Num,Name,City
456,John,N.Y.
123,Charles,L.A.
789,Peter,D.C.[/table]


Donc attention la balise est différente c'est :

Code Select Expand

[table=][ /table]

[LeYoyo]

Arf, çà marche comme çà.

Merci !

[maximus23]

Bonjour,

Ce que tu dois faire c'est adapter le css pour avoir un beau tableau en sortie

[LeYoyo]

Yep, c'est ce que je vais faire ce soir

[jeanmi62]

...Je ne comprend pas qu avec  smf on ne puisse pas joindre un fichier excel ou autre en options supplementaires .
...

Si tu me trouves un forum qui sache intégrer un fichier excel comme si tu étais sous Office tu me le dis C'est évidemment possible, mais çà alourdirait lourdement le code et bonjour les problèmes de compatibilité avec les tableurs.

Après, tout dépend de ce que tu fais avec tes tableaux. Si c'est juste pour les montrer, chez nous on fait bêtement des screenshots et on poste l'image (parceque dans ce cas on s'en tape du fait que ce soit un tableau ou pas).

Je te comprend , et te remercie

[maximus23]

Bonjour,

Employe le mod csv cela te simplifiera la vie

[0Connors]

Bonjour,

Tout d'abord, merci à vous. Personnellement j'ai simplement remplacer le "|" par le ";" tout fonctionne sauf les effets de style CSS...

J'ai pourtant tout bien mis dans l'index.css de mon thème + celui par défaut...

Auriez-vous une idée ?

A++

[maximus23]

Bonjour,

Tu as bien mis le css dans le ou les thèmes concernés ?

Tu as bien rafraîchit les caches après la modification ?

[0Connors]

Salut Maximus,

Après vérification, je réponds oui et oui à tes deux questions.

[maximus23]

Bonsoir,

Mets moi un lien en Pm vers un tableau qu tu as fais pour voir ce qu'il en est

[0Connors]

Je suis confus, ça marche maintenant... J'étais persuader que non j'ai pourtant vidé mon cache etc....

Voici le lien pour les curieux : http://pafteam.com/forum/index.php?topic=2408.msg8105#

[0Connors]

Par contre, j'ai juste un petit souci. Lorsque dans mes tableaux une phrase contient une Apostrophe une colonne ce crée.

Je n'ose pas trop fouillé dans le code, j'ai fouillé mais je trouve pas du tout où se situe le problème. Mon code est similaire à jeanmi62, sauf que j'ai remplacé les "|" par des ";".

En vous remerciant d'avance. 

[Zuki.]

Bonsoir,

A tout hasard ! Essaye de mettre un ante-slash devant l'apostrophe \'

[maximus23]

Bonjour,

Attention ton tableau ne se met pas en forme correctement tu as du mal modifier le pipe

[0Connors]

Après test, l'anteslash ne fonctionne pas !

C'est parce que je modifiais, sous recommandation de Zuki. Tout devrait de nouveau fonctionner.

[0Connors]

Rah j'ai toujours le problème avec l'apostrophe...  J'arrive pas à trouver comment le supprimer de la fonction "colonne"...

[maximus23]

Bonsoir,

Voilà le code modifié je te mets le bloc complet à remplacer dans Subs.php

Code Select Expand

  array(
        'tag' => 'csv',
        'type' => 'unparsed_equals_content',
        'validate' => create_function('&$tag, &$data, $disabled', '
          static $csvtable_id = 1;
          $ths = $tds = \'\';
          if (empty($data[1]))
          $data[1] = \'Tableau\';
          $data[0] = trim(strtr($data[0], array(\'<br />\' => "\n")));
          if (strpos($data[0], "\n") !== false)
          {
            $data[0] = explode("\n", $data[0]);
            $ths = \'<tr><th>\' . strtr($data[0][0], array($data[1] => \'</th><th>\')) . \'</th></tr>\';
            unset($data[0][0]);
            $data[0] = implode(\'</td></tr><tr><td>\', $data[0]);
            $data[0] = str_replace( \''\'  ,\'&#039\' , $data[0] );
            $data[0] = addslashes($data[0]);
            $data[0] = str_replace (\';\',\'</td><td>\',$data[0]);
          }
          $tds = \'<tr><td>\' . strtr(parse_bbc($data[0]), array($data[1] => \'</td><td>\')) . \'</td></tr>\';
          $data[0] = \'<span style="font-weight:bold;margin-left:5px;">\'.$data[1].\'</span><table id="csvtable\' . $csvtable_id++ . \'" class="csvtable\' . (!empty($ths) ? \' sortable\' : \'\') . \'">\' . $ths . $tds . \'</table>\';
          $data[0] = str_replace (\';\',\'</th><th>\',$data[0]);
          '),
          'content' => '$1',
          'block_level' => true,
        ),



Attention le code $data[0] = str_replace ...039 ne s'affiche pas correctement c'est deux fois  ' comme indiqué pour le deuxième on arrive pas à l'afficher correctement dans le code

Dis moi ce qu'il en est 

[0Connors]

Je comprends par très bien la manipulation. J'ai d'abord laisse comme ça :

Code Select Expand

$data[0] = str_replace( \''\'  ,\'&#039\' , $data[0] );

Mais ça ne fonctionne pas, j'ai donc remplacé par :

Code Select Expand

$data[0] = str_replace( \'\'  ,\'&#039\' , $data[0] );

Mais le problème est toujours présent. 

[maximus23]

Bonsoir,

Joins ton fichier le code que tu indiques est incorrect 

[0Connors]

Voilà mon fichier (Pièce joint)

[maximus23]

Bonsoir,

Voici pour tests

[0Connors]

Salut,

Toujours pareil

[maximus23]

Bonsoir,

Regarde sur ton forum j'ai mis un test il fonctione très bien ?

[maximus23]

Bonsoir,

Voici pour tests fichiers corrigés pour titres et texte

[0Connors]

Re,

C'est niquel ça marche !!!  La Grande classe !!

Je te remercie encore une fois !!

[maximus23]

Bonsoir,

Ok pas de soucis quand tu veux