Changeset 54259 in spip-zone


Ignore:
Timestamp:
Nov 9, 2011, 2:49:13 PM (8 years ago)
Author:
cedric@…
Message:

rangement des css et js dans leurs dossiers respectifs
les bouton avec une img rien.gif et la vrai image en background sont remplaces
par un lien a qui contient la vrai image directement inseree en js et non plus en css
cela permet d'etre vraiment accessible dans toutes les situations, et de beneficier du style des liens (focus, hover...) par defaut
rangement des icones dans un sous dossier boutonstexte/themes/
ajout d'un theme zoom tire de fatcow

Location:
_plugins_/boutonstexte/trunk
Files:
8 added
1 edited
3 moved

Legend:

Unmodified
Added
Removed
  • _plugins_/boutonstexte/trunk/boutonstexte_pipelines.php

    r54258 r54259  
    66{
    77        $metacfg = array(
    8                 'cssFile' => 'boutonstexte',
     8                'cssFile' => 'css/boutonstexte',
    99        );
    1010        meta_boutonstexte($metacfg);
     
    1717        $flux .=
    1818                '<link rel="stylesheet" href="'.$cssFile.'" type="text/css" media="all" />'
    19           . "<style type='text/css'>
    20 .boutonstexte button.textonly {background-image:url($imgto);}
    21 .boutonstexte button.textsizedown {background-image:url($imgtsd);}
    22 .boutonstexte button.textsizeup {background-image:url($imgtsu);}
    23 div.onlytext {text-align:$dir;}
    24 </style>"
     19          . "<style type='text/css'>div.onlytext {text-align:$dir;}</style>"
    2520                ;
    2621
     
    3328        $metacfg = array(
    3429                'selector' => '#content .texte',
    35                 'jsFile' => 'boutonstexte.js',
    36                 'imgPath' => 'images/fontsizeup.png',
     30                'jsFile' => 'javascript/boutonstexte.js',
     31                'imgPath' => 'boutonstexte/themes/zoom/fontsizeup.png',
    3732                'txtOnly' => 'boutonstexte:texte_seulement',
    3833                'txtBackSpip' => 'boutonstexte:retour_a_spip',
     
    4439        $selector = $metacfg['selector'];
    4540        $jsFile = find_in_path($metacfg['jsFile']);
    46         $imgPath = dirname(find_in_path($metacfg['imgPath']));
     41        $imgPath = dirname(find_in_path($metacfg['imgPath']))."/";
    4742
    4843        $txtOnly = txt_boutonstexte($metacfg['txtOnly']);
  • _plugins_/boutonstexte/trunk/css/boutonstexte.css

    r54258 r54259  
    33        float: right;
    44}
    5 .boutonstexte button {
     5.boutonstexte a {
     6    display: inline-block;
    67        position:relative;
    78        top: -10px;
    8         padding: 0;
    9         border: 1px transparent solid;
    10         background-color: transparent;
    11 }
    12 .textsizeup, .textsizedown, .textonly {
    13         cursor: pointer;
    14 }
    15 .boutonstexte button:hover {
    16         border: 1px red solid;
    17 }
    18 .boutonstexte button.textonly {
    19         background-repeat: no-repeat;
    20         height: 17px;
    21         width: 17px;
    22 }
    23 .boutonstexte button.textsizedown {
    24     background-repeat: no-repeat;
    25         height: 17px;
    26         width: 17px;
    27 }
    28 .boutonstexte button.textsizeup {
    29     background-repeat: no-repeat;
    30         height: 17px;
    31         width: 17px;
     9        padding: 2px;
     10    height: 16px;
     11    width:16px;
    3212}
    3313
  • _plugins_/boutonstexte/trunk/javascript/boutonstexte.js

    r54257 r54259  
    1111
    1212                if (!$("img.textsizeup").length && boutonstexte.txtSizeUp) {
    13                         $('<button class="textsizeup"><img src="rien.gif" alt="' + boutonstexte.txtSizeUp +'" /></button>')
     13                        $('<a href="#" class="textsizeup"><img src="'+boutonstexte.imgPath+'fontsizeup.png" alt="' + boutonstexte.txtSizeUp +'" /></a>')
    1414                        .appendTo(boutons);
    1515                }
    1616                if (!$("img.textsizedown").length && boutonstexte.txtSizeDown) {
    17                         $('<button class="textsizedown"><img src="rien.gif" alt="' + boutonstexte.txtSizeDown +'" /></button>')
     17                        $('<a href="#" class="textsizedown"><img src="'+boutonstexte.imgPath+'fontsizedown.png" alt="' + boutonstexte.txtSizeDown +'" /></a>')
    1818                        .appendTo(boutons);
    1919                }
    2020                if (!$("img.textonly").length && boutonstexte.txtOnly) {
    21                         $('<button class="textonly"><img src="rien.gif" alt="' + boutonstexte.txtOnly +'" /></button>')
     21                        $('<a href="#" class="textonly"><img src="'+boutonstexte.imgPath+'textonly.png" alt="' + boutonstexte.txtOnly +'" /></a>')
    2222                        .appendTo(boutons);
    2323                }
     
    2727                }
    2828
    29                 $("img.textsizeup,button.textsizeup")
     29                $("img.textsizeup,a.textsizeup")
    3030                .click(function(e) {
    3131                        boutonstexte.fontBigger($(this).is('button') ? this : null);
    3232                        e.stopPropagation();
     33                        return false;
    3334                })
    3435                .attr({'alt':boutonstexte.txtSizeUp, 'title':boutonstexte.txtSizeUp});
    3536
    36                 $("img.textsizedown,button.textsizedown")
     37                $("img.textsizedown,a.textsizedown")
    3738                .click(function(e) {
    3839                        boutonstexte.fontSmaller($(this).is('button') ? this : null);
    3940                        e.stopPropagation();
     41                        return false;
    4042                })
    4143                .attr({'alt':boutonstexte.txtSizeDown, 'title':boutonstexte.txtSizeDown});
    4244
    43                 $("img.textonly,button.textonly")
     45                $("img.textonly,a.textonly")
    4446                .click(function(e) {
    4547                        boutonstexte.texteOnly($(this).is('button') ? this : null);
    4648                        e.stopPropagation();
     49                        return false;
    4750                })
    4851                .attr({'alt':boutonstexte.txtOnly, 'title':boutonstexte.txtOnly});
Note: See TracChangeset for help on using the changeset viewer.