Ignore:
Timestamp:
Mar 30, 2012, 7:29:48 AM (8 years ago)
Author:
johan.pustoch@…
Message:

styles pre-definis dans le choix des couleurs (javascript) + callback sur les paginations ajax de breves

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/scolaspip/trunk/formulaires/configurer_scolaspip_couleurs.html

    r59921 r59924  
    148148                                        </select>
    149149                                </div>
    150                                
    151                         </li>
    152                        
     150                        </li>
    153151                </ul>
    154152               
    155153                <legend><:scolaspip:choix_couleur:></legend>
    156                
    157                 <p><:scolaspip:styles_predefinis:></p>
    158                 <select id="style_scolaspip">
    159                         <option></option>
    160                         <option value="1">Scolaspip 2012</option>
    161                         <option value="2">ScolaSpip 2008</option>
    162                         <option value="3">Rouge</option>
    163                         <option value="4">Vert</option>
    164                         <option value="5">Bleu</option>
    165                 </select>
    166                
    167154                <p><:scolaspip:couleur_aide:></p>
    168        
    169                 <ul>
     155                <ul>
     156                        <li>
     157                                <label for="style_scolaspip"><:scolaspip:styles_predefinis:></label>
     158                                <select id="style_scolaspip">
     159                                        <option value="0"></option>
     160                                        <option value="1">Scolaspip par défaut</option>
     161                                        <option value="2">Gris et rouge</option>
     162                                        <option value="3">Rouge</option>
     163                                </select>
     164                        </li>
    170165<!-- Backgrounds 5 possible + 1 survol -->                     
    171166                        <li>
     
    296291                <input type="submit" name="enregistrer" class="submit" value="<:bouton_valider:>" />
    297292        </p>
    298         [(#BOITE_OUVRIR{[<:scolaspip:export_import:>(#CHEMIN_IMAGE{ieconfig-24.png}|balise_img{'',cadre-icone})],simple})]
     293        [(#BOITE_OUVRIR{<:scolaspip:export_import:>,info})]
    299294                <p><:scolaspip:export_import_config:></p>
    300295        #BOITE_FERMER   
    301296</div></form>
    302297
     298</div>
    303299
    304300<style type="text/css">
     
    314310//ScolaSpip Origine
    315311
    316 jQuery(function() {
     312$(document).ready(function() {
    317313        var couleurs = new Array();
    318         couleurs[1] = {
     314        couleurs[1] = { // Par défaut
    319315                'bodyfond':'#dddddd',
    320316                'bandeau':'#4b4b4b',
     
    339335                'couleurs_intertitres':'#333333'
    340336        };
    341 
     337        couleurs[2] = { // Gris et Rouge
     338                'bodyfond':'#ffffff',
     339                'bandeau':'#333333',
     340                'barre':'#c4c4c4',
     341                'barreover':'#dddddd',
     342                'menufond':'#ffffff',
     343                'calfond':'#ffffff',
     344                'menurollover':'#000000',
     345                'couleurbordure':'#aa0000',
     346                'liens':'#aa0000',
     347                'liensover':'#ff5d00',
     348                'liensmenugauche':'#aa0000',
     349                'liensmenugauchehover':'#ff5d00',
     350                'liensmenuhorizontal':'#333333',
     351                'liover':'#efefef',
     352                'btcom1':'#DDDDDD',
     353                'btcom2':'#EEEEEE',
     354                'btcom3':'#F4F4F4',
     355                'btcom4':'#DDDDDD',
     356                'btcom5':'#EEEEEE',
     357                'couleurs_bandeau':'#dddddd',
     358                'couleurs_intertitres':'#780808'
     359        };
     360        couleurs[3] = { // Rouge et gris
     361                'bodyfond':'#eeeeee',
     362                'bandeau':'#eeeeee',
     363                'barre':'#cc0000',
     364                'barreover':'#000000',
     365                'menufond':'#ffffff',
     366                'calfond':'#ffffff',
     367                'menurollover':'#dddddd',
     368                'couleurbordure':'#aa0000',
     369                'liens':'#aa0000',
     370                'liensover':'#ff5d00',
     371                'liensmenugauche':'#aa0000',
     372                'liensmenugauchehover':'#ff5d00',
     373                'liensmenuhorizontal':'#ffffff',
     374                'liover':'#eeeeee',
     375                'btcom1':'#DDDDDD',
     376                'btcom2':'#EEEEEE',
     377                'btcom3':'#F4F4F4',
     378                'btcom4':'#DDDDDD',
     379                'btcom5':'#EEEEEE',
     380                'couleurs_bandeau':'#dd0000',
     381                'couleurs_intertitres':'#666666'
     382        };
    342383        jQuery("#style_scolaspip").change(function(){
     384                if (jQuery(this).val()==0) return;
    343385                jeu_de_couleurs = couleurs[jQuery(this).val()];
    344386                jQuery.each(jeu_de_couleurs, function(index, value) {
    345                         // a debugguer
    346                         //jQuery("#".index).attr("value",value);
     387                        element = jQuery("#"+index);
     388                        if (element.hasClass("palette")) {
     389                                element.attr("value",value);
     390                                element.css({'background':value});
     391                        }
    347392                });
    348393        });
Note: See TracChangeset for help on using the changeset viewer.