marcimat@rezo.net
7 years ago
commit
ea0a9ee32e
60 changed files with 2434 additions and 0 deletions
@ -0,0 +1,59 @@
|
||||
* text=auto !eol |
||||
base/typoenluminee_upgrade.php -text |
||||
css/enluminurestypo.css -text |
||||
css/enluminurestypo_prive.css -text |
||||
editeur/inserer_colonne.gif -text |
||||
editeur/inserer_ligne.gif -text |
||||
editeur/supprimer_ligne.png -text |
||||
editeur/table.css -text |
||||
editeur/table.js -text |
||||
editeur/table_rtl.css -text |
||||
editeur/table_rtl.js -text |
||||
editeur/tableau_edit.html -text |
||||
/enluminures_typo_pipelines.php -text |
||||
exec/tableau_edit.php -text |
||||
fonds/cfg_bte.html -text |
||||
formulaires/configurer_typoenluminee.html -text |
||||
icones_barre/avances.png -text |
||||
icones_barre/barre-tableau.png -text |
||||
icones_barre/barre-wiki.png -text |
||||
icones_barre/cadretexte.png -text |
||||
icones_barre/center.png -text |
||||
icones_barre/eacute-maj.png -text |
||||
icones_barre/exposant.png -text |
||||
icones_barre/indice.png -text |
||||
icones_barre/intertitre2.png -text |
||||
icones_barre/intertitre3.png -text |
||||
icones_barre/left.png -text |
||||
icones_barre/listenum.png -text |
||||
icones_barre/listepuces.png -text |
||||
icones_barre/miseenevidence.png -text |
||||
icones_barre/miseenevidence2.png -text |
||||
icones_barre/oelig-maj.png -text |
||||
icones_barre/oelig.png -text |
||||
icones_barre/page_white_code.png -text |
||||
icones_barre/page_white_code_red.png -text |
||||
icones_barre/petitescapitales.png -text |
||||
icones_barre/poesie.png -text |
||||
icones_barre/right.png -text |
||||
icones_barre/tag.png -text |
||||
icones_barre/text_strikethrough.png -text |
||||
img_pack/e.gif -text |
||||
img_pack/moinecopiste.gif -text |
||||
lang/enlumtypo.xml -text |
||||
lang/enlumtypo_ar.php -text |
||||
lang/enlumtypo_en.php -text |
||||
lang/enlumtypo_es.php -text |
||||
lang/enlumtypo_fr.php -text |
||||
lang/enlumtypo_it.php -text |
||||
lang/enlumtypo_ru.php -text |
||||
lang/paquet-typoenluminee_fr.php -text |
||||
/paquet.xml -text |
||||
/plugin.xml -text |
||||
prive/squelettes/contenu/configurer_typoenluminee.html -text |
||||
prive/themes/spip/images/typoenluminee-16.png -text |
||||
prive/themes/spip/images/typoenluminee-32.png -text |
||||
/typoenluminee.php -text |
||||
/typoenluminee_administrations.php -text |
||||
/typoenluminee_options.php -text |
||||
/typoenluminee_pipelines.php -text |
||||
@ -0,0 +1,59 @@
|
||||
<?php |
||||
|
||||
if (!defined("_ECRIRE_INC_VERSION")) return; |
||||
|
||||
include_spip('inc/meta'); |
||||
|
||||
/** |
||||
* Installation/maj des tables gis |
||||
* |
||||
* @param string $nom_meta_base_version |
||||
* @param string $version_cible |
||||
*/ |
||||
function typoenluminee_upgrade($nom_meta_base_version,$version_cible){ |
||||
$current_version = '0.0'; |
||||
if ( (!isset($GLOBALS['meta'][$nom_meta_base_version]) ) |
||||
|| (($current_version = $GLOBALS['meta'][$nom_meta_base_version])!=$version_cible)){ |
||||
// installation |
||||
if (version_compare($current_version, '0.0','<=')){ |
||||
maj_titres_enlumines(); |
||||
ecrire_meta($nom_meta_base_version,$current_version=$version_cible,'non'); |
||||
} |
||||
|
||||
} |
||||
} |
||||
|
||||
/** |
||||
* Abandon de l'ancienne écriture des intertitres |
||||
* |
||||
* {1{...}1} {2{...}2} {3{...}3} {4{...}4} {5{...}5} en intertitres avec étoiles : |
||||
* {{{...}}} {{{**...}}} {{{***...}}} {{{****...}}} {{{*****...}}} |
||||
* |
||||
*/ |
||||
function maj_titres_enlumines(){ |
||||
$anciens_titres = sql_allfetsel('id_article,texte','spip_articles','texte LIKE "%{1{%" OR texte LIKE "%{2{%" OR texte LIKE "%{3{%" OR texte LIKE "%{4{%" OR texte LIKE "%{5{%"'); |
||||
foreach($anciens_titres as $cle => $article){ |
||||
$id_article = $article['id_article']; |
||||
$article['texte'] = preg_replace('/({1{)(.*)(}1})/Uims','{{{\\2}}}',$article['texte']); |
||||
$article['texte'] = preg_replace('/({2{)(.*)(}2})/Uims','{{{**\\2}}}',$article['texte']); |
||||
$article['texte'] = preg_replace('/({3{)(.*)(}3})/Uims','{{{***\\2}}}',$article['texte']); |
||||
$article['texte'] = preg_replace('/({4{)(.*)(}4})/Uims','{{{****\\2}}}',$article['texte']); |
||||
$article['texte'] = preg_replace('/({5{)(.*)(}5})/Uims','{{{*****\\2}}}',$article['texte']); |
||||
$article['texte'] = trim($article['texte']); |
||||
sql_updateq('spip_articles',array('texte' => $article['texte']),'id_article='.intval($article['id_article'])); |
||||
if (time() >= _UPGRADE_TIME_OUT) |
||||
return; |
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
/** |
||||
* Desinstallation |
||||
* |
||||
* @param string $nom_meta_base_version |
||||
*/ |
||||
function typoenluminee_vider_tables($nom_meta_base_version) { |
||||
include_spip('inc/meta'); |
||||
effacer_meta($nom_meta_base_version); |
||||
} |
||||
@ -0,0 +1,50 @@
|
||||
.texteencadre-spip { |
||||
color: #000033; |
||||
background: #EEF; |
||||
border-bottom: 2px solid #0066CC; |
||||
border-left: 1px solid #3399FF; |
||||
border-right: 2px solid #0066CC; |
||||
border-top: 1px solid #3399FF; |
||||
margin: 1em 0; |
||||
padding: .25em; |
||||
position: relative; |
||||
} |
||||
|
||||
.caractencadre-spip { |
||||
color: #F60; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.caractencadre2-spip { |
||||
color: #009; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
acronym.spip_acronym { |
||||
cursor: help; |
||||
border-bottom: 1px dotted; |
||||
} |
||||
|
||||
/* ne marche pas sur MSIE, a refaire en jQuery */ |
||||
a[hreflang]:after { |
||||
content: "\0000a0[" attr(hreflang) "]"; |
||||
color: #999; |
||||
background: transparent; |
||||
font-size:x-small; |
||||
} |
||||
|
||||
sup, sup.typo_exposants { |
||||
font-size: 78%; |
||||
font-variant: normal; |
||||
vertical-align: 24%; |
||||
} |
||||
|
||||
sub { |
||||
font-size: 60%; |
||||
font-variant: normal; |
||||
vertical-align: -20%; |
||||
} |
||||
|
||||
.caps { |
||||
font-variant: small-caps; |
||||
} |
||||
@ -0,0 +1,29 @@
|
||||
h2.spip, h3.spip, h4.spip, h5.spip, h6.spip { |
||||
border-left: 1px solid #ccd; |
||||
color: #666; |
||||
padding-left: 1em; |
||||
text-align: left; |
||||
margin-left: 15px; |
||||
} |
||||
h2.spip { |
||||
border-left-width: 16px; |
||||
margin-left: 0; |
||||
} |
||||
h3.spip { |
||||
border-left-width: 10px; |
||||
margin-left: 6px; |
||||
} |
||||
h4.spip { |
||||
border-left-width: 6px; |
||||
margin-left: 10px; |
||||
} |
||||
h5.spip { |
||||
border-left-width: 2px; |
||||
margin-left: 14px; |
||||
} |
||||
|
||||
acronym, abbr { border-bottom: .1em dotted; cursor: help; } |
||||
|
||||
.preview ol.spip { |
||||
padding: 0; |
||||
} |
||||
|
After Width: | Height: | Size: 165 B |
|
After Width: | Height: | Size: 159 B |
|
After Width: | Height: | Size: 584 B |
@ -0,0 +1,33 @@
|
||||
body{ |
||||
padding: 1em 2em 1em 1em; |
||||
text-align:center; |
||||
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; |
||||
} |
||||
a img{border:none} |
||||
#enregistrer{ |
||||
display:block; |
||||
width:10em; |
||||
margin:1em auto; |
||||
padding:0.5em; |
||||
font-size:14px; |
||||
text-align:center; |
||||
text-decoration:none; |
||||
background:#eee; |
||||
border:1px outset #aaa; |
||||
} |
||||
div{text-align:left;margin-bottom:0.5em;} |
||||
div span{float:left;width:10em} |
||||
input{width:60%} |
||||
#ihm{ |
||||
border-collapse:collapse; |
||||
border:3px ridge gray; |
||||
width:85%; |
||||
} |
||||
#ihm td{border:3px ridge gray;text-align:center} |
||||
#ihm td td{border:none} |
||||
#ihm img{margin:4px} |
||||
textarea{ width:100%} |
||||
.first_c a img {display:block} |
||||
.last_l, .last_c {background:#eee} |
||||
.first_l, .first_c {background: #F0E68C} |
||||
.first_c, .last_c {width:24px;} |
||||
@ -0,0 +1,482 @@
|
||||
/* ce code s'inspire du travail de http://www.spip-contrib.net/_courcy_
|
||||
* il a été en grande partie ré-écrit pour :
|
||||
* - générer une syntaxe de tableau SPIP et non HTML (l'éditeur de couleur de cellules disparaît donc aussi) |
||||
* - pour permettre non seulement de créer un tableau mais aussi de modifier un tableau existant |
||||
* - pour intégrer les éléments HTML titre et résumé de tableau
|
||||
*/ |
||||
/****************************************** |
||||
* FONCTIONNEMENT Général
|
||||
*********************BUT**************************************** |
||||
* Le but de ce script est de permettre à l'utilisateur de créer son propre
|
||||
* tableau sans s'encombrer de la syntaxe SPIP. Si un tableau à syntaxe SPIP est
|
||||
* sélectionné avant l'appel de l'assistant, les données sont récupérées par l'assistant. |
||||
* Si rien n'est sélectionné l'appel de l'assistant, un nouveau tableau est créé au point |
||||
* d'insertion.
|
||||
************Structure de donnees *********************************** |
||||
*
|
||||
* Classe ihm qui gère l'interface homme-machine de l'assistant et sa construction |
||||
* On trouve en autres les méthodes permettant d'insérer et de supprimer lignes et colonnes |
||||
*
|
||||
* Classe Cellule qui contient les informations relatives à une cellule |
||||
* Ses attributs sont des informations relatives a une cellule (contenu) |
||||
* chaque objet cellule est contenu dans le tableau lc qui est un tableau bidimensionnel de cellules |
||||
* ce tableau a autant d'éléments que de ligne * colonne dans le tableau
|
||||
* |
||||
*
|
||||
*******************ALGORITHME************************************* |
||||
* Le tableau est sauvé en mémoire dans la variable lc |
||||
* La fonction construit_tableau( ) de la classe ihm construit l'interface pour manipuler les données du tableau |
||||
* qui (re)initialisera la valeur innerHTML de <div id=tableau></div> |
||||
* toute modification des valeurs dans l'assistant modifie lc |
||||
* toute modification de l'interface (ajout/suppression de ligne/colonne) modifie lc puis appelle la fonction construit_tableau
|
||||
* simple mais efficace+ |
||||
* |
||||
* La validation des modifications déclenche construit_code_tableau qui construit le code SPIP du tableau |
||||
*/ |
||||
|
||||
|
||||
/********INITIALISATION**************/
|
||||
//classe ihm : classe générique de gestion de tableau
|
||||
function ihm() { |
||||
this.titre_t = ""; |
||||
this.resume_t = ""; |
||||
/* méthodes */ |
||||
this.construit_tableau = construit_tableau; |
||||
this.bouton_insere_ligne = bouton_insere_ligne; |
||||
this.bouton_supprime_ligne = bouton_supprime_ligne; |
||||
this.bouton_insere_colonne = bouton_insere_colonne; |
||||
this.bouton_supprime_colonne = bouton_supprime_colonne; |
||||
this.insere_commande_ligne = insere_commande_ligne; |
||||
this.insere_commande_colonne = insere_commande_colonne; |
||||
this.insere_ligne = insere_ligne; |
||||
this.supprime_ligne = supprime_ligne; |
||||
this.insere_colonne = insere_colonne; |
||||
this.supprime_colonne = supprime_colonne;
|
||||
|
||||
/*******CONStrUIT tableAU**********/ |
||||
function construit_tableau(){ |
||||
var texte = ""; |
||||
texte+="<table id='ihm' cellspacing='"+cellspacing+"'>\n"; |
||||
for (i=0;i<nl+2;i++){//on rajoute deux lignes en plus pour l'interface
|
||||
texte+="<tr>\n"; |
||||
for (j=0;j<nc+2;j++){//on rajoute deux lignes en plus pour l'interface
|
||||
var position = "" ; |
||||
if (i==0 && j==0) position = "coin"; //on est dans le coin on met le menu
|
||||
if (i==0 && j>0) position = "1st_l"; //on est sur la premiere ligne on insere des colonnes
|
||||
if (i>0 && j==0) position = "1st_c"; //on est sur la premiere colonne on insere des lignes
|
||||
if (i==nl+1 && j>0) position = "last_l"; //on est dans la zone non éditée de la derniere ligne
|
||||
if (i>0 && j==nc+1) position = "last_c"; //on est dans la zone non éditée la derniere colonne
|
||||
switch (position) { |
||||
case "coin" : texte+="<td></td>\n"; break; |
||||
case "1st_l" : texte+="<td class='first_l'>"+this.insere_commande_colonne(j-1)+"</td>\n"; break; |
||||
case "1st_c" : texte+="<td class='first_c'>"+this.insere_commande_ligne(i-1)+"</td>\n"; break; |
||||
case "last_l" : texte+="<td class='last_l'></td>\n"; break; |
||||
case "last_c" : texte+="<td class='last_c'></td>\n"; break; |
||||
default: //on est dans la partie éditable du tableau
|
||||
texte+="<td>"+ lc[i-1][j-1].insere() +"</td>\n"; |
||||
} |
||||
}//fin du for j
|
||||
texte+="</tr>"; |
||||
}//fin du for i
|
||||
texte+="</table>"; |
||||
//win=window.open('');
|
||||
//win.document.write("<textarea cols='100' rows='50'>"+texte+"</textarea>");
|
||||
table.innerHTML=texte;//on modifie le texte de ce noeud
|
||||
} |
||||
/** |
||||
*cette fonction crée un bouton pour l'insertion d'une ligne |
||||
*/ |
||||
function bouton_insere_ligne(ligne){ |
||||
var texte = "<a href='javascript:ihm_tableau.insere_ligne("+ligne+")'><img "; |
||||
texte += " title='Insérer une ligne au-dessus' "; |
||||
texte += " alt='Insérer une ligne au-dessus' "; |
||||
texte += "src='"+tableau_edit_images_path+"inserer_ligne.gif' value=''></a>\n"; |
||||
return texte; |
||||
} |
||||
|
||||
/** |
||||
*cette fonction crée un bouton pour la supression d'une ligne |
||||
*/ |
||||
function bouton_supprime_ligne(ligne){ |
||||
if (nl == 1) return ""; |
||||
var texte="<a href='javascript:ihm_tableau.supprime_ligne("+ligne+")'><img "; |
||||
texte += " title='Supprimer cette ligne' "; |
||||
texte += " alt='Supprimer cette ligne' "; |
||||
texte += "src='"+tableau_edit_images_path+"supprimer_ligne.png' value='ligne' /></a>\n"; |
||||
return texte; |
||||
} |
||||
|
||||
/** |
||||
*cette fonction crée un bouton pour l'insertion d'une colonne |
||||
*/ |
||||
function bouton_insere_colonne(colonne){
|
||||
var texte="<a href='javascript:ihm_tableau.insere_colonne("+colonne+")'> <img "; |
||||
texte+=" title='Insérer une colonne avant' "; |
||||
texte+=" alt='Insérer une colonne avant' "; |
||||
texte+="src='"+tableau_edit_images_path+"inserer_colonne.gif' value='colonne'></a>\n";
|
||||
return texte; |
||||
} |
||||
/** |
||||
*cette fonction crée un bouton pour la supression d'une colonne
|
||||
*/ |
||||
function bouton_supprime_colonne(colonne){ |
||||
if (nc == 1) return ""; |
||||
var texte="<a href='javascript:ihm_tableau.supprime_colonne("+colonne+")'><img"; |
||||
texte+=" title='Supprimer cette colonne'"; |
||||
texte+=" alt='Supprimer cette colonne'"; |
||||
texte+=" src='"+tableau_edit_images_path+"supprimer_ligne.png' value='colonne' /></a>\n"; |
||||
return texte; |
||||
} |
||||
/** |
||||
*cette fonction met en forme les commandes pour une ligne |
||||
*/ |
||||
function insere_commande_ligne(ligne){
|
||||
var texte; |
||||
|
||||
texte = this.bouton_insere_ligne(ligne); |
||||
if (ligne<nl){ |
||||
texte += this.bouton_supprime_ligne(ligne); |
||||
} |
||||
return texte; |
||||
} |
||||
|
||||
/** |
||||
*cette fonction met en forme les commandes pour une colonne |
||||
*/ |
||||
function insere_commande_colonne(colonne){ |
||||
var texte=""; |
||||
|
||||
texte+= this.bouton_insere_colonne(colonne); |
||||
if (colonne<nc){ |
||||
texte += this.bouton_supprime_colonne(colonne); |
||||
} |
||||
return texte; |
||||
} |
||||
|
||||
/*********LES CALLBACKS depuis les boutons de l'IHM ****************************************/ |
||||
function insere_ligne(num_ligne){ |
||||
//création d'un tableau temporaire bidimensionnel de cellules
|
||||
var lctemp = new tableau_cellules(nl+1, nc); |
||||
|
||||
lctemp.insL(num_ligne); //insertion d'une ligne dans le tableau lc
|
||||
lc=lctemp.getT(); //on a une ligne en plus
|
||||
|
||||
nl++; |
||||
this.construit_tableau(); |
||||
} |
||||
|
||||
function supprime_ligne(num_ligne){ |
||||
//création d'un tableau temporaire bidimensionnel de cellule
|
||||
var lctemp = new tableau_cellules(nl-1, nc); |
||||
|
||||
lctemp.supL(num_ligne); //supression d'une ligne dans le tableau lc
|
||||
lc=lctemp.getT(); //on a une ligne en moins
|
||||
|
||||
nl--; |
||||
this.construit_tableau(); |
||||
} |
||||
function insere_colonne(num_colonne){ |
||||
//création d'un tableau temporaire bidimensionnel de cellule
|
||||
var lctemp = new tableau_cellules(nl, nc+1); |
||||
|
||||
lctemp.insC(num_colonne); //insertion d'une colonne dans le tableau lc
|
||||
lc=lctemp.getT(); |
||||
|
||||
nc++; //on a une ligne en plus
|
||||
this.construit_tableau(); |
||||
} |
||||
function supprime_colonne(num_colonne){ |
||||
//création d'un tableau temporaire bidimensionnel de cellules
|
||||
var lctemp = new tableau_cellules(nl, nc-1); |
||||
|
||||
lctemp.supC(num_colonne); //supression d'une colonne dans le tableau lc
|
||||
lc=lctemp.getT(); //on remplace le tableau lc par le tableau temp
|
||||
|
||||
nc--; //on a une colonne en moins
|
||||
this.construit_tableau(); |
||||
} |
||||
} |
||||
|
||||
//classe cellule
|
||||
function cellule(i,j){ |
||||
this.l=i; |
||||
this.c=j; |
||||
this.content=''; |
||||
|
||||
/* les méthodes getters et setters */ |
||||
this.setC = function(c){this.c = c} |
||||
this.getC = function(){return this.c} |
||||
this.setL = function(l){this.l = l} |
||||
this.getL = function(){return this.l} |
||||
|
||||
/* les méthodes de la classe cellule */ |
||||
this.insere = insere; |
||||
|
||||
/* cette fonction insere une zone de texte dans la cellule */ |
||||
function insere(){ |
||||
|
||||
var texte ="<textarea cols='10' rows='2'";
|
||||
// on sauve le contenu
|
||||
texte+=" onchange='lc[" + this.l + "][" + this.c + "].content=this.value;'>";
|
||||
texte+=this.content;
|
||||
texte+="</textarea> \n";
|
||||
return texte; |
||||
} |
||||
} //fin de la classe "cellule"
|
||||
|
||||
function tableau_cellules(nb_l,nb_c){ |
||||
this.t = new Array(); |
||||
for (var i=0; i<nb_l; i++){ |
||||
this.t[i]=new Array();
|
||||
for (var j=0; j<nb_c; j++){ |
||||
this.t[i][j]=new cellule(i,j); |
||||
}
|
||||
} |
||||
|
||||
this.getT = function(){return this.t} |
||||
|
||||
this.insL = function(num_ligne) { |
||||
//insertion d'une ligne dans le tableau lc
|
||||
for (var i=0;i<nl+1;i++){ |
||||
for (var j=0;j<nc;j++){ |
||||
if (i<num_ligne){ |
||||
//recopiage simple
|
||||
this.t[i][j]=lc[i][j]; |
||||
} |
||||
if (i>num_ligne){ |
||||
//on incrémente de 1
|
||||
this.t[i][j]=lc[i-1][j]; |
||||
this.t[i][j].setL(i);
|
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
this.supL = function(num_ligne){ |
||||
for (i=0;i<nl-1;i++){ |
||||
for (j=0;j<nc;j++){ |
||||
if (i<num_ligne){ |
||||
//recopiage simple
|
||||
this.t[i][j]=lc[i][j]; |
||||
}else{ |
||||
this.t[i][j]=lc[i+1][j]; |
||||
this.t[i][j].setL(i);
|
||||
} |
||||
} |
||||
} |
||||
|
||||
} |
||||
|
||||
this.insC = function(num_colonne){ |
||||
for (i=0;i<nl;i++){ |
||||
for (j=0;j<nc+1;j++){ |
||||
if (j<num_colonne){ |
||||
//recopiage simple
|
||||
this.t[i][j]=lc[i][j]; |
||||
} |
||||
if (j>num_colonne){ |
||||
//on incrémente de 1
|
||||
this.t[i][j]=lc[i][j-1]; |
||||
this.t[i][j].setC(j); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
this.supC = function(num_colonne){ |
||||
for (i=0;i<nl;i++){ |
||||
for (j=0;j<nc-1;j++){ |
||||
if (j<num_colonne){ |
||||
//recopiage simple
|
||||
this.t[i][j]=lc[i][j]; |
||||
}else{ |
||||
this.t[i][j]=lc[i][j+1]; |
||||
this.t[i][j].setC(j);
|
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
} |
||||
|
||||
function selection(zone){ |
||||
this.s1 = ""; |
||||
this.s2 = ""; |
||||
this.s3 = ""; |
||||
this.t_SPIP = new Array(); // les lignes du tableau SPIP
|
||||
this.t = new Array(); // le tableau des valeurs à modifier
|
||||
this.premiere_ligne = ""; |
||||
|
||||
this.avec_entete = avec_entete; |
||||
this.recup_caption = recup_caption; |
||||
this.recup_summary = recup_summary; |
||||
this.compte_lignes = compte_lignes; |
||||
this.recup_ligne = recup_ligne; |
||||
this.recup_cellule = recup_cellule; |
||||
this.contenu = contenu; |
||||
this.existe = existe; |
||||
|
||||
var lignes = new Array(); // les lignes brutes de la zone d'édition SPIP
|
||||
var ligne_cour = ""; // la ligne brute en cours de traitement lors de la reconstitution du tableau SPIP
|
||||
var j=0; |
||||
var init_i; // début du contenu du tableau de données (1 si tableau avec entête, 0 sinon)
|
||||
|
||||
if ((clientVer >= 4) && is_ie && is_win) |
||||
{ |
||||
var theSelection = false; |
||||
|
||||
theSelection = top.opener.document.selection.createRange().text; // Get text selection
|
||||
if (theSelection) { |
||||
this.s2 = theSelection; |
||||
} else { |
||||
this.s1 = top.opener.document.getElementById("text_area").value; |
||||
} |
||||
} |
||||
else { |
||||
var selLength = zone.textLength; |
||||
var selStart = zone.selectionStart; |
||||
var selEnd = zone.selectionEnd; |
||||
|
||||
if (selEnd == 1 || selEnd == 2) selEnd = selLength; |
||||
|
||||
// Raccourcir la selection par double-clic si dernier caractere est espace
|
||||
if (selEnd - selStart > 0 && (zone.value).substring(selEnd-1,selEnd) == ' ') selEnd = selEnd-1; |
||||
this.s1 = (zone.value).substring(0,selStart); |
||||
this.s2 = (zone.value).substring(selStart, selEnd) |
||||
this.s3 = (zone.value).substring(selEnd, selLength); |
||||
} |
||||
|
||||
lignes = this.s2.split("\n"); |
||||
|
||||
if (this.avec_entete()) init_i = 1;
|
||||
for (i=init_i;i<lignes.length;i++) { |
||||
ligne_cour += lignes[i] + "\n"; |
||||
if (lignes[i].match(/\|.?$/)) { |
||||
ligne_cour = ligne_cour.replace(/\|(left|right|center)/g, "££$1"); //pour distinguer les barres verticales des codes d'inclusion d'image et de document
|
||||
this.t_SPIP[j++] = ligne_cour; |
||||
ligne_cour = ""; |
||||
} |
||||
} |
||||
this.premiere_ligne = this.t_SPIP[0]; |
||||
|
||||
this.contenu(); |
||||
|
||||
|
||||
function avec_entete(){ |
||||
return (lignes[0].search(/^\|\|/) != -1); // si double pipe en tête de la première ligne(resumé)
|
||||
} |
||||
function recup_caption(){ |
||||
return lignes[0].match(/^\|\|([^\|]*)/)[1]; |
||||
} |
||||
function recup_summary(){ |
||||
return lignes[0].match(/^\|\|([^\|])*\|([^\|]*)/)[2]; |
||||
} |
||||
function compte_lignes(){ |
||||
return (this.t_SPIP.length); |
||||
} |
||||
function recup_ligne(num_ligne){ |
||||
var ligne_encodee = this.t_SPIP[num_ligne].split("|"); |
||||
var ligne_decodee = new Array(); |
||||
|
||||
for (var i=0; i<ligne_encodee.length; i++){ |
||||
ligne_decodee[i] = ligne_encodee[i].replace(/££/g,"|"); |
||||
} |
||||
return (ligne_decodee); |
||||
} |
||||
function contenu(){ |
||||
for (var i=0; i<this.t_SPIP.length; i++){ |
||||
this.t[i] = this.recup_ligne(i); //t est un tableau bidimensionnel avec les valeurs à modifier
|
||||
} |
||||
} |
||||
function recup_cellule(i,j){ |
||||
return (this.t[i][j+1] ? this.t[i][j+1] : ""); |
||||
} |
||||
function existe() {return (this.s2!="")} //indique si un tableau SPIP a été sélectionné
|
||||
} |
||||
var ancien_tableau; |
||||
|
||||
//nombre de lignes et nombre de colonnes
|
||||
var nl; |
||||
var nc; |
||||
|
||||
//création d'un tableau bidimensionnel de cellules
|
||||
var lc=new Array(); |
||||
|
||||
var cellspacing=0; |
||||
|
||||
//noeud ou l'on va ecrire le tableau
|
||||
var table; |
||||
var debug; |
||||
|
||||
var ihm_tableau = new ihm(); |
||||
|
||||
function init(){ |
||||
ancien_tableau = new selection(top.opener.zone_selection); |
||||
|
||||
if (ancien_tableau.existe() & ancien_tableau.avec_entete()) { |
||||
document.getElementById("titre_t").value = ancien_tableau.recup_caption() ; //récupération du titre du tableau
|
||||
document.getElementById("resume_t").value = ancien_tableau.recup_summary() ;//récupération du résumé du tableau
|
||||
} |
||||
|
||||
nl= (ancien_tableau.existe()) ? ancien_tableau.compte_lignes() : 3; |
||||
nc= (ancien_tableau.existe()) ? ancien_tableau.t[0].length - 2 : 3; |
||||
|
||||
for (i=0;i<nl;i++){ |
||||
lc[i]=new Array(); //2 lignes au depart
|
||||
for (j=0;j<nc;j++){ |
||||
lc[i][j]=new cellule(i,j); |
||||
if (ancien_tableau.existe()) lc[i][j].content = ancien_tableau.recup_cellule(i,j); |
||||
}
|
||||
} |
||||
|
||||
table=document.getElementById("table"); |
||||
debug=document.getElementById("debug"); |
||||
|
||||
/*********CONStrUCTION DE L'INTERFACE UTILISATEUR**********************/ |
||||
ihm_tableau.construit_tableau(); |
||||
} |
||||
function d(s){debug.innerHTML+=s;} |
||||
|
||||
/****génération du code SPIP du tableau ******/ |
||||
|
||||
function construit_code_tableau(){ |
||||
var le_titre = document.getElementById("titre_t").value; |
||||
var le_resume = document.getElementById("resume_t").value; |
||||
var texte=""; |
||||
var la_ligne=""; |
||||
|
||||
texte += "||" + le_titre + "|" + le_resume + "||\n"; |
||||
for (var j=0;j<nc;j++){ |
||||
//on supprime les accolades éventuelles avant de placer les accolades d'entete de tableau
|
||||
var cont_cell = lc[0][j].content.replace(/(\{)*([^\}]*)(\})*/,"$2"); |
||||
la_ligne += "|{{" + (cont_cell=="" ? " " : cont_cell) + "}}"; |
||||
} |
||||
texte += la_ligne + "|\n"; |
||||
|
||||
for (i=1;i<nl;i++){ |
||||
for (j=0;j<nc;j++) {texte += "|" + lc[i][j].content;} |
||||
texte += "|\n"; |
||||
}//fin du for i
|
||||
return texte;
|
||||
} |
||||
|
||||
/**********LES FONCTIONS DE CREATION DE L'INTERFACE**********/ |
||||
|
||||
function enregistre(){ |
||||
if (ancien_tableau.existe()) { |
||||
if ((clientVer >= 4) && is_ie && is_win) { |
||||
top.opener.document.selection.createRange().text = construit_code_tableau(); |
||||
} else { |
||||
top.opener.zone_selection.value = ancien_tableau.s1 + construit_code_tableau() + ancien_tableau.s3; |
||||
} |
||||
} else { //insertion d'un nouveau tableau
|
||||
if (top.opener.zone_selection.createTextRange && top.opener.zone_selection.caretPos) { //IE
|
||||
var caretPos = top.opener.zone_selection.caretPos; |
||||
caretPos.text = caretPos.text + construit_code_tableau(); |
||||
top.opener.zone_selection.focus(); |
||||
} else { |
||||
top.opener.zone_selection.value = ancien_tableau.s1 + construit_code_tableau() + ancien_tableau.s3; |
||||
} |
||||
} |
||||
window.close();
|
||||
} |
||||
@ -0,0 +1,33 @@
|
||||
body{ |
||||
padding: 1em 1em 1em 2em; |
||||
text-align: center; |
||||
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; |
||||
} |
||||
a img{border:none} |
||||
#enregistrer{ |
||||
display:block; |
||||
width:10em; |
||||
margin:1em auto; |
||||
padding:0.5em; |
||||
font-size:14px; |
||||
text-align:center; |
||||
text-decoration:none; |
||||
background:#eee; |
||||
border:1px outset #aaa; |
||||
} |
||||
div{text-align:right;margin-bottom:0.5em;} |
||||
div span{float:right;width:10em} |
||||
input{width:60%} |
||||
#ihm{ |
||||
border-collapse:collapse; |
||||
border:3px ridge gray; |
||||
width:85%; |
||||
} |
||||
#ihm td{border:3px ridge gray;text-align:center} |
||||
#ihm td td{border:none} |
||||
#ihm img{margin:4px} |
||||
textarea{ width:100%} |
||||
.first_c a img {display:block} |
||||
.last_l, .last_c {background:#eee} |
||||
.first_l, .first_c {background: #F0E68C} |
||||
.first_c, .last_c {width:24px;} |
||||
@ -0,0 +1,482 @@
|
||||
/* ce code s'inspire du travail de http://www.spip-contrib.net/_courcy_
|
||||
* il a été en grande partie ré-écrit pour :
|
||||
* - générer une syntaxe de tableau SPIP et non HTML (l'éditeur de couleur de cellules disparaît donc aussi) |
||||
* - pour permettre non seulement de créer un tableau mais aussi de modifier un tableau existant |
||||
* - pour intégrer les éléments HTML titre et résumé de tableau
|
||||
*/ |
||||
/****************************************** |
||||
* FONCTIONNEMENT Général
|
||||
*********************BUT**************************************** |
||||
* Le but de ce script est de permettre à l'utilisateur de créer son propre
|
||||
* tableau sans s'encombrer de la syntaxe SPIP. Si un tableau à syntaxe SPIP est
|
||||
* sélectionné avant l'appel de l'assistant, les données sont récupérées par l'assistant. |
||||
* Si rien n'est sélectionné l'appel de l'assistant, un nouveau tableau est créé au point |
||||
* d'insertion.
|
||||
************Structure de donnees *********************************** |
||||
*
|
||||
* Classe ihm qui gère l'interface homme-machine de l'assistant et sa construction |
||||
* On trouve en autres les méthodes permettant d'insérer et de supprimer lignes et colonnes |
||||
*
|
||||
* Classe Cellule qui contient les informations relatives à une cellule |
||||
* Ses attributs sont des informations relatives a une cellule (contenu) |
||||
* chaque objet cellule est contenu dans le tableau lc qui est un tableau bidimensionnel de cellules |
||||
* ce tableau a autant d'éléments que de ligne * colonne dans le tableau
|
||||
* |
||||
*
|
||||
*******************ALGORITHME************************************* |
||||
* Le tableau est sauvé en mémoire dans la variable lc |
||||
* La fonction construit_tableau( ) de la classe ihm construit l'interface pour manipuler les données du tableau |
||||
* qui (re)initialisera la valeur innerHTML de <div id=tableau></div> |
||||
* toute modification des valeurs dans l'assistant modifie lc |
||||
* toute modification de l'interface (ajout/suppression de ligne/colonne) modifie lc puis appelle la fonction construit_tableau
|
||||
* simple mais efficace+ |
||||
* |
||||
* La validation des modifications déclenche construit_code_tableau qui construit le code SPIP du tableau |
||||
*/ |
||||
|
||||
|
||||
/********INITIALISATION**************/
|
||||
//classe ihm : classe générique de gestion de tableau
|
||||
function ihm() { |
||||
this.titre_t = ""; |
||||
this.resume_t = ""; |
||||
/* méthodes */ |
||||
this.construit_tableau = construit_tableau; |
||||
this.bouton_insere_ligne = bouton_insere_ligne; |
||||
this.bouton_supprime_ligne = bouton_supprime_ligne; |
||||
this.bouton_insere_colonne = bouton_insere_colonne; |
||||
this.bouton_supprime_colonne = bouton_supprime_colonne; |
||||
this.insere_commande_ligne = insere_commande_ligne; |
||||
this.insere_commande_colonne = insere_commande_colonne; |
||||
this.insere_ligne = insere_ligne; |
||||
this.supprime_ligne = supprime_ligne; |
||||
this.insere_colonne = insere_colonne; |
||||
this.supprime_colonne = supprime_colonne;
|
||||
|
||||
/*******CONStrUIT tableAU**********/ |
||||
function construit_tableau(){ |
||||
var texte = ""; |
||||
texte+="<table id='ihm' cellspacing='"+cellspacing+"'>\n"; |
||||
for (i=0;i<nl+2;i++){//on rajoute deux lignes en plus pour l'interface
|
||||
texte+="<tr>\n"; |
||||
for (j=0;j<nc+2;j++){//on rajoute deux lignes en plus pour l'interface
|
||||
var position = "" ; |
||||
if (i==0 && j==0) position = "coin"; //on est dans le coin on met le menu
|
||||
if (i==0 && j>0) position = "1st_l"; //on est sur la premiere ligne on insere des colonnes
|
||||
if (i>0 && j==0) position = "1st_c"; //on est sur la premiere colonne on insere des lignes
|
||||
if (i==nl+1 && j>0) position = "last_l"; //on est dans la zone non éditée de la derniere ligne
|
||||
if (i>0 && j==nc+1) position = "last_c"; //on est dans la zone non éditée la derniere colonne
|
||||
switch (position) { |
||||
case "coin" : texte+="<td></td>\n"; break; |
||||
case "1st_l" : texte+="<td class='first_l'>"+this.insere_commande_colonne(j-1)+"</td>\n"; break; |
||||
case "1st_c" : texte+="<td class='first_c'>"+this.insere_commande_ligne(i-1)+"</td>\n"; break; |
||||
case "last_l" : texte+="<td class='last_l'></td>\n"; break; |
||||
case "last_c" : texte+="<td class='last_c'></td>\n"; break; |
||||
default: //on est dans la partie éditable du tableau
|
||||
texte+="<td>"+ lc[i-1][j-1].insere() +"</td>\n"; |
||||
} |
||||
}//fin du for j
|
||||
texte+="</tr>"; |
||||
}//fin du for i
|
||||
texte+="</table>"; |
||||
//win=window.open('');
|
||||
//win.document.write("<textarea cols='100' rows='50'>"+texte+"</textarea>");
|
||||
table.innerHTML=texte;//on modifie le texte de ce noeud
|
||||
} |
||||
/** |
||||
*cette fonction crée un bouton pour l'insertion d'une ligne |
||||
*/ |
||||
function bouton_insere_ligne(ligne){ |
||||
var texte = "<a href='javascript:ihm_tableau.insere_ligne("+ligne+")'><img "; |
||||
texte += " title='إدراج سطر فوق' "; |
||||
texte += " alt='إدراج سطر فوق' "; |
||||
texte += "src='"+tableau_edit_images_path+"inserer_ligne.gif' value=''></a>\n"; |
||||
return texte; |
||||
} |
||||
|
||||
/** |
||||
*cette fonction crée un bouton pour la supression d'une ligne |
||||
*/ |
||||
function bouton_supprime_ligne(ligne){ |
||||
if (nl == 1) return ""; |
||||
var texte="<a href='javascript:ihm_tableau.supprime_ligne("+ligne+")'><img "; |
||||
texte += " title='حذف هذا السطر' "; |
||||
texte += " alt='حذف هذا السطر' "; |
||||
texte += "src='"+tableau_edit_images_path+"supprimer_ligne.png' value='ligne' /></a>\n"; |
||||
return texte; |
||||
} |
||||
|
||||
/** |
||||
*cette fonction crée un bouton pour l'insertion d'une colonne |
||||
*/ |
||||
function bouton_insere_colonne(colonne){
|
||||
var texte="<a href='javascript:ihm_tableau.insere_colonne("+colonne+")'> <img "; |
||||
texte+=" title='إدراج عمود قبل' "; |
||||
texte+=" alt='إدراج عمود قبل' "; |
||||
texte+="src='"+tableau_edit_images_path+"inserer_colonne.gif' value='colonne'></a>\n";
|
||||
return texte; |
||||
} |
||||
/** |
||||
*cette fonction crée un bouton pour la supression d'une colonne
|
||||
*/ |
||||
function bouton_supprime_colonne(colonne){ |
||||
if (nc == 1) return ""; |
||||
var texte="<a href='javascript:ihm_tableau.supprime_colonne("+colonne+")'><img"; |
||||
texte+=" title='حذف هذا العمود'"; |
||||
texte+=" alt='حذف هذا العمود'"; |
||||
texte+=" src='"+tableau_edit_images_path+"supprimer_ligne.png' value='colonne' /></a>\n"; |
||||
return texte; |
||||
} |
||||
/** |
||||
*cette fonction met en forme les commandes pour une ligne |
||||
*/ |
||||
function insere_commande_ligne(ligne){
|
||||
var texte; |
||||
|
||||
texte = this.bouton_insere_ligne(ligne); |
||||
if (ligne<nl){ |
||||
texte += this.bouton_supprime_ligne(ligne); |
||||
} |
||||
return texte; |
||||
} |
||||
|
||||
/** |
||||
*cette fonction met en forme les commandes pour une colonne |
||||
*/ |
||||
function insere_commande_colonne(colonne){ |
||||
var texte=""; |
||||
|
||||
texte+= this.bouton_insere_colonne(colonne); |
||||
if (colonne<nc){ |
||||
texte += this.bouton_supprime_colonne(colonne); |
||||
} |
||||
return texte; |
||||
} |
||||
|
||||
/*********LES CALLBACKS depuis les boutons de l'IHM ****************************************/ |
||||
function insere_ligne(num_ligne){ |
||||
//création d'un tableau temporaire bidimensionnel de cellules
|
||||
var lctemp = new tableau_cellules(nl+1, nc); |
||||
|
||||
lctemp.insL(num_ligne); //insertion d'une ligne dans le tableau lc
|
||||
lc=lctemp.getT(); //on a une ligne en plus
|
||||
|
||||
nl++; |
||||
this.construit_tableau(); |
||||
} |
||||
|
||||
function supprime_ligne(num_ligne){ |
||||
//création d'un tableau temporaire bidimensionnel de cellule
|
||||
var lctemp = new tableau_cellules(nl-1, nc); |
||||
|
||||
lctemp.supL(num_ligne); //supression d'une ligne dans le tableau lc
|
||||
lc=lctemp.getT(); //on a une ligne en moins
|
||||
|
||||
nl--; |
||||
this.construit_tableau(); |
||||
} |
||||
function insere_colonne(num_colonne){ |
||||
//création d'un tableau temporaire bidimensionnel de cellule
|
||||
var lctemp = new tableau_cellules(nl, nc+1); |
||||
|
||||
lctemp.insC(num_colonne); //insertion d'une colonne dans le tableau lc
|
||||
lc=lctemp.getT(); |
||||
|
||||
nc++; //on a une ligne en plus
|
||||
this.construit_tableau(); |
||||
} |
||||
function supprime_colonne(num_colonne){ |
||||
//création d'un tableau temporaire bidimensionnel de cellules
|
||||
var lctemp = new tableau_cellules(nl, nc-1); |
||||
|
||||
lctemp.supC(num_colonne); //supression d'une colonne dans le tableau lc
|
||||
lc=lctemp.getT(); //on remplace le tableau lc par le tableau temp
|
||||
|
||||
nc--; //on a une colonne en moins
|
||||
this.construit_tableau(); |
||||
} |
||||
} |
||||
|
||||
//classe cellule
|
||||
function cellule(i,j){ |
||||
this.l=i; |
||||
this.c=j; |
||||
this.content=''; |
||||
|
||||
/* les méthodes getters et setters */ |
||||
this.setC = function(c){this.c = c} |
||||
this.getC = function(){return this.c} |
||||
this.setL = function(l){this.l = l} |
||||
this.getL = function(){return this.l} |
||||
|
||||
/* les méthodes de la classe cellule */ |
||||
this.insere = insere; |
||||
|
||||
/* cette fonction insere une zone de texte dans la cellule */ |
||||
function insere(){ |
||||
|
||||
var texte ="<textarea cols='10' rows='2'";
|
||||
// on sauve le contenu
|
||||
texte+=" onchange='lc[" + this.l + "][" + this.c + "].content=this.value;'>";
|
||||
texte+=this.content;
|
||||
texte+="</textarea> \n";
|
||||
return texte; |
||||
} |
||||
} //fin de la classe "cellule"
|
||||
|
||||
function tableau_cellules(nb_l,nb_c){ |
||||
this.t = new Array(); |
||||
for (var i=0; i<nb_l; i++){ |
||||
this.t[i]=new Array();
|
||||
for (var j=0; j<nb_c; j++){ |
||||
this.t[i][j]=new cellule(i,j); |
||||
}
|
||||
} |
||||
|
||||
this.getT = function(){return this.t} |
||||
|
||||
this.insL = function(num_ligne) { |
||||
//insertion d'une ligne dans le tableau lc
|
||||
for (var i=0;i<nl+1;i++){ |
||||
for (var j=0;j<nc;j++){ |
||||
if (i<num_ligne){ |
||||
//recopiage simple
|
||||
this.t[i][j]=lc[i][j]; |
||||
} |
||||
if (i>num_ligne){ |
||||
//on incrémente de 1
|
||||
this.t[i][j]=lc[i-1][j]; |
||||
this.t[i][j].setL(i);
|
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
this.supL = function(num_ligne){ |
||||
for (i=0;i<nl-1;i++){ |
||||
for (j=0;j<nc;j++){ |
||||
if (i<num_ligne){ |
||||
//recopiage simple
|
||||
this.t[i][j]=lc[i][j]; |
||||
}else{ |
||||
this.t[i][j]=lc[i+1][j]; |
||||
this.t[i][j].setL(i);
|
||||
} |
||||
} |
||||
} |
||||
|
||||
} |
||||
|
||||
this.insC = function(num_colonne){ |
||||
for (i=0;i<nl;i++){ |
||||
for (j=0;j<nc+1;j++){ |
||||
if (j<num_colonne){ |
||||
//recopiage simple
|
||||
this.t[i][j]=lc[i][j]; |
||||
} |
||||
if (j>num_colonne){ |
||||
//on incrémente de 1
|
||||
this.t[i][j]=lc[i][j-1]; |
||||
this.t[i][j].setC(j); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
this.supC = function(num_colonne){ |
||||
for (i=0;i<nl;i++){ |
||||
for (j=0;j<nc-1;j++){ |
||||
if (j<num_colonne){ |
||||
//recopiage simple
|
||||
this.t[i][j]=lc[i][j]; |
||||
}else{ |
||||
this.t[i][j]=lc[i][j+1]; |
||||
this.t[i][j].setC(j);
|
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
} |
||||
|
||||
function selection(zone){ |
||||
this.s1 = ""; |
||||
this.s2 = ""; |
||||
this.s3 = ""; |
||||
this.t_SPIP = new Array(); // les lignes du tableau SPIP
|
||||
this.t = new Array(); // le tableau des valeurs à modifier
|
||||
this.premiere_ligne = ""; |
||||
|
||||
this.avec_entete = avec_entete; |
||||
this.recup_caption = recup_caption; |
||||
this.recup_summary = recup_summary; |
||||
this.compte_lignes = compte_lignes; |
||||
this.recup_ligne = recup_ligne; |
||||
this.recup_cellule = recup_cellule; |
||||
this.contenu = contenu; |
||||
this.existe = existe; |
||||
|
||||
var lignes = new Array(); // les lignes brutes de la zone d'édition SPIP
|
||||
var ligne_cour = ""; // la ligne brute en cours de traitement lors de la reconstitution du tableau SPIP
|
||||
var j=0; |
||||
var init_i; // début du contenu du tableau de données (1 si tableau avec entête, 0 sinon)
|
||||
|
||||
if ((clientVer >= 4) && is_ie && is_win) |
||||
{ |
||||
var theSelection = false; |
||||
|
||||
theSelection = top.opener.document.selection.createRange().text; // Get text selection
|
||||
if (theSelection) { |
||||
this.s2 = theSelection; |
||||
} else { |
||||
this.s1 = top.opener.document.getElementById("text_area").value; |
||||
} |
||||
} |
||||
else { |
||||
var selLength = zone.textLength; |
||||
var selStart = zone.selectionStart; |
||||
var selEnd = zone.selectionEnd; |
||||
|
||||
if (selEnd == 1 || selEnd == 2) selEnd = selLength; |
||||
|
||||
// Raccourcir la selection par double-clic si dernier caractere est espace
|
||||
if (selEnd - selStart > 0 && (zone.value).substring(selEnd-1,selEnd) == ' ') selEnd = selEnd-1; |
||||
this.s1 = (zone.value).substring(0,selStart); |
||||
this.s2 = (zone.value).substring(selStart, selEnd) |
||||
this.s3 = (zone.value).substring(selEnd, selLength); |
||||
} |
||||
|
||||
lignes = this.s2.split("\n"); |
||||
|
||||
if (this.avec_entete()) init_i = 1;
|
||||
for (i=init_i;i<lignes.length;i++) { |
||||
ligne_cour += lignes[i] + "\n"; |
||||
if (lignes[i].match(/\|.?$/)) { |
||||
ligne_cour = ligne_cour.replace(/\|(left|right|center)/g, "££$1"); //pour distinguer les barres verticales des codes d'inclusion d'image et de document
|
||||
this.t_SPIP[j++] = ligne_cour; |
||||
ligne_cour = ""; |
||||
} |
||||
} |
||||
this.premiere_ligne = this.t_SPIP[0]; |
||||
|
||||
this.contenu(); |
||||
|
||||
|
||||
function avec_entete(){ |
||||
return (lignes[0].search(/^\|\|/) != -1); // si double pipe en tête de la première ligne(resumé)
|
||||
} |
||||
function recup_caption(){ |
||||
return lignes[0].match(/^\|\|([^\|]*)/)[1]; |
||||
} |
||||
function recup_summary(){ |
||||
return lignes[0].match(/^\|\|([^\|])*\|([^\|]*)/)[2]; |
||||
} |
||||
function compte_lignes(){ |
||||
return (this.t_SPIP.length); |
||||
} |
||||
function recup_ligne(num_ligne){ |
||||
var ligne_encodee = this.t_SPIP[num_ligne].split("|"); |
||||
var ligne_decodee = new Array(); |
||||
|
||||
for (var i=0; i<ligne_encodee.length; i++){ |
||||
ligne_decodee[i] = ligne_encodee[i].replace(/££/g,"|"); |
||||
} |
||||
return (ligne_decodee); |
||||
} |
||||
function contenu(){ |
||||
for (var i=0; i<this.t_SPIP.length; i++){ |
||||
this.t[i] = this.recup_ligne(i); //t est un tableau bidimensionnel avec les valeurs à modifier
|
||||
} |
||||
} |
||||
function recup_cellule(i,j){ |
||||
return (this.t[i][j+1] ? this.t[i][j+1] : ""); |
||||
} |
||||
function existe() {return (this.s2!="")} //indique si un tableau SPIP a été sélectionné
|
||||
} |
||||
var ancien_tableau; |
||||
|
||||
//nombre de lignes et nombre de colonnes
|
||||
var nl; |
||||
var nc; |
||||
|
||||
//création d'un tableau bidimensionnel de cellules
|
||||
var lc=new Array(); |
||||
|
||||
var cellspacing=0; |
||||
|
||||
//noeud ou l'on va ecrire le tableau
|
||||
var table; |
||||
var debug; |
||||
|
||||
var ihm_tableau = new ihm(); |
||||
|
||||
function init(){ |
||||
ancien_tableau = new selection(top.opener.zone_selection); |
||||
|
||||
if (ancien_tableau.existe() & ancien_tableau.avec_entete()) { |
||||
document.getElementById("titre_t").value = ancien_tableau.recup_caption() ; //récupération du titre du tableau
|
||||
document.getElementById("resume_t").value = ancien_tableau.recup_summary() ;//récupération du résumé du tableau
|
||||
} |
||||
|
||||
nl= (ancien_tableau.existe()) ? ancien_tableau.compte_lignes() : 3; |
||||
nc= (ancien_tableau.existe()) ? ancien_tableau.t[0].length - 2 : 3; |
||||
|
||||
for (i=0;i<nl;i++){ |
||||
lc[i]=new Array(); //2 lignes au depart
|
||||
for (j=0;j<nc;j++){ |
||||
lc[i][j]=new cellule(i,j); |
||||
if (ancien_tableau.existe()) lc[i][j].content = ancien_tableau.recup_cellule(i,j); |
||||
}
|
||||
} |
||||
|
||||
table=document.getElementById("table"); |
||||
debug=document.getElementById("debug"); |
||||
|
||||
/*********CONStrUCTION DE L'INTERFACE UTILISATEUR**********************/ |
||||
ihm_tableau.construit_tableau(); |
||||
} |
||||
function d(s){debug.innerHTML+=s;} |
||||
|
||||
/****génération du code SPIP du tableau ******/ |
||||
|
||||
function construit_code_tableau(){ |
||||
var le_titre = document.getElementById("titre_t").value; |
||||
var le_resume = document.getElementById("resume_t").value; |
||||
var texte=""; |
||||
var la_ligne=""; |
||||
|
||||
texte += "||" + le_titre + "|" + le_resume + "||\n"; |
||||
for (var j=0;j<nc;j++){ |
||||
//on supprime les accolades éventuelles avant de placer les accolades d'entete de tableau
|
||||
var cont_cell = lc[0][j].content.replace(/(\{)*([^\}]*)(\})*/,"$2"); |
||||
la_ligne += "|{{" + (cont_cell=="" ? " " : cont_cell) + "}}"; |
||||
} |
||||
texte += la_ligne + "|\n"; |
||||
|
||||
for (i=1;i<nl;i++){ |
||||
for (j=0;j<nc;j++) {texte += "|" + lc[i][j].content;} |
||||
texte += "|\n"; |
||||
}//fin du for i
|
||||
return texte;
|
||||
} |
||||
|
||||
/**********LES FONCTIONS DE CREATION DE L'INTERFACE**********/ |
||||
|
||||
function enregistre(){ |
||||
if (ancien_tableau.existe()) { |
||||
if ((clientVer >= 4) && is_ie && is_win) { |
||||
top.opener.document.selection.createRange().text = construit_code_tableau(); |
||||
} else { |
||||
top.opener.zone_selection.value = ancien_tableau.s1 + construit_code_tableau() + ancien_tableau.s3; |
||||
} |
||||
} else { //insertion d'un nouveau tableau
|
||||
if (top.opener.zone_selection.createTextRange && top.opener.zone_selection.caretPos) { //IE
|
||||
var caretPos = top.opener.zone_selection.caretPos; |
||||
caretPos.text = caretPos.text + construit_code_tableau(); |
||||
top.opener.zone_selection.focus(); |
||||
} else { |
||||
top.opener.zone_selection.value = ancien_tableau.s1 + construit_code_tableau() + ancien_tableau.s3; |
||||
} |
||||
} |
||||
window.close();
|
||||
} |
||||
@ -0,0 +1,24 @@
|
||||
#CACHE{24*3600} |
||||
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> |
||||
<html lang='#LANG' dir='#LANG_DIR'> |
||||
<head> |
||||
<title>Editeur de table</title> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=#CHARSET" /> |
||||
<link rel="stylesheet" href="[(#CHEMIN{editeur/table.css}|direction_css)]" type="text/css" media="screen" /> |
||||
<script type="text/javascript"> |
||||
tableau_edit_images_path = "[(#CHEMIN{editeur/table.css}|dirname)/]"; |
||||
</script> |
||||
<script src="#CHEMIN{javascript/spip_barre.js}" type="text/javascript"></script> |
||||
<script src="#CHEMIN{editeur/table(#LANG_DIR|=={rtl}|?{'_rtl',''}).js}" type="text/javascript"></script> |
||||
</head> |
||||
<body onload="init();"> |
||||
|
||||
<form action="table.html" method="post"> |
||||
<div><label><span><:enlumtypo:tableau_titre:></span><input id='titre_t' value='' onchange='ihm_tableau.titre_t=this.value;' /></label></div> |
||||
<div><label><span><:enlumtypo:tableau_resume:></span><input id='resume_t' value='' onchange='ihm_tableau.resume_t=this.value;' /></label></div> |
||||
</form> |
||||
<div id='table'></div> |
||||
<div id='debug'></div> |
||||
<a id="enregistrer" href="javascript:enregistre()"><:enlumtypo:tableau_enregistrer:></a> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,246 @@
|
||||
<?php |
||||
if (!defined("_ECRIRE_INC_VERSION")) return; |
||||
function typoenluminee_porte_plume_barre_pre_charger($barres){ |
||||
$barre = &$barres['edition']; |
||||
|
||||
$barre->cacher('italic'); |
||||
$barre->cacher('stroke_through'); |
||||
$barre->cacher('notes'); |
||||
$barre->cacher('sepCode'); |
||||
$barre->cacher('grpCode'); |
||||
|
||||
$module_barre = "barre_outils"; |
||||
if (intval($GLOBALS['spip_version_branche'])>2) |
||||
$module_barre = "barreoutils"; |
||||
|
||||
$barre->set('header1', array( |
||||
// groupe formatage paragraphe |
||||
"dropMenu" => array( |
||||
array( |
||||
"id" => 'intertitre', |
||||
"name" => _T('barre_intertitre'), |
||||
"className" => 'outil_intertitre1', |
||||
"openWith" => "\n{{{", |
||||
"closeWith" => "}}}\n", |
||||
"display" => true, |
||||
"selectionType" => "line", |
||||
), |
||||
array( |
||||
"id" => 'intertitre2', |
||||
"name" => _T('enlumtypo:barre_intertitre2'), |
||||
"className" => 'outil_intertitre2', |
||||
"openWith" => "\n{{{**", |
||||
"closeWith" => "}}}\n", |
||||
"display" => true, |
||||
"selectionType" => "line", |
||||
), |
||||
array( |
||||
"id" => 'intertitre3', |
||||
"name" => _T('enlumtypo:barre_intertitre3'), |
||||
"className" => 'outil_intertitre3', |
||||
"openWith" => "\n{{{***", |
||||
"closeWith" => "}}}\n", |
||||